JavaScript

Javascriptの外部化

Javascriptは咋今のWEBをダイナミックなものにした。
Ajaxという言葉が聞かれ始めたころ、本当にWEBが変わり始めたと思ったものだ。

Googleパーソナライズドホーム

Googleパーソナライズドホーム(現iGoogle)がリリースされ初めて見たときに、「何かグリグリ動く!」と衝撃を受け、これがAjaxかと度肝を抜かれた。
あれから、WEBが本当に必要な情報を収集することに便利なものとなり、知人にGoogleパーソナライズドホームをブラウザのホームに設定することを勧めていたのを思いだす。
公開されているJavascriptには便利なものがたくさんあり、今やJavascriptは「これを実現するために使う」という観点だけでなく、WEBを彩る重要な要素の一つだと感じる。

膨大になっていくJavascriptファイル

最近Javascriptを外部化しているライブラリをよくみかける。Javascriptの外部ファイル化自体は昔からあるが、ファイル自体を外部サイトから参照しているのだ。
Javascriptも進化し、当然記述も膨大になっていく。中にはテキストファイルにもかかわらず100KBもあるものがあるそうだ。

google

Google Ajax Libraries API

GoogleはGoogle Ajax Libraries APIというJavascriptライブラリを公開していて、Googleのサーバを使って配布しているそうだ。GoogleはWEBを高速化することを目的としているので、自社の強力なサーバを使って配布している。なんともWEB開発者やWEB管理者にとってうれしいツールだ。自分の制作したサイトを振り返ってみると、知らず知らずのうちにGoogle Ajax Libraries APIを使っていたりする。
JQueryもGoogle Ajax Libraries APIで配布されており、多くのサイト利用されているためキャッシュが効いてWEBページを高速化できるとのこと。
みんなで使うことで相乗効果ということだろうか。Googleはやっぱりすごい。

グローバルメニュー構築の効率化!

Webサイトを制作していくなかでグローバルメニューのデザイン・機能はサイトのナビゲーションとして使いやすく分り易くなくてはならない。マウスオーバーなどで画像を変えたり、ドロップダウンメニューを加えたり閲覧頂くユーザーに簡単に直感的に扱えるメニューでなくてはならない。

グローバルメニューを構築するのに便利なツールの紹介

画像のマウスオーバーを簡単にするJavaScript
JavaScriptのダウンロードはこちら»
便利な点は、上記のスクリプトを記述すると、マウスオーバーで変更したい画像の名前の最後に「_off」「_on」を付け加えるだけ!
2_off
「2.jpg」をマウスオーバー画像にする場合は、
通常時の画像「2_off.jpg」
オーバーの画像「2_on.jpg」
2つを同じディレクトリに置くだけなのだ。

とても簡単なスクリプトなのだが、画像ファイルにスクリプト書く必要もなくソースもシンプル、導入が非常に簡単なので多くの場所で使用することができる。
もっと詳しくはソースがシンプルなJSによるロールオーバー»で紹介されています。

簡単でデザインのいいjqueryドロップダウンメニューscript

JavaScriptでのメニュー機能で参考になるサイト
jQueryプラグイン サンプル(メニュー系):skuare.net
jQueryプラグインを使ったドロップダウンメニューやメガメニューなどが数多く紹介されているサイト。デザインや機能の実装に困った際に参考に。
こちらもJQueryで簡単に作るドロップダウンメニュー紹介
JQueryで簡単に作るドロップダウンメニューいろいろ

JavaScript・jQueryをつかってクオリティの高いグローバルメニューデザインでユーザビリティーをアップ!

まずは、お電話・メールで
ご相談ください。

「ホームページ制作成功の秘密」の
DVDと資料をお届けします。

Web制作に関する相談専用ダイヤル
メールアドレスだけでお問い合わせ