nJOY BLOG

2015Jul18

「nJOY BLOG」スマホ対応化完了

今見ているこのブログのデザインをリニューアルして、スマホでも読みやすくしてみました。

使っている端末の解像度に応じてデザインが最適化される「レスポンシブデザイン」を採用しています。

前回、ブログをリニューアルしたのが2008年9月（「nJOY BLOG 模様替え」参照）。BlognPlus のスキンをいじるのは7年ぶりで、忘れていることも多く結構大変でした。

話はちょっとそれますが、調べてみると iPhone の日本発売は2008年7月なんですね。
当時はスマホでのウェブ閲覧率がこれほどまで上がるとは思っていませんでした。ウェブページも PC で見られることを前提に作っていれば良かったので、ウェブサイト運営側としては昔の方が楽でしたね。

PC で見ると左側にメインカラム＋右メニューという基本的な部分は旧デザイン（↑）から変えていませんが、内部的には全然別物になっていてスマホで見るとメニュー部分がメインカラムの下に移動します。

レスポンシブにするにあたり、「Material Design Lite」や 「SkyBlue CSS Framework」も検討しましたが、最終的には 米 Yahoo! が提供する「Pure.css」という軽量フレームワークを使用しました。

Windows と Android での主要ブラウザで問題なく見えることを確認。
3DS で見ると記事の投稿日とメニューの表示がおかしい以外は良好。直せたら直します。