エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
pagemap - Webページにミニマップを追加
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
pagemap - Webページにミニマップを追加
長大なコンテンツがある時、自分が今どの位置にあるのか知りたくなります。書籍であればページ数が書か... 長大なコンテンツがある時、自分が今どの位置にあるのか知りたくなります。書籍であればページ数が書かれており、Webサイトであればページネーションを分けたりします。自分の現在位置が分かることで、後どれくらいのコンテンツが残されているか把握できるようになります。 そんなミニマップをWebサイトに追加してくれるのがpagemapです。 pagemapの使い方 右上に表示されているのがpagemapです。 通常のスクロールはもちろん、pagemapをドラッグした移動もできます。 移動しているところです。 pagemapが面白いのはコンテンツの内容によって自動的にミニマップを表示しているところです。ウィンドウ幅を変えて、コンテンツが変わるとミニマップも変わります。テキスト主体のサイト以外でも使える場面は多そうです。 pagemapはJavaScript製のオープンソース・ソフトウェア(MIT Lice