NASA設立50周年を期に先日リニューアルされたNASAのオフィシャルサイト「NASA5.0」、随所でAjaxを使った情報整理がなされていたので使用されているAjaxと共にご紹介します。
NASAの新オフィシャルサイト「NASA.GOV 5.0」
↑NASAといえば、Googleに情報を提供するほど膨大な量の情報を持っているわけですから、情報整理のノウハウが詰まっているはず。
NASA 5.0
↑これがNASA5.0のサイト。たまに「新しいタブ」ではなく「新しいウインドウ」でページが開くので、すべてが良いわけではないですが、参考になる部分はいろいろありそうです。
RSSフィード登録

↑フィード登録にも気を使った感を受けます。
ブクマボタン

↑ついに政府機関もSMO!?流行どころはしっかりと押えているようです。

ちなみにこのサイトで使われているのはPrototype JavaScript、Ajaxを使った主な特徴も公表されていました。
NASA 5.0で主に使用されているAjax
すべてがPrototype.jsを使っているわけではありませんが体系化してみました。
- ドロップダウンツリー
- faLog | CSS(とJS)でシンプルなドロップダウンメニュー - 2
- アコーディオン
- 横にスライドするきれいな動きのアコーディオンJavaScript*ホームページを作る人のネタ帳
- タブメニュー
- 『10のJavaScript、Ajaxタブメニュー』他、タブまとめ*ホームページを作る人のネタ帳
- Ajaxカレンダー
- フリーのCSS&JavaScriptカレンダースクリプトいろいろ:phpspot開発日誌
- タグクラウド
- JavaScriptオンリーで動く高速サーチエンジン&タグクラウド:phpspot開発日誌
- コメント
- MovableType:MovableTypeのコメントをAjaxで投稿する - Movable Type備忘録
- WordPress:コメントを投稿した後も編集できる WordPress のプラグイン at orioa
- ポップアップでない小窓
- [J] ポップアップではない手法で小窓/ウィンドウを表現したい - Jamz (Tech)
決してすべての人が「使いやすい!」と思うわけでないと思いますが、良い意味でも悪い意味でも参考になるのではないでしょうか。
サイトの仕掛けについてもっと詳しく知りたい方はフラッシュ動画で説明してくれるNASA5.0プレビューサイトへどうぞ。
関連情報
- NASA
- Ajax カテゴリー、AJAXタブを作る際の13のユーザビリティガイドラインも参考になるかも。
平均評価:4.0
納期:通常24時間以内に発送










