当サイト使用テーマ・サーバー
＼ SWELL【WordPressテーマ】 ／
＼ レンタルサーバー【ConoHa WING】 ／
プログラミング学習
美容・脱毛
ホームページ制作
JavaScript– tag –
-
【JavaScript】JavaScriptの基本文法、初心者向けガイド
JavaScriptはWeb開発で非常に重要な役割を果たすプログラミング言語です。この記事では、JavaScriptの基本的な文法について説明します。初心者の方にも理解しやすくするために、具体的なコード例を交えながら説明します。 変数の宣言 JavaScriptでは、変数... -
【JavaScript】コピペでOK！ハンバーガーメニュー
この記事では、コピペで貼り付けるだけでハンバーガーメニューを実装できるコードを紹介、解説していきます！ 完成形 まずは、完成形を見ていきます！ 右側にあるハンバーガーメニューをクリック又はタップすると動作し、×に切り替わります。 詳細コードは... -
【JavaScript】jQueryの書き方を分かりやすく解説！JavaScriptとjQueryのコードを比較！
この記事では、jQueryのコードの書き方が分からない！という方に向けて丁寧に解説していきます！なるべく分かりやすい解説を心掛けるので是非最後まで見ていってください！ jQueryの準備 まずjQueryを使えるようにするため、下記のコードをHTMLに貼り付け... -
【おすすめ書籍】知識０からWordPressサイト制作までに必要なプログラミング書籍紹介(HTML,CSS,JavaScript,PHP)
この記事では、初心者の方にも分かりやすいプログラミング書籍の紹介をします。紹介する書籍は、プログラミング知識０からWordPressサイトを制作するために必要な言語、HTML, CSS, JavaScript, PHPの各言語につき１冊厳選したものを紹介していきます。学習... -
【CSSアニメーション】1文字ずつ色が移り変わるアニメーション
この記事では、CSSアニメーションを使って文字の色を1文字ずつ切り替えていくプログラミングコードを解説します。 完成形 まずは完成形を見ていきます。JavaScriptのコードで、文字を１文字ずつspanタグで囲み、CSSアニメーションを使って色を切り替えてい... -
【JavaScript】jQueryを使ってお問い合わせページの入力チェック
この記事では、jQueryを使ってお問い合わせフォームの入力チェックを実装するプログラミングコードについて解説していきます。 完成形 まずは、完成形を見ていきます。お問い合わせフォームの各項目にそれぞれ記入して送信ボタンをクリックすると入力チェ... -
【JavaScript】slickを使ったスライドショー(jQueryのプラグイン)
この記事では、jQueryのプラグイン『slick』を使ってスライドショーを実装するプログラミングコードを解説していきます。 完成形 まずは完成形を見ていきます。３枚の画像がslickで切り替わっています。 See the Pen js-10 by aqua (@aqua-programdiary) o... -
【JavaScript】ハンバーガーメニュー動き3種
この記事では、ハンバーガーメニューをクリックしたときの動きを３種類紹介していきます。 完成形 まずは完成形を見ていきましょう。上から３種類のハンバーガーメニューがあると思います。それぞれクリック又は画面をタップしてハンバーガーメニューの動... -
【JavaScript】ホバーで切り替わる画像
この記事では、JavaScriptでマウスホバー又はスマホの画面タップで画像が切り替わるプログラミングコードを解説します。 完成形 まずは完成形を見ていきます。メインの画像とサブの画像が３枚あります。サブの画像をマウスでホバー又はスマホの画面をタッ...
12