読みやすさはWebページの読みやすさを向上させる

ウェブサイトがますます複雑になるにつれ、多くのウェブページは読みにくくなっています。文字は小さくなり、ページレイアウトは雑然とし、広告やその他のオブジェクトがテキストの流れを阻害しています。そのため、私はウェブの読みやすさを向上させるプログラムやサービスに非常に力を入れています。

さて、今日の宝石、Readability についてですが、これは他の多くの宝石とは異なり、Mac にダウンロードするプログラムではなく、オンラインサービスです。ESPN には申し訳ないのですが、Web Gemとでも言いましょうか。

Arc90 LabのプロジェクトであるReadabilityは、ブックマークレットベースのブラウザツールで、Webページのフォーマットを変更し、ページのテキストコンテンツを平易で読みやすい形式で表示します。後で読むために保存できるWebサービスInstapaperに着想を得たReadabilityを使えば、ワンクリック、あるいはキーボードショートカット（下記参照）だけで、ほぼあらゆるページを読みやすくすることができます。

Readability を設定するには、まず Readability の Web ページにアクセスして設定を選択します。レイアウトスタイル、フォントサイズ、余白の幅はそれぞれ 4 種類から選択でき、ライブプレビューで各設定がどのように動作するかを確認できます。(私の個人的な選択は、小説スタイル、大きなテキスト、中程度の余白です。) 次に、Web ページの右側にある Readability のブックマークを Web ブラウザのブックマークバーにドラッグします。これで完了です。

それ以降は、読みやすくしたいページを閲覧する際には、ブックマークバーの「Readability」ブックマークレットをクリックするだけで、ページのコンテンツが即座に整然とフォーマットされたテキストに変換されます。（記事が複数ページにまたがる場合、Readability は現在のページの内容のみを表示します。記事全体を表示するには、記事の「単一ページ」または「印刷」表示（利用可能な場合）を使用してから、Readability を使用してください。）

元のページに戻りたいですか？ブラウザの更新ボタンをクリックすると、ページが元の状態に戻ります。「戻る」ボタンを使う必要も、URLを失くす心配もありません。また、左側のツールバーボタンから、ページの「読みやすい」バージョンを印刷したり、元のURLをメールで送信したりすることもできます。

Safari をお使いの場合は、キーボードショートカットを使って Readability にアクセスできます。Safari はブックマークバーの各項目に自動的にショートカットを割り当てます。一番左の項目は Command+1、次の項目は Command+2 といった具合です。私は Readability ブックマークレットを一番左の項目に設定しています。読みにくい Web ページを見つけたら、Command+1 を押すだけでページが読みやすくなります。(他のブラウザでもブックマークにキーボードショートカットを割り当てることができます。例えば Firefox ではこちらでやり方が説明されていますが、手順はそれほど簡単ではありません。)

Readabilityの開発者はブラウザの互換性については記載しておらず、「ほとんどの主要な最新ブラウザ」で動作するとだけ述べています。私のテストでは、SafariとFirefoxの最新バージョンで問題なく動作しましたが、いくつかの制限があります。まず、記事のテキストの一部を記事以外のコンテンツと誤認識し、再フォーマットされたページからそのコンテンツが省略されることがあります。また、記事の一部である画像が削除されることもあります。次に、同じサイトから複数のブログ記事をブラウザで開いている場合、Readabilityを起動すると記事のテキストが別のタブに読み込まれることがあります。最後に、コーディング方法によっては、一部のサイトではReadabilityとうまく連携しないことがあります。