ソラマメ新着一覧が画像付きでいっぱい見れるツール

TsubasA Renfold

2011年05月01日 09:41


【更新情報】
2012/07/08スマホ版に記事の簡易表示機能を搭載!2012/05/14サーバー移転。ソラマメ以外のブログも表示。2011/08/15ソラマメ検索を追加。2011/07/31記事の投稿日時を表示する・しないの設定を追加。
表示したくないブログ設定を追加。
各設定は設定ページに移動。

隙あらばソラマメの新着記事をチェックしてるマメラーの皆さんおはようございます!

俺も電車の中とか、喫煙室でタバコ吸ってる時とか、気がつくとソラマメ開いてたりします。
覗かれると、何それ? セカンドライフ? そんなんまだあったん?
とかいう、お決まりの流れに突入して面倒なので、こっそりとw

とまぁ、それはさておき・・・
ソラマメが見にくいんだよ!ばかやろう!無駄に重いし!
まずはブロンズ10件、マメモール関連5件、そしてブロンズを含む全体の記事が25件。
ブロンズの10件て、ブロンズ枠と全体枠とでかぶって表示されてるやん!
そもそも、見る方としてはブロンズが別に表示されてなくていーんだよ!
(おまえもブロンズやんけ!って言うなよ、別に俺はそんな宣伝で目立ちたいわけじゃないんだ)
あとな、言っていいのかなー・・・・・マメモール枠なんていらねーよ!
Tei Villageの広告見飽きたわ!!

とゆー不満もあるし、新着記事の画像がさ、最新25件しか見れないのがね・・・
それ以降はタイトル文字だけ。字だけだと見る気しないよなー。
RSSあるからリーダーにぶちこんで・・・と思ったけど、RSSに画像URLが入ってない;
そいえば、そもそもソラマメの画像は外部からリンクしても見れない制限があるんだった。
あーそーかい! わかったよ!!
というわけで自分用にソラマメ新着記事画像つきでいっぱい見れるページ作ってみた。

画像の制限に関しては、phpからごにょごにょして画像データを取得して、自分とこのサーバーに保存して表示する仕組みにしました。でもさっき言ったようにRSSに画像のURLがないので、1つ1つの記事をプログラムから見にいって新着サムネイル画像のURLを探してくるようにしてます。そんな理由で完全にリアルタイムというわけにはいかなかったので、3分間隔のバッチ処理で更新してます。

パソコンで見たらこんな感じ。


画像がデカいだろう。マメの新着用のサムネイルってさ、例えばこれとかね、
俺らがアップした画像のファイル名の最後に「-s」がついた名前で、自動生成されてるっぽい。
でもこれ、いろいろ見てくとどうも、縦横200px以内になるように縮小してるみたい。
でもソラマメの新着表示では、トップでは90pxに、日本の新着では100pxで表示してる。
もったいないやん! ってことで俺のページでは200px表示さ。見やすいだろう。
おまけにタイトルと本文もチラ見せしときました。

主にiPhoneで見るために作ったので、当然対応してます。
アンドロイド? そんなもんは知らん。俺はiPhone派だ。
iPhone4で見ると、こんなイメージ。
全部SS撮るのが面倒なのでページの中程は省いてます。ほんとは指定した件数分でます。

2カラム
3カラム


「列数」の設定で1~3カラム表示の切り替えができます。
だいたいの人は2カラムかなー。
俺は3カラム派です。3G, 3GSだと3カラムにすると文字がつぶれて見えないかも。
1ページに表示する件数も設定可能です。

これらの設定は、たたぶん人によっては固定になると思う・・・例えば俺は3カラム30件・・・ので、Cookieで設定を保存するようにしました。一度設定すれば、次にアクセスした時も前の設定で表示されます。
はい、無駄に地味に凝りました。

1カラム


あんまし広まるとアレなので、なるべく口外しないよーにw
まぁ、嫁のブログあたりでは紹介されるかもしれませんが、そこまでとゆーことで。
これ見た人だけでこっそり活用してください。
ほんとは公開しないつもりだったんですが、せっかくなんでねw

不具合なんかの苦情は受け付けません!
アンドロイド対応は・・・気が向いたら考えます。持ってる人の協力もいるしな。

http://news.wingfactory.org

iPhone用のアドレスも一緒です。プログラムの中で切り替えてます。


いろいろ