きりかノート 3冊め

おあそびプログラミング

ウェブブラウザによるページ内ナビゲーション

アイディアだけ。まだ1行もコード書いてない。

ある程度のボリュームのある HTML ページにはページ内の索引などの、ナビゲーションリンクが用意されていることが多い。もう今どきはまともにマークアップされたページがほとんどなので、そのページにナビゲーションが用意されていなくても、HTML から自動的につくることができるはず。

  1. ページの HTML から、Hn(1-2くらい?)要素を抜き出す
  2. ナビゲーション表示
  3. 選択されたアウトラインの位置へ移動

というような機能。

ちょっと探してみたらよさそうなのを見つけた。「ページ内ナビゲーション改善のためのアイデア」(Jakob Nielsen博士のAlertbox)がイメージに近い。Firefox プラグインあたりでもう実現されてるような気がするけど、ぱっと眺めた感じでは見つからず。ケータイのフルブラウザにはあるかも(知らない)。

プロトタイプつくろうとしたものの、アンカーがないときに 3. の移動の実装でストップ。もしかして JavaScript で要素の位置計算するしかないのか?URI の fragment に XPath 指定して移動とかできるといいのに。

少なくとも「上へ」とかいうリンクはいらない、ブラウザ側でできればいいのだから。現状でも home キーで問題ないし。とか考えていたら、話が飛んでいた、という話。