ツール・サイト紹介
ニュース/2ちゃんねる

今週の人気記事

いますぐ試したい!Feedlyをカスタマイズできる便利なスクリプト13個まとめ

あとで読む Clip to Evernote このエントリーをはてなブックマークに追加
Feedly
Feedly

Feedlyをカスタマイズできるスクリプトまとめ


ついに昨日、Googleリーダーがサービス終了となりました。
新しくRSSリーダーの乗り換え先を考えている方も多いのではないでしょうか。

私は当分Feedlyを使おうかと思っています。

もしよければFeedlyでも購読していただけると嬉しいです。
↓クリックで登録できます!

follow us in feedly


そこで、Feedlyを拡張できるスクリプトとかないかなぁと探したところ、いくつか良さそうなものを見つけました。

Chrome拡張機能やFirefoxアドオンも探そうと思ったんですが、
とりあえずはGreasemonkeyで使えるスクリプトのみを紹介しますね。

たくさん試したんですが、半分くらい使えなかったりして思ったほど量は多くないです‥。
Feedlyへ乗り換えたひとは気に入ったものをインストールしてみるとよいでしょう。

RSSリーダー「Feedly」で覚えておくと便利な機能&使い方 15個まとめも合わせてどうぞ。


ビフォーアフター


いろいろスクリプトを入れると、こんな風になりました。


BEFORE
Feedly


AFTER
Feedly


カラフルになったり無駄なスペースがなくなったり。
見た目以外も拡張されています。


インストールの仕方


userscript.orgというサイトに登録されているスクリプトを紹介します。
Install」ボタンを押せばいいのですが、インストールできなかったりすることがたまにあります。

そんなときは「Install」を右クリックで◯◯.jsをそのままローカル保存しましょう。

そして、
・Firefox → Greasemonkeyがインストールされた状態でブラウザにドラッグ&ドロップ
・Chrome → 拡張機能一覧ページを開いて、そこにドラッグ&ドロップ


でインストールできます。

また、インストール前に拡張機能が動作する空間の修正が必要な場合もあります。
古いFeedlyのURLに対してしか有効じゃないスクリプトがけっこうありました。
(修正の仕方はGoogleで検索して探してください)


Feedly標準のカスタマイズ機能はご存知ですか?


Feedly

Feedlyにもカスタマイズページがあります。
テーマを選択したり、初期ページやデフォルトのスタイルを選ぶことができます。
けっこう細かく設定できるので、まずはここを設定して足りない部分をスクリプトや拡張機能で補完するのが良いかと。


1. feedly Auto Read Duplication


feedly Auto Read Duplication」は全く同じ記事を自動既読してくれます。
たまにありますよね、自分がよくみるブログの記事がはてブの人気記事にあがってたりすることが。
こういう場合、同じフォルダに2つ同じ記事が存在するといったことが起こりえます。

このスクリプトを入れると、
URL先が同じリンクなら重複している記事を自動的に既読状態にしてくれます。
同じ記事を二度みることがなくなるので便利ですね。

★feedly Auto Read Duplication
 http://userscripts.org/scripts/show/171579


2. Feedly Full Feed


Feedly Full Feed」はフィードの全文読み込みをしてくれます。


Feedly

わざわざウェブページへ飛ばなくても、その場で続きのテキストと画像を読み込んでくれます

★Feedly Full Feed
 http://userscripts.org/scripts/show/171868


3. Feedly Star Opener


Feedly Star Opener」はあとで読むをまとめて開いてくれるスクリプトです。
Feedlyには「Saved」というあとで読む機能があります。


Feedly

Saved」を開いて、「w」キーを押すと、5つずつ記事をまとめて開いてくれます。
これは便利!

★Feedly Star Opener
 http://userscripts.org/scripts/show/172386


4. ReadableFeedly


ReadableFeedly」はショートカットを追加してくれるスクリプトです。


Feedly

Feedly標準のショートカットに加え、人気順にソートで表示などあります。
Feedly標準のショートカットも便利なので覚えておきましょう。

★ReadableFeedly
 http://userscripts.org/scripts/show/163100


5. Feedly Open in Background Tabs


Feedly Open in Background Tabs」はバックグラウンドタブで記事をまとめて開けるスクリプトです。

キーボードの「w」を押すと、現在表示している記事をまとめて開けます。
開き過ぎに注意です・・。

★Feedly Open in Background Tabs
 http://userscripts.org/scripts/show/172421


6. Feedly Unread Count in Favicon and Title Bar


Feedly Unread Count in Favicon and Title Bar」はタイトルバーに未読数を表示してくれます


Feedly

こんな感じ。Feedlyの各フォルダの未読数を足してるんだと思います。

★Feedly Unread Count in Favicon and Title Bar
 http://userscripts.org/scripts/show/162098


7. Feedly - Disable Middle-Click On Titles


Feedly - Disable Middle-Click On Titles」は真ん中クリックの無効化ができます。
マウスのコロコロのところですね。気になる方は入れてみてください。

★Feedly - Disable Middle-Click On Titles
 http://userscripts.org/scripts/show/166206


8. Feedly Compact Layout


Feedly Compact Layout」はレイアウトを詰めてくれます。

Feedlyってけっこう余白がありますよね。
あの余白を縮めてくれますよ。
余白が気に入らない方はぜひ!

★Feedly Compact Layout
 http://userscripts.org/scripts/show/170774

[類似]
★Feedly fixed
 http://userscripts.org/scripts/show/167533


9. feedly to Google Reader


feedly to Google Reader」はGoogleリーダー風にFeedlyを改造してくれます
デザインもそうですが、大きく変わるのは、フィードを開いたときのレイアウト。


Feedly

Googleリーダーっぽい!
Feedly標準だと余白ありすぎて使いづらいんですよねぇ・・。

スクリプト内のCSSを少し修正して自分好みにカスタマイズするのもありです。
私は記事を開いたときの上部の余白を大きくしました。

★feedly to Google Reader
 http://userscripts.org/scripts/show/172213

[類似]
★Readly: make Feedly look like Google Reader
 http://userscripts.org/scripts/show/162237
 ※これをいれるとFeedlyのThemesが効かなくなりました。


10. Feedly Colorful Listview


Feedly Colorful Listview」はフィードをカラフルにしてくれます


Feedly

このようにフィードごとにカラフルになります。
Googleリーダーにもこのスクリプトありましたよね。
好きな方はFeedlyでも使ってみましょう!

★Feedly Colorful Listview
 http://userscripts.org/scripts/show/162256


11. Feedly favicons in articles


Feedly favicons in articles」は記事タイトル横にファビコンを表示させるスクリプトです。


Feedly

ブログごとにアイコンが表示されて分かりやすいですね。

★Feedly favicons in articles
 http://userscripts.org/scripts/show/171435


12. Custom Feedly Styles (+ Always Show Left Menu)


Custom Feedly Styles (+ Always Show Left Menu)」はデザインをカスタマイズできるスクリプトです。


Feedly

このようになりました。
左メニューを常に表示させることもできます。
(通常はウィンドウサイズを小さくすると、左メニューが縮小化されます。)

★Custom Feedly Styles (+ Always Show Left Menu)
 http://userscripts.org/scripts/show/171749

[類似1]
★Feedly Minimal
 http://userscripts.org/scripts/show/163011

[類似2]
★Feedly - Left Pane Always Visible
 http://userscripts.org/scripts/show/166201


13. Feedly Enhancer


Feedly Enhancer」は不要なデザインや余白を除外してくれます。


Feedly

これを使うと左メニューの部分がスッキリしましたよ。

★Feedly Enhancer
 http://userscripts.org/scripts/show/166388


おわりに


ざっと調べて使えそうなスクリプトを挙げてみました。
自分が気に入ったものがあればインストールして使ってみましょう!

これからも拡張機能やアドオンがたくさん出てきそうですね。
良さそうなものがあれば、また個別に紹介します。


もしよければ当ブログを購読してみてください。
下記のボタンから購読できます。
follow us in feedly

RSSリーダー「Feedly」で覚えておくと便利な機能&使い方 15個まとめも合わせてどうぞ~。

 本記事で紹介したサイト
Feedly
http://cloud.feedly.com/
あとで読む Clip to Evernote このエントリーをはてなブックマークに追加
Related Posts Plugin for WordPress, Blogger...

 この記事をみた人はこんな記事も見ています

 前後の記事もどうぞ

 この記事をブックマーク/共有する

 トラックバックURL

Twitterの声
はてなブックマークの声
Facebookの声
この記事についたコメント
1.通りすがりさん2013年07月03日 10:10
記者のUIへの拘りが感じられてとても良いと思いました。
2.カメきち@管理人2013年07月03日 23:41
※1さん
ありがとうございます!
3.通りすがりさん2013年07月06日 09:52
【RSS】Feedly Part3
http://toro.2ch.net/test/read.cgi/esite/1372899032/2,3

も参考にどうぞ。
4.通りすがりさん2013年07月18日 23:31
htmlタグで文字サイズを変えたり、色を変えたりしているところがfeedlyではそのままの黒文字で表示されてしまいます。

グーグルリーダーの時はいけていたのですがfeedlyでは不可能でしょうか?

コメントする
お名前
二十歳街道まっしぐら 2nd @カメきち 2010.10.01-

'); label.html('\ ライブドアブログでは広告のパーソナライズや効果測定のためクッキー(cookie)を使用しています。
\ このバナーを閉じるか閲覧を継続することでクッキーの使用を承認いただいたものとさせていただきます。
\ また、お客様は当社パートナー企業における所定の手続きにより、クッキーの使用を管理することもできます。
\ 詳細はライブドア利用規約をご確認ください。\ '); banner.append(label); var closeButton = $('