自分のいろんなログを貯めて表示しているnilogを、内部的にリニューアル。
- 旧システム: POJO (Plain Old Java Object) + JSP
- 新システム: POJO (Plain Old Java Object) + Servlet + JMustache (mustache)
JSP は サーブレットコンテナ (Tomcatとか) が無いとテストしにくい。新システムは、ローカル開発環境でテストしやすい POJO + JMustache で動作確認して、 Servlet はフロントでパラメータを受け流すだけという構造にした。あとやっぱり JSP だと HTML がいじりにくくてデザインの修正がしにくいのでこれを JMustache (mustache) に変えることができて良い感じ。
表側もちょっとだけリニューアル。コンテンツをスマートフォン向け(というかとりあえずiPhone向け)のサイズに。
日毎表示ページの場合は、その日のハイライトを表示するようにした。ハイライトといっても、とりあえずは位置情報付きのツイートを抽出しただけ。
あとは、おなじみの Twitter / Timelog / はてなブックマーク 以前よりちょっと見やすくした。まだまだ CSS をいじる必要があるけど、とりあえずはこんな感じ。
Twitter:
Timelog:
はてなブックマーク:
また、Amazonや楽天市場のバナー広告のサイズとその広告の見やすいサイズに合わせて
<meta name="viewport" content="width=340, user-scalable=yes" />
という viewport を設定。
ちょっとスマートフォン(というかiPhone)で見やすくなってきた。今後もちょこちょこ修正していくことにする。
Ref. nilog: 無いログは振れない。
tags: nilog twitter timelog hatena_bookmark
Posted by NI-Lab. (@nilab)