JavaScript– category –

JavaScriptはWeb開発で非常に重要な役割を果たすプログラミング言語です。この記事では、JavaScriptの基本的な文法について説明します。初心者の方にも理解しやすくするために、具体的なコード例を交えながら説明します。 変数の宣言 JavaScriptでは、変数...

この記事では、コピペで貼り付けるだけでハンバーガーメニューを実装できるコードを紹介、解説していきます！ 完成形 まずは、完成形を見ていきます！ 右側にあるハンバーガーメニューをクリック又はタップすると動作し、×に切り替わります。 詳細コードは...

この記事では、jQueryのコードの書き方が分からない！という方に向けて丁寧に解説していきます！なるべく分かりやすい解説を心掛けるので是非最後まで見ていってください！ jQueryの準備 まずjQueryを使えるようにするため、下記のコードをHTMLに貼り付け...

この記事では、jQueryを使ってお問い合わせフォームの入力チェックを実装するプログラミングコードについて解説していきます。 完成形 まずは、完成形を見ていきます。お問い合わせフォームの各項目にそれぞれ記入して送信ボタンをクリックすると入力チェ...

この記事では、jQueryのプラグイン『slick』を使ってスライドショーを実装するプログラミングコードを解説していきます。 完成形 まずは完成形を見ていきます。３枚の画像がslickで切り替わっています。 See the Pen js-10 by aqua (@aqua-programdiary) o...

この記事では、ハンバーガーメニューをクリックしたときの動きを３種類紹介していきます。 完成形 まずは完成形を見ていきましょう。上から３種類のハンバーガーメニューがあると思います。それぞれクリック又は画面をタップしてハンバーガーメニューの動...

この記事では、JavaScriptでマウスホバー又はスマホの画面タップで画像が切り替わるプログラミングコードを解説します。 完成形 まずは完成形を見ていきます。メインの画像とサブの画像が３枚あります。サブの画像をマウスでホバー又はスマホの画面をタッ...

この記事では、JavaScriptのライブラリ『Anime.js』を使って風船が上昇するアニメーションを実装するプログラミングコードを解説していきます。 完成形 最初に完成形を見ていきます。ページの読み込みから少し待つと画面下側から風船がゆっくりと上昇して...

この記事では、JavaScriptのライブラリ『Anime.js』を使って風船が中央から外側に向かってランダムに広がるアニメーションを実装するプログラミングコードを解説していきます。 完成形 最初に完成形を見ていきます。画面の中央で作られた風船が外側に向か...