もし「はてブ」がリスト表示機能を付けたなら?Chrome拡張機能「はてなブックマーク」にリスト表示を追加。

 

以前の記事でも書きましたが「はてなブックマーク」がリニューアルしてから、以前の一覧的な見せ方から、記事ごとにブロック的な見せ方に変更と大きなデザイン変更が行われました。

始めは見辛さを感じていたのですが、最近は大分慣れてきました。

しかし、ホームページを作る人のネタ帳さんが「どうしてはてなブックマークが使いづらくなったのかを真剣に考えた」という記事を書かれたように、まだまだ慣れない方も多いようです。

 

まぁ、”はてな”もリニューアル直後から文句言われ続けているから「その内、リスト表示機能を追加するだろう」と思っていました。

 

がしかし、待てど暮らせど一向にその気配がありません。

 

そういうことならしょうがない。よし作りましょう。


目次

Chrome拡張機能 – “「はてなブックマーク」にリスト表示を追加。”

という訳で、はてなブックマークにリスト表示機能を追加するChrome拡張機能を作りました。

名前は”「はてなブックマーク」にリスト表示を追加。“です。そのまんま。

先日の「その本、図書館にあります。」と同様にChromeの拡張機能です。


1.
まずは↓からインストールして下さい。


「はてなブックマーク」にリスト表示を追加。


2.

その後、はてなブックマークにアクセスするとこんな感じになります。


3.

画面の右上にボタンが追加されているので、このボタンで普通のはてなブックマークにいつでも戻せます。


作る時に気をつけたこと。

はてブを以前のデザインのように見せた「嫁のはてブ」といったサイトもあるのですが、やっぱり本家のサイトを見ていたいのです。

また、デザイン自体が新しくなったのだから、そのデザインは尊重しようと思いました。

要は、はてながリスト表示機能を付けたらこんな感じになるだろう。という視点で作ってみました。


ちなみに、「新はてなブックマークを少しだけ使いやすくするChrome、Firefoxプラグイン」というのも別途公開してます。よかったら、こちらもどうぞ。
 
Chromeの拡張機能を作るのは楽しいですね〜。

 


「はてなブックマーク」にリスト表示を追加。


おまけ:FireFoxをお使いの方へ

FireFoxの方は、Stylishという拡張機能をインストール後に、このcssを適用すると、このChrome拡張機能のようにリスト表示に変更することができます。

ただ、通常と一覧表示の切り替え機能は使えません。

 

ちなみにFireFox向けに↓こういったのもあります。
このChromeの拡張機能作ってたら、ちょうどエントリーされたのでビックリでした。
はてブが使いにくければ User CSS 書けばいいじゃない

 

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

コメント

コメントする

目次