jQueryについて

JavaScriptについて

JavaScript とは?

JavaScriptとは、プログラミング言語のひとつである。Javaと名前が似ているが、全く異なるプログラミング言語である。 JavaScriptはプロトタイプベースのオブジェクト指向スクリプト言語であるが、クラスなどのクラスベースに見られる機能も取り込んでいる。

参考サイト

jQuery とは?

jQueryは、ウェブブラウザ用のJavaScriptコードをより容易に記述できるようにするために設計されたJavaScriptライブラリである。ジョン・レシグが、2006年1月に開催された BarCamp NYC でリリースした。 ウィキペディア

記述の手順

  1. headタグ内にjQuery本体を読み込む
  2. 使用するjQueryの実行ファイル「内部の場合もあり」を記述
  3. idもしくはclassを「.html」と「.js」合わせる
    ※後は必要に応じて、htmlとcssを書き換える
    ※場合によっては、jsの記述の変更も必要

参考サイト

jquery サンプルを見つけてみましょう!

よくあるキーワードは…

  • カルーセル
  • パララックス
  • ハンバーガーメニュー
  • ライトボックス
  • ドリルダウン
  • フェード
  • スクロールトップ

参考サイト

カルーセル(スライダー)

フェード

ハンバーガーメニュー、ナビゲーションドロワー

スクロールトップ

JavaScriptについて

JavaScript とは?

JavaScriptとは、プログラミング言語のひとつである。Javaと名前が似ているが、全く異なるプログラミング言語である。 JavaScriptはプロトタイプベースのオブジェクト指向スクリプト言語であるが、クラスなどのクラスベースに見られる機能も取り込んでいる。

参考サイト

jQuery とは?

jQueryは、ウェブブラウザ用のJavaScriptコードをより容易に記述できるようにするために設計されたJavaScriptライブラリである。ジョン・レシグが、2006年1月に開催された BarCamp NYC でリリースした。 ウィキペディア

記述の手順

  1. headタグ内にjQuery本体を読み込む
  2. 使用するjQueryの実行ファイル「内部の場合もあり」を記述
  3. idもしくはclassを「.html」と「.js」合わせる
    ※後は必要に応じて、htmlとcssを書き換える
    ※場合によっては、jsの記述の変更も必要

参考サイト

jquery サンプルを見つけてみましょう!

よくあるキーワードは…

  • カルーセル
  • パララックス
  • ハンバーガーメニュー
  • ライトボックス
  • ドリルダウン
  • フェード
  • スクロールトップ

参考サイト

カルーセル(スライダー)

フェード

ハンバーガーメニュー、ナビゲーションドロワー

スクロールトップ