JavaScriptについて
JavaScript とは?
JavaScriptとは、プログラミング言語のひとつである。Javaと名前が似ているが、全く異なるプログラミング言語である。 JavaScriptはプロトタイプベースのオブジェクト指向スクリプト言語であるが、クラスなどのクラスベースに見られる機能も取り込んでいる。
参考サイト
jQuery とは?
jQueryは、ウェブブラウザ用のJavaScriptコードをより容易に記述できるようにするために設計されたJavaScriptライブラリである。ジョン・レシグが、2006年1月に開催された BarCamp NYC でリリースした。 ウィキペディア
- jQueryってなに?超初心者向け入門講座 – ウェブ企画ラボ
- 今さら聞けない!jQueryとは【初心者向け】 | TechAcademyマガジン
- jQueryとは何なのか? なぜ使わなくても(あるいは使わないほうが)いいのか?
記述の手順
- headタグ内にjQuery本体を読み込む
- 使用するjQueryの実行ファイル「内部の場合もあり」を記述
- idもしくはclassを「.html」と「.js」合わせる
※後は必要に応じて、htmlとcssを書き換える
※場合によっては、jsの記述の変更も必要
参考サイト
jquery サンプルを見つけてみましょう!
よくあるキーワードは…
- カルーセル
- パララックス
- ハンバーガーメニュー
- ライトボックス
- ドリルダウン
- フェード
- スクロールトップ
参考サイト
カルーセル(スライダー)
- カルーセルスライダーおすすめ7選まとめ!サイト内にスライドショーを手軽に
- 【jQuery】スライダープラグイン「slick」の使い方を詳しく解説
- 簡単にスライダーを実装して動きのあるWEBサイトにしたい!bxSliderの使い
フェード
ハンバーガーメニュー、ナビゲーションドロワー
- 【CSS】ハンバーガーメニューの作り方【レスポンシブデザイン】
- 【JS】スマホ用のハンバーガーメニューをjQueryとCSSで作成する方法
- JavaScript不要!CSSだけでハンバーガーメニューを実装する方法
スクロールトップ
JavaScriptについて
JavaScript とは?
JavaScriptとは、プログラミング言語のひとつである。Javaと名前が似ているが、全く異なるプログラミング言語である。 JavaScriptはプロトタイプベースのオブジェクト指向スクリプト言語であるが、クラスなどのクラスベースに見られる機能も取り込んでいる。
参考サイト
jQuery とは?
jQueryは、ウェブブラウザ用のJavaScriptコードをより容易に記述できるようにするために設計されたJavaScriptライブラリである。ジョン・レシグが、2006年1月に開催された BarCamp NYC でリリースした。 ウィキペディア
- jQueryってなに?超初心者向け入門講座 – ウェブ企画ラボ
- 今さら聞けない!jQueryとは【初心者向け】 | TechAcademyマガジン
- jQueryとは何なのか? なぜ使わなくても(あるいは使わないほうが)いいのか?
記述の手順
- headタグ内にjQuery本体を読み込む
- 使用するjQueryの実行ファイル「内部の場合もあり」を記述
- idもしくはclassを「.html」と「.js」合わせる
※後は必要に応じて、htmlとcssを書き換える
※場合によっては、jsの記述の変更も必要
参考サイト
jquery サンプルを見つけてみましょう!
よくあるキーワードは…
- カルーセル
- パララックス
- ハンバーガーメニュー
- ライトボックス
- ドリルダウン
- フェード
- スクロールトップ
参考サイト
カルーセル(スライダー)
- カルーセルスライダーおすすめ7選まとめ!サイト内にスライドショーを手軽に
- 【jQuery】スライダープラグイン「slick」の使い方を詳しく解説
- 簡単にスライダーを実装して動きのあるWEBサイトにしたい!bxSliderの使い
フェード
ハンバーガーメニュー、ナビゲーションドロワー
- 【CSS】ハンバーガーメニューの作り方【レスポンシブデザイン】
- 【JS】スマホ用のハンバーガーメニューをjQueryとCSSで作成する方法
- JavaScript不要!CSSだけでハンバーガーメニューを実装する方法