2015年06月04日
JavaScriptでできること
JavaScriptでできること
ユーザーの入力によって処理を行うものの中で、これが最も多いでしょう。
クリックやマウスオーバー、Webページそのものロード時など、その他様々なタイミングで処理を行わせることができます。
サムネイル画像をクリックすると大きい画像が表示されるようなものから、メニュー項目をクリックすると下の階層のメニューが開くようなナビゲーションまで、このようなイベント処理を行っています。
Cookieの管理
サーバと通信する場合に、ログインするユーザー情報や閲覧情報、購入した商品の情報等をブラウザ(クライアント側)に保存させる際にCookieを使用します。これにより、ユーザーごとにカスタマイズされたサイトを表示させることが出来ます。このCookieもJavaScriptで扱うことが出来ます。
ショッピングサイトをはじめ、様々なWebサイトで使用されています。
DOMを使用した処理
DOM(Document Object Model)を使用することで、HTML文をツリー構造のように扱うことができます。
これを上記のイベント処理等と組み合わせて使用することで、わざわざ別ページを開くといったページの遷移をすることなく、サイト内にコンテンツを挿入したり、書き換えたり、削除することが出来ます。
Google Mapの表示
もはや地図といえば右に出るものはいないと思えるほどあちこちのサイトに埋め込まれるようになったGoogleMapですが、もちろんこれもJavaScriptで扱えるようになります。
jQueryプラグインを使った処理
よく使う機能や様々なブラウザに対応するために用意されたライブラリがjQueryライブラリです。これを利用することで、コードの記述を簡略化することが出来ます。
さらに、このライブラリを拡張するために様々なプラグインが作成されています。本サイトトップページのスライドショーをはじめ、様々なサイトの各所で使用しています。
- 演算
- マウス等のイベント処理
まずプログラミングを修得する上で、避けては通れないのがこの演算です。単純な四則演算のほか、三角関数や円周率等を使用したり、年齢を算出したり、日数を割り出したりなど、さまざまな用途で使用します。
ユーザーの入力によって処理を行うものの中で、これが最も多いでしょう。
クリックやマウスオーバー、Webページそのものロード時など、その他様々なタイミングで処理を行わせることができます。
サムネイル画像をクリックすると大きい画像が表示されるようなものから、メニュー項目をクリックすると下の階層のメニューが開くようなナビゲーションまで、このようなイベント処理を行っています。
サーバと通信する場合に、ログインするユーザー情報や閲覧情報、購入した商品の情報等をブラウザ(クライアント側)に保存させる際にCookieを使用します。これにより、ユーザーごとにカスタマイズされたサイトを表示させることが出来ます。このCookieもJavaScriptで扱うことが出来ます。
ショッピングサイトをはじめ、様々なWebサイトで使用されています。
DOM(Document Object Model)を使用することで、HTML文をツリー構造のように扱うことができます。
これを上記のイベント処理等と組み合わせて使用することで、わざわざ別ページを開くといったページの遷移をすることなく、サイト内にコンテンツを挿入したり、書き換えたり、削除することが出来ます。
もはや地図といえば右に出るものはいないと思えるほどあちこちのサイトに埋め込まれるようになったGoogleMapですが、もちろんこれもJavaScriptで扱えるようになります。
よく使う機能や様々なブラウザに対応するために用意されたライブラリがjQueryライブラリです。これを利用することで、コードの記述を簡略化することが出来ます。
さらに、このライブラリを拡張するために様々なプラグインが作成されています。本サイトトップページのスライドショーをはじめ、様々なサイトの各所で使用しています。
【このカテゴリーの最新記事】
-
no image
-
no image
-
no image
-
no image
-
no image
この記事へのコメント
コメントを書く
この記事へのトラックバックURL
https://fanblogs.jp/tb/3755658
※ブログオーナーが承認したトラックバックのみ表示されます。
この記事へのトラックバック