NASA設立50周年を期に先日リニューアルされたNASAのオフィシャルサイト「NASA5.0」、随所でAjaxを使った情報整理がなされていたので

「超情報整理」NASAのAjaxを駆使した新サイト「NASA 5.0」使用Ajaxまとめ付

2007-12-03 | Sigeo | 0 | カテゴリ Ajax

Ajax超情報整理サイトNASA.GOV 5.0

NASA設立50周年を期に先日リニューアルされたNASAのオフィシャルサイト「NASA5.0」、随所でAjaxを使った情報整理がなされていたので使用されているAjaxと共にご紹介します。

スポンサードリンク

NASAの新オフィシャルサイト「NASA.GOV 5.0」

nasa-gov-5-main-m.jpg

↑NASAといえば、Googleに情報を提供するほど膨大な量の情報を持っているわけですから、情報整理のノウハウが詰まっているはず。

NASA 5.0

↑これがNASA5.0のサイト。たまに「新しいタブ」ではなく「新しいウインドウ」でページが開くので、すべてが良いわけではないですが、参考になる部分はいろいろありそうです。

RSSフィード登録

nasa-gov-5-rss.jpg

↑フィード登録にも気を使った感を受けます。

ブクマボタン

nasa-gov-5-bookmark.jpg

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

prototype.jpg

ちなみにこのサイトで使われているのは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プレビューサイトへどうぞ。

関連情報

Ajaxハッカーズ・プログラミング―基礎からprototype.js、Yahoo!UIライブラリ、HTML_AJAXの活用までWebアプリケーション制作のプログラミング・テクニック
Ajaxハッカーズ・プログラミング―基礎からprototype.js、Yahoo!UIライブラリ、HTML_AJAXの活用までWebアプリケーション制作のプログラミング・テクニック
価格:¥ 2,814
平均評価:4.0
納期:通常24時間以内に発送
スポンサードリンク

この記事を読んだ方は以下の記事もご覧いただいています

  • このエントリーをはてなブックマークに追加

コメントする