サイト内ブックマーク機能追加の経緯と仕様・使い方。

追加した理由

採集場所や必要素材数をまとめた記事って、旬のコンテンツをやっている間は頻繁に見返すじゃないですか。そのたびに過去ログを掘り返すのが地味に手間で、「これ毎回やってるな・・・」とv1の頃から思っていたのが発端です。

ブラウザ標準のブックマークでいいじゃないかという話もあるんですが、あれって意外とアクセスが手間なんですよね。フォルダの中を開いて・・・というひと手間が、ちょっと面倒くさい。

もっとしおりや付箋を挟む感覚で、ササっと気軽に扱えるものが欲しかったんです。

仕様について

ブラウザの提供する「Web Storage API」という仕様の一部を使用しており、ブラウザ内のデータ保存の仕組みを使っています。具体的には localStorage と呼ばれるもので、ブックマークしたページのデータをお使いのブラウザ内にそのまま保存する形です。

いくつか特性があるので、使う前に把握しておくべき注意点を記載しておきます。

まず、データはブラウザ・デバイスごとに独立しています。PCで登録したブックマークはスマートフォンには引き継がれませんし、同じ端末でも別のブラウザには共有されません。

次に、ブラウザのキャッシュやデータを削除するとブックマークも消えます。「閲覧履歴を削除する」的な操作をするとまとめて消える可能性があるので、ご注意ください。

そして、アカウントの発行は一切していません。データはすべてご自身のブラウザ内に保存されるだけなので、こちら側には何も届きませんし、ログインも不要です。

逆にいうとバックアップの手段がありません。機能を作れば一応できますが、仮にデータが飛んだとしてもページをまた開いてポチポチするだけのレベルなので要らないかなと思っています。

使い方

各カードの右上の「★」をクリックで切り替えられます。グレーは未登録、黄色は登録済です。

呼び出しは、PCの場合はウィンドウ左下の「★」から、モバイルはウィンドウ右上の「★」からそれぞれパネルを展開できます。

コンテンツタイプごとにグループ化はしていますが、現時点では任意のグループを作成したりということはできません。

また、パネル内でもカード右上の「★」をクリックすることでブックマークから外せます。

後記

そんなこんなで淡々と機能を積み上げていますが、リニューアル時に構想していた追加予定分はこれでひとまずクリアです。

現時点で次に思いつくのはフィードバック用の簡易フォームか、コメント欄あたり。ただコメント欄はものによっては荒れると思うので、正直ビビってます。

それではいずれまた。