まままらぬスマートフォン向けブログデザイン

iPhone5  Screen Captures

写真は当ブログにiPhone5でアクセス、画面をキャプチャーしたものである。左はブログをカスタマイズせず、パソコンのブラウザと同じデザインだが、この状態だと記事を読むことができず、ピンチアウトを強いることになる。真ん中はモバイル向けのテンプレートを援用したもので、左側のサイドメニューが省かれて、写真はサムネイル化されている。読みたいタイトルをタップすると右の画面になる。文字は大きくこのまま読めるが、写真はやはり小さい。iPhone5の解像度は640×1136ピクセルで、持ったまま、つまりタテ画面では横幅640ピクセルの写真を等倍で表示する。しかしディスプレーの横幅の実寸が50ミリだから、写真が小さいのは仕方ないが、やや物足りない。私のブログ閲覧者の環境を調べてみた。思っていたよりスマートフォンの閲覧者が少ないが、これは意外にもアメリカ合衆国はじめ、海外からのアクセスが日本国内からより多いせいかもしれない。

Windows	59%
Macintosh	13%
Linux	12%
iPhone	7%
Android	3%

それにしてもiPhoneとAndroidを足せば10%になるわけだから、決して無視してよい数字ではない。ますますこの傾向は増すと想像されるのだが、写真を主体にブログ作りをしている立場からすると微妙な気分になる。現在、グーグルのブログサービスBloggerではいくつかのモバイル向けテンプレートが用意されているが、いずれも帯に短し襷に長しという感は拭えない。4インチのスマートフォン向けに満足できるデザインを構成する難しさを感ずる。ただしモバイル用テンプレートの救いは、画面を下までスクロールダウンすると「ウェブバージョンを表示」という案内があることだ。これをタップするとパソコン用テンプレートになり、オリジナルのデザイン画面が表示される。しかしながら閲覧者がそこまでしてくれるかどうかは別の話ではあるが…。なおタブレットの場合はパソコン用と同じだが、手元のNexus7で見ると、老眼にはちょっと辛いがピンチアウトしなくてもなんとか記事を読める。タテ位置で持った場合の横幅、つまり短辺は95ミリでiPhone5の約2倍、対角線長を比較すると4対7インチだが、そのわずか3インチの差は大きい。

数ふれば我が身に積もる年月を送り迎ふとなに急ぐらむ

迎春絵馬  松尾大社（京都市西京区嵐山宮町）

タイトルの歌は平兼盛が詠んだもので（拾遺和歌集）「老いてまた新しい年を迎えようとしている、人は忙しくしているけれども、なんでそう年月を過ごすことを急いでいるのだろう」といった意味である。昨25日、迎春の大絵馬を見に京都市西京区の松尾大社に出かけた。拝殿に飾られた干支「午（うま）」の絵馬は、米俵と御幣を背中に乗せた馬を描き、お酒の神様を祭る大社にちなんだ杯もあしらっている。大きさは、京都新聞によると幅5.5メートル、高さ3.2メートルだそうである。赤いコート着た男の子は、実はもうじき4歳になる私の孫。ちょうど背丈が１メートルで、物差し代わりに立って貰った。画像をクリックすると拡大表示されるので、見てやってください。

終い天神

骨董人形  北野天満宮（京都市上京区馬喰町）

年の瀬の好天。洛西の松尾大社の大絵馬を撮りに行った後、市内をうろうろ。そうだ今日は25日、天神さんの日だと思い出す。北野天満宮の縁日の最終日、太陽が傾きつつあったが、バスを乗り継いで駆け付けた。とはいえ何か欲しいものがあるわけではない。冷やかしに過ぎないが、何故か骨董人形があるとカメラを向けたくなる。西洋骨董人形が目に止まったので、店の人に断って一枚、久しぶりの一眼レフだった。

写真展示目的のブログを新設

Sketch On Kyoto

どうも飽きっぽい性格なのか、何か作っては壊したりする癖があるようだ。フェイスブックに作ったアメリカンルーツ音楽のページは、読者が1,500人を超えたものの、潰してしまった。その前は大きな画像を展示するブログを作ったのだが、それも今はない。一番続いてるのがこのブログである。サイドメニューがあるため、画像の最大横幅は640ピクセルである。クリックすると拡大表示されるが、ワンステップ強いるので、やはり大きな画像が展開するサイトが欲しくなったのである。上掲写真がそのキャプチャーで、フレーム幅は1,000ピクセルで画像の横幅が900ピクセルである。これは横幅1,024ピクセルのディスプレーを念頭に置いたもので、横スクロールを不要にするためだ。画像は一旦Flickrにアップロード、長辺1,600ピクセルにリサイズされたものをダウンロードしているので、このサイズに落ち着いた。APSやライカ判フルフレームのデジタルカメラの画像のアスペクト比が3:2なので、900×600ピクセルと画像展開サイズ指定もやり易い。デザインはBloggerのテンプレートデザイナーでカスタマイズでしたが、微調節はHTMLを直接編集した。なるべくシンプルということで、無用なブログツールも付けなかった。なおスマートフォンで閲覧したところ、文字が小さ過ぎてピンチアウトを強いることになるので、モバイル向けテンプレートを使用した。しかしカスタマイズできないのでデザイン的には不満が残ったといえる。

  http://sketchonkyoto.blogspot.com/