« セーラーナノインク青墨で汚れたペン先 | トップページ | WiresharkのCLIコマンドtshark »

2010年9月 3日

Distraction-free Web Reading ー Webの記事を読むのに集中できるツール

Safari 5の新機能「Safariリーダー」は、Webページの広告などを取り除き、本文だけを抜き出して表示する。余計なものが目に入らず、読むことに集中できる。特に長文記事を読むときに効果的だ。Safariリーダーが使っている技術がArc90のReadabilityである(注1)。Readabilityはブックマークレットで利用できるから、FirefoxでもSafariリーダーのようなことができる(注2)。

Styleで背景色やフォントなどのデザインを、Sizeでフォントサイズを、Marginで左右の余白を選ぶ。選んだ設定での表示を、画面下部のサンプルでリアルタイムに確認できる。気に入った設定ができたら、Readabilityボタンをブックマークツールバーにドラッグしてインストールすればよい。ブログ記事などを表示しておいてブックマークレットを実行すれば、Readabilityが記事本文を抽出して、指定のフォーマットで表示してくれる。

「Convert hyperlinks to footnotes」をチェックしておけば、文中のハイパーリンクの箇所を脚注にしてくれる。その部分はハイパーリンクのままだが、通常のブラウザ表示とは違って、フォント色が他の部分と同じになるし、アンダーラインもない。文中で青で表示されるハイパーリンクは、その先にどんなことが書いてあるのか、ついクリックしたくなる。広告バナーと同じくらい読書の妨げになる。はてなダイアリは、キーワードというキーワードがハイパーリンクになっていて、読みにくくてしょうがない。あれは何かの役に立っているのだろうか(注3)。

私はeBookスタイル、フォントサイズMedium、マージンWideで使っている。日本語フォントをメイリオで表示できるのがeBookスタイルである。もちろん脚注も使っている。Safariのように元の画面を暗く落として、その上にリーダー画面を滑り込ませるかっこいい技は持ち合わせていないが、読書するうえではまったく問題ない。ブックマークレットだからiPhoneでも使える。画面の小さいスマートフォンでは特に便利だ。

同じコンセプトのReadableというサイトやアドオンもある。Readableは非常に細かくデザインを設定できる。凝り性の人はこちらを試してみるといいだろう。どちらのアドオンも、ブックマークレット版と別の人が開発したもののようである。

(注1)Safariの中に謝辞がある。http://twitter.com/chrisdary/status/15672452287
(注2)IEは試してない。ReadabilityをFirefoxのアドオンにしたものもある。
(注3)たとえば吉岡弘隆氏のブログ記事「セキュリティ&プログラミングキャンプ2010を振り返る 」は脚注が146個もできてしまった。「来年」「イベント」などをキーワードにして何の意味があるのだろう。

(関連ページ)

Readability(ブックマークレット)
http://lab.arc90.com/experiments/readability/

Readability(Firefoxアドオン)
https://addons.mozilla.org/en-US/firefox/addon/46442/

Readable(ブックマークレット)
http://readable-app.appspot.com/

Readable(Firefoxアドオン)
https://addons.mozilla.org/ja/firefox/addon/179035/

(2011/02/07追記)
Readabilityが新しいサービスを始めた。

Readabilityの新バージョン
http://raven.air-nifty.com/night/2011/02/readability-ac6.html

|

« セーラーナノインク青墨で汚れたペン先 | トップページ | WiresharkのCLIコマンドtshark »

コメント

コメントを書く



(ウェブ上には掲載しません)


コメントは記事投稿者が公開するまで表示されません。



« セーラーナノインク青墨で汚れたペン先 | トップページ | WiresharkのCLIコマンドtshark »