JavaScript 【JavaScript】関数リテラル、無名関数、アロー関数とは?その違いと使い方 2022-03-27 efilamola Jentle Style 関数リテラル?無名関数?アロー関数? 一体こいつらは何なのでしょうか。 彼らを一言で説明すると「関数の短縮形」です。 「 …
JavaScript 【JavaScript】ブレイクポイントを設置しイベントをレスポンシブ対応させる方法【resize】 2022-03-12 efilamola Jentle Style JavaScriptを制御する際、スマホサイズとPCサイズで異なった制御を行いたい場合があります。そんな時に、どのようにブレイクポイントを …
JavaScript 【JavaScript】スクロールで追従してくるスティッキーヘッダーの実装方法 2022-03-06 efilamola Jentle Style スティッキーヘッダーとは、スクロールしても画面にくっついてくるヘッダーのことです。最初から終始くっついてくるものはJavaScriptは不 …
JavaScript 【JavaScript】クォーテーションの使い分けと文字列・変数の連結方法【'と"と`】 2022-02-26 efilamola Jentle Style JavaScriptで文字列を扱うとき、文字列をクォーテーションと呼ばれる記号で囲む必要があります。 使えるクォーテーションの種類は …
JavaScript 【JavaScript】1文字ずつspanタグで囲む方法【reduceの使い方】 2022-02-23 efilamola Jentle Style 今回は、reduceというものを使って、要素のテキストを1文字ずつspanタグで囲んでいく方法を紹介します。 これを使えるようになる …
JavaScript 【JavaScript】特定のクラスの有無を判定する方法【classList】 2022-02-23 efilamola Jentle Style 指定したタグに、特定のクラスが付与されているかどうかを判別する方法を紹介します。 サンプルコードの使い方 コード右上のアイコン …
JavaScript 【JS入門】JavaScript使い方!記述位置や書き方を覚えよう! 2022-02-23 efilamola Jentle Style さてさて!これからJavaScriptをやっていきますよ! JavaScriptが使えるようになると、ウェブサイトが一気に華やかなも …
JavaScript 【JS入門】JavaScriptとは?そもそも一体何ができるのか【jQuery】 2022-02-23 efilamola Jentle Style JavaScriptについての必要性や重要性、何ができるかなどの記事をいくつも読んできましたが、正直難しい単語がいっぱい出てきて昔の僕の頭 …
JavaScript 【JavaScript】ページトップへ戻るボタンの実装と解説【コピペOK】 2022-02-20 efilamola Jentle Style ページトップへ戻るボタンは、ユーザビリティを意識したウェブサイトにはもはや必須の要素と言っても過言ではありません。 ページトップへ戻 …
JavaScript 【JavaScript】スクロールで出現するアニメーションの実装方法【IntersectionObserver】 2022-02-20 efilamola Jentle Style 今回はスクロールに応じて様々な要素が出現するアニメーションの実装方法です。IntersectionObserverを使うことで実装すること …
JavaScript 【JavaScript】一定時間毎や一定時間後にイベントを発火させる方法 2022-02-20 efilamola Jentle Style JavaScvriptでは、一定時間「毎」や、一定時間「後」にイベントを発火させることができます。 ここの文字色が1秒ごとに変わるよ …
JavaScript 【JavaScript】スクロール量や特定の要素までの距離の取得方法【要素のサイズも】 2022-02-20 efilamola Jentle Style .sampleBox{ width: 200px; height: 100px; …
JavaScript 【JavaScript】console.log()とは?使い方とconsoleの確認方法! 2022-02-20 efilamola Jentle Style console.log()とは、一番最初に覚えなければならないもので、今後もずっとお世話になる味方です。 嬉しい時も辛い時も、いつで …
JavaScript 【JavaScript】ランダムで値を取得する方法【乱数の取得】 2022-02-20 efilamola Jentle Style JavaScriptでランダムな値の取得を使えるようになると、いろんなものをランダムで取得できるようになります。 例えば、ものすごく …
JavaScript 【JavaScript】配列の編集方法と取得方法【特定の要素から全ての要素まで!】 2022-02-20 efilamola Jentle Style 配列とは、1つの変数や定数に対して、複数の要素を格納するための入れ物です。 「フルーツ」という変数の中に、「りんご」「みかん」「ぶど …
JavaScript 【JavaScript】alertで警告ダイアログを表示する方法【改行方法も!】 2022-02-20 efilamola Jentle Style ダイアログとはこんなものです、まずは体験してみましょう! クリック! document.querySelector('.aler …
JavaScript 【JavaScript】confirmで確認用ダイアログを表示する方法【改行方法も!】 2022-02-01 efilamola Jentle Style ダイアログとはこんなものです、まずは体験してみましょう! クリック! document.querySelector('.con …
JavaScript 【JavaScript】Webサイトでイベントを発生させる【addEventListener】 2022-02-01 efilamola Jentle Style addEventListener、これはJavaScriptを扱うコーダーとしての第一歩となります!クリックやテキストの入力など、さまざま …
JavaScript 【JavaScript】for、forEach、for ofの違いと使い方【繰り返し処理】 2022-01-31 efilamola Jentle Style 繰り返し処理は、JavaScriptで欠かせない処理で、非常にお世話になります。 もはや「摩耗していつかは無くなってしまうのではない …
JavaScript 【JavaScript】while、do whileの使い方【繰り返し処理】 2022-01-28 efilamola Jentle Style whileは最もシンプルな繰り返し構文です。シンプルなので残念ながら、どうしても複雑な処理に対応できるforや、配列の繰り返しに強いfor …