ただのにっき

■ 後置型サイドバーのススメ(2)

先日、はてなから寄贈されたテーマのいくつかが前置型サイドバーを前提にしているかも、と書いたが、濡れ衣でした。ごめん。ぜんぶ後置型でちゃんと表示された(といっても確認したのは担当している半分だけだが)。

表示がおかしかった原因は、独自タグdiv.hatena-bodyの存在。これに完全に依存しているのがいくつかあり、無理やりs/div.hatena-body/body/してみたりしたものの、それでも改善しなかったものは泣く泣く削除。テーマ集入りはあきらめた。他にもまだ、うまく表示されないテーマがあるんだよなぁ、270シリーズとか(←たぶんこれも削除行き)。hatenaシリーズはさすがに素性が良くて、表示が乱れるものも、div.hatena-bodyをbodyに置換するだけでピタっと収まった。

それにしても、hatena-bodyの存在は悩ましい。はてなのヘッダを回避させるためには必須だが、他のツールにその構造を求めるのは酷というものだし。うまい逃げ手がないかなぁ。このままでは、はてなのテーマはtDiary互換とは言えなくなる。つーか、書き換えが必須になりつつある現状では、すでに互換とは言えない。

■ 川崎 0-0 FC東京@等々力

久しぶりのJ観戦。あいかわらず怪我人が多いけど、前節はアウェイで磐田に勝って、調子こいてますからねー。また勝ってもらわんと。

で、スコアレスドロー。ここ10試合勝ち星なしとなったFC東京だが、試合を見ていただけでは運がなかっただけ、というトコロ。いい試合運びだったと思う。パスコースを消すのは上手いし、逆に川崎の穴はきちんと突いてくる。これで勝てなかったら泣くしかねーよな……というくらい、川崎がダメ! 川崎サイドからすると、なんだかショボい試合を見せられてしまったよという感じ。DFが退場者まで出して体を張ったおかげで運良く失点を免れたってだけじゃんか。フッキも黒津も使えねーし。やっぱ、ひっかき回し役のジュニーニョがいないとあかんのか〜。

■ コンビニで偶然みかけたSPA!のグラビアで乙部綾子(ライブドア広報)がメガネをかけていなかった件について

なんか熱いものを書こうと思ったけど、某所からもらったステキなパッチを読まなきゃいけないのでそんな暇はないのであった。代わりにテラヤマアニさんになんか書いて欲しいと思ったけど別にいいです。

結局あんたらも旧世代メディアの仲間か。なんにもわかっちゃいねぇなっ >SPA!

■ 後置型サイドバーのススメ

はてなから届いた100超のテーマ追加作業も、ほぼ折り返し地点。つーか、残り半分はNTさんに預けたんだけど、どうなったのかな……?

作業中、手元にコピーした自分の日記に適用して、全体の見栄えなんかを確認してるんだけど、いくつかのテーマが、本文よりも前にサイドバーが定義されているようなHTML(これを前置型サイドバーと呼ぼう)を前提にしているつくりになっているっぽく、ちょっと残念に思った(※)。というのも、tDiaryでは以前から、本文より後にサイドバーが来る構造(こっちは後置型サイドバー)を推奨しているからだ。

まぁ、テーマがtDiaryでしか使われていなかった頃は、テーマ作家はみんなtDiary-theme MLにいたし、意思統一も簡単だったけど、こうも広く使われるようになったらそうはいかんわなぁ。ドキュメントとして明文化してないし、過去ログ読めとは言えないよねぇ。

これは別にtDiary互換テーマに限った話でないのでここから一般化するのだが、後置型サイドバーには、CSSによるレイアウトは少し難しくなるものの、それを補うだけのメリットがある。

優等生的だが、一番に上げるべきメリットとして、視覚障害者が使う音声ブラウザで最初に本文を読み上げてもらえることがある。音声ブラウザはHTMLを最初から読み上げるので、サイドバーが最初にあると、それを読んでからでないと本文にたどり着けない。これがどんなにイラつくことか、想像できるだろう。音声ブラウザに限らず、CSSを解釈しないテキストブラウザでも同様の問題があり、後置型サイドバーでは解消される。

一般的にみてもメリットはある。前置型サイドバーを使ったサイトをブラウザで見ているとき、ちょっとネットワークやサーバが重くて、サイドバーは表示されたものの本文がなかなか届かず、肝心の部分が読めなくてイライラ……なんて経験は誰しもあるだろう。本文が先にあれば、サイドバーより先に本文がレンダリングされるから、必要な部分が真っ先に読めるようになる。

同様に、ケータイからアクセスするときも有効だ。読み込めるページサイズに制限のあるケータイのブラウザの場合、何10KBもある巨大で無駄なサイドバーのせいで本文が読めないなんてことが多々ある。これも、本文さえ先にあればクリアできる問題だ。

……とまぁ、後置型サイドバーにするだけで幸せになる人はだいぶ増えるはずなので、特にサイズの大きなサイドバーを設置している人たちは、ぜひとも採用を検討してもらいたいところである。

※はてなのテーマに関しては、まだしっかり確認してないので前置型前提という話は濡れ衣かも知れない。いちおうはてなのヘルプは後置型になるようになってるし。単に、独自タグdiv.hatena-bodyを前提としているからレイアウトが乱れているだけかも。それはそれで問題なんだが……。