しばらく他のRSS readerをいくつか漂流していたのだけど、1年ぶりくらいに Byline を入れてみたらいい感じになっていてちょっと感動したので、Web開発と直接関係ないけど書いてみる。
BylineはGoogle Readerと連携するRSSリーダで、iPhoneアプリのRSSリーダとしてはかなりの有名アプリで古参アプリ。だいぶ前に購入したのだけど、個人的にいまいちな使い勝手だったので使うのをやめていた。
今回久しぶりに使ってみてまず気付いたのがオフライン機能がかなり充実していたこと。RSS自体のオフライン用のキャッシュは前からついていたけど、それだけではなくて、RSSでのリンク先のWebページもまるごとキャッシュ(魚拓な感じ)してくれる。これは本当に便利。オフラインでなくてもネットワークが遅いところとかで快適にRSS消化ができる。「続きはここをクリック」で悲しい思いをしないでも済む。
また、スターを付けたりといったユーザがするアクションもオフラインでしっかり動く。これも地味に便利。スターの他にも、Google Readerのシェアやコメント、またTwitter連携のポストもしっかりキャッシュしてくれる。もちろん実際にサーバに反映されるのはオンラインになったときだけど。
速度もだいぶ早くなっている。しばらく使っていた reeder の小気味良さも気持ち良かったけど、それとたいして変わらないかも。
後は、Google Readerでスターをつけたものも自動的にキャッシュされるので、iPhone以外のGoogle Readerで「後で読む」をスターとしてつけておいて、後で快適にiPhoneで見ることができる。もちろんこれもWebページがそのままキャッシュされる。
また、Google ReaderはRSSで読み込んだもの以外も自分でブックマークレットを使って(RSSをSubscribeせずに) 取り込む ことができるのだけど、これもそのまま見ることができる。
スターとノート機能によって、「後で読む」系は全部Google Reader+Bylineにまとめられた上に、オフラインでも読める環境になった(ブックマークレットでスターも付けられるともっといいんだけど)。
まー、せっかく買ったアプリは、たまには見直してみましょう、ってことだな。
オススメ！
実はiPhone対応する自体がいいことなのか、っていうのはあったのだけどね。普通にフルブラウザがあって、タップで簡単に拡大もできるし、とか。でも、やっぱり自分がiPhone使って、他のサイトを見るときに、対応しているサイトの方がいいかな、と思うことが多くなってきたので、対応してみた。
CSSだけでできる方法で、メインのhtmlに、
<link href="/css/iphone.css" media="only screen and (max-device-width:480px)" rel="stylesheet" type="text/css" />
<meta content="width=320, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />を、書く。場所は元々のCSSの後にする。で、その /css/iphone.css の中で、元々のCSSを上書きする。
汎用性のないcssだけど、短いので乗せる。
h1 {font-size:1.5em; margin: 5px 5px 5px 5px; letter-spacing:0;}
h2 {font-size:1.0em; margin: 5px 5px 5px 5px; letter-spacing:0;}
#slogan {font-size: 1.0em; margin: 0px 0px 20px 10px; letter-spacing:px}
#wrap {width: 318px; text-align:none; margin: 0;}
#sidebar {float: none; width: 318px; }
#content {width: 318px; text-align:none; float:none;}
img.attach_img {max-width: 300px}
pre {width: 300px; padding: 5px; margin: 5px}やってることは、タイトル (h1/h2) の文字を小さくして、本文とか画像の最大幅をiPhoneに合わる。後は、サイドバーのfloatをやめて下に持っていくだけ。
クール！なページにしたければそれなりにcssでがんばる必要あるけど、ここぐらいだったらこれで十分。
こんな感じになる。
RSSリーダで読む