今回は、Swiperを使ってサムネイル付き画像スライダーの作り方について紹介します。 コピペできるので、是非真似してみてください。 【Swiper】サムネイル付き画像スライダーの作り方 完成形はこちら。 Swiperを使…

今回は、フェードインのアニメーションで要素を表示させる方法を紹介します。 JavaScriptを使って実装します。 【JS】フェードインのアニメーションで要素を表示させる方法 完成形はこちら。 下にスクロールしていくと、…

今回はSwiperのライブラリを使って、「縦横比を保ったまま画像スライダーする方法」を紹介します。 画像スライダーは実際の業務でも頻繁に使うので、WEB制作を行う人は是非マスターしましょう！ Swiperとは？ Swip…

  文字数カウンターのアプリを作成した際に、JavaScriptで改行を削除する機会があったのでメモ。 改行を消したい時は、以下のようにコードを書きます。 変数 = 変数.replace(/\r?\n/g,&#…

  今回は、JavaScriptで使われるkeyupイベントについて。 文字を打ち込みキーボードを離した際に値を取得したい時に使います。 keyupイベントとは？ keyupとは、キーボードを離した際に発生する…

  今回は「style.color」のメソッドについて。 JavaScript側で色を操作したいときに使えます。 style.colorメソッドとは？ 「style.color」とは、要素スタイル属性のcolo…

  今回は、JavaScriptで簡単に実装できる「文字数カウンターアプリ」の作り方を紹介します。 JavaScriptでプログラミングを本格的に学んでいきたい人は、是非参考にしてください。 文字数カウンターア…

  今回は、innerHTMLについて。 JavaScriptではよく使われるメソッドになってます。 innerHTMLとは？ innerHTMLとは、指定したHTML要素の中身を変えることができる関数のこと。…