これらのサービスを統合するものは何ですか? 「j」および「k」キーによる簡単なナビゲーション。
最近、Pamela Fox(Google社員、開発者リレーションスペシャリスト)は
、TwitterでGoogle Waveのスペースバーが未読メッセージに変換されることをアドバイスし
ました 。 私は彼女にjkナビゲーションを導入する計画があるかどうか尋ねましたが、jkナビゲーションにはどんな種類のナビゲーションがあるのかわからないと答えました。 パメラは素晴らしいオタクです。 ある程度、技術フォーラムへの彼女の投稿のおかげで、Google Maps APIは開発者の間で人気を博しています。 このエピソードは、オタクコミュニティでこのような便利な追加機能について話すのが理にかなっていると確信しました。
このようなナビゲーションは、メールとGoogleのリーダーの両方に存在します。 jjjjj-読者のテープを調べるのはとても便利です。 また、キーボードを使用してメールをクリーニングすることは、マウスを使用するよりもはるかに快適で効果的です。 両方のサービスには、他にも多くの便利なキーボードショートカットがあり、「?」をクリックすると表示されます。
かつて、
ffffound.comサービスでjkナビゲーションがエレガントに使用されていたので、「j」をクリックして次の画像にジャンプし、ページの最後の画像に移動してから次のページに移動しました。 非常に便利:画像が連続ストリームでスクロールされるときのように、フォーカスが失われません。
どうやら、このアプローチだけでなく、私にインスピレーションを与えました。 37signalsのRyan Singerは
、同社のブログで彼
に非常によく反応しまし
た 。 また、Matthew Hutchinsonは、このナビゲーションが実装されているgithubに
javascriptライブラリを投稿しました(元々はプロトタイプでしたが、現在はjquery)。
vimテキストエディタのhjklキーは矢印として使用されます。 Webサービスでは、「h」と「l」を使用してページをスクロールしたり、他の目的に使用したりできます。 最近の
toptuby.appspot.comミニプロジェクト
では、twitterの分野で
話題になっているビデオをすばやくめくりたいと思いました。そこではjkナビゲーションが非常に有用であることが判明しました。 「h」と「l」で、ビデオを巻き戻したり巻き戻したりしました。
もちろん、拡張機能を使用してhjklナビゲーションをブラウザーに追加できます。 一度にFirefoxにインストールしましたが、私はvimのファンですが、利便性を加えなかったため、rootになりませんでした。 結局のところ、ある論理ブロックから別の論理ブロックにジャンプする際のffffoundのようなナビゲーションの主な本質です。 さまざまなサイトのこのようなブロックは、さまざまなHTML要素によって定義できます。 また、サイト作成者にとっては、「j」と「k」ではなくても、キーを使用してジャンプを埋め込む方が適切です。
たとえば、ロシアのインターネットでは、Artemy Lebedevはコントロールナビゲーションを
積極的に推進しています。 それは似ていますが、それを具体化する人々は、内部の論理要素ではなく、ページからページへの移行に焦点を当てています。 ただし、Artemyの旅行の写真(
ウクライナなど )を見るには、Ctrl +↓キーを押してコメントと写真を次のブロックの先頭に転送する方が快適です。
Habra JavaScriptには、jkナビゲーションが利用可能であるというヒントがありますが、執筆時点では正しく動作していませんでした。 この記事を書いてから数日後、
kapustos はHabréの最高のコメントのキーボードナビゲーション用
のGreasmonkeyスクリプトを導入しました。 Firefox、Opera、Chrome Betaで動作します。
歴史的背景:
どうやら、vi(vim、gvim)は最初の個人端末
ADM-3Aの 1つからhjklナビゲーションを採用したようです。 レイアウトには、これらのキーに矢印がありました(
レイアウトを参照 )。 矢印とキー
を一致させる
他の多く
のオプションがあります。
jkナビゲーションを使用するサイト(コメントを追加):
ffffound.com
gmail.com
www.google.com/reader
toptuby.appspot.com
brizzly.com
9gag.com
www.boston.com/bigpicture
例:
www.boston.com/bigpicture/2009/12/the_decade_in_news_photographs.html