JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ

javascript情報サイト「JavaScriptist」のユーザビリティの改善、という程ではないのですが、検索窓からよく使うページに移動できる機能を追加しました。検索窓に「proto」とか、「aculo」とかを入力してEnterキーでprototype.js、script.aculo.usリファレンスに一発移動が出来るように改善しました。


prototype.jsリファレンス


script.aculo.usリファレンス

ページを開いた際、デフォルトで検索窓にフォーカスが映るようになっているので、好きなページに移動したい場合は、ここに入力して移動するのが最短です。

ページ数が大量にある場合、ナビゲーションの配置順や位置など、デザイン面で難しい問題が出てくるのがこういったインタフェースであれば、簡単かつ高速にページ移動できますね。
我ながら、なかなか良いインタフェースが出来たのでは、と思っています。

このサジェスト機能自体は、script.aculo.us の AutoCompleter.Local を使って実装されています。

他にも、次に示すページへの移動が可能になっています。

各種インデックスページ

• Ajax・JavaScript関連ニュース
• JavaScriptの基本
• JavaScriptの基礎
• JavaScript入門
• JavaScript応用編＆TIPS
• JavaScriptリファレンス
• JavaScript逆引きサンプル集
• JavaScriptでオブジェクト指向

JavaScriptリファレンス各種ページ

• 数値オブジェクト-Number
• 文字列オブジェクト-String
• 配列オブジェクト-Array
• 数学関数-Math
• 日付オブジェクト-Date
• オブジェクト-Object
• 正規表現-RegExp
• 変換用組み込み関数-Function
• ナビゲーター-navigator
• ウィンドウ-window
• ヒストリー-history
• スクリーン-screen
• ドキュメント-document
• ロケーション-location
• フォーム-document.form
• 画像オブジェクト-image
• イベント-Event
• DOM-HTMLを操作するための仕組み
• エレメントスタイル-element.style

是非ご活用ください。