ただのにっき

2005-10-31(月) [長年日記]

■ Wordを使ってもMSN Spacesで読みやすいレイアウトにしてみる

古川享ブログをなんとかしよう問題(違)の流れで、MSN Spacesが無駄に凄いのはようするに「Microsoft WordとContentEditableなtextareaのあわせ技」であることが判明したわけだが、だからといって「あー、Wordの吐き出すHTMLは変態だからねぇ」で済ませてしまっては、おれが古川さんにイチャモンをつけただけで終わってしまうではないか。それは良くない。そもそも、字は大きくなったが行間が狭いから、読みづらいことに変わりはないのだ。

というわけで、おれもMSN Spaceのアカウントを取ってみたので、Wordを使っていてもMSN Spacesでまともなレイアウトを作るにはどうしたらいいか、いろいろトライしてみた。

ネタテキスト

Word上で簡単なテキストを書いた。フォントなどはデフォルトのまま。

そのまま貼り付ける

MSN Spaces上の編集画面で素直にコピペしてみる。WYSIWYGモードなので、Word上と見栄えは近い。

これをそのまま登録すると、Word上とほぼ同じ見栄えにはなるが、ソースを見てみれば泣きたくなるような、いかにも「Wordが吐きました」というHTMLである。おまけに行間が狭くて読みづらい。これじゃちょっとねー。

HTMLモードにしてみる

WYSIWYGモードを使うから、Wordの変態HTMLがそのまま流し込まれてしまうのだ。編集画面のツールバーには「<HTML>」というボタンがあるが、これをクリックするとWYSIWYGモードが解除され、タグがそのまま見えるモードになる。HTMLが直接書ける。

ただし、これをそのまま登録すると、改行が消えてしまう(タグが入力されていないのであたりまえ)。おまけにMSN Spacesの標準スタイルが適用されてしまうので、豆粒文字に逆戻りだ。これでは話にならない。

さらに編集を加える

HTMLモードでコピペしたあとに、再度「<HTML>」ボタンを押してみると、案の定改行が消えてすべて1行になってしまうのだが、ここはあきらめて、改行を手入力してみる。

さらにもう一度「<HTML>」ボタンを押すと、改行の結果が<p>タグになって表現される。あとは文字サイズと行間を調整すればいい。そこで、テキストの先頭に「<div style="font-size: medium; line-height: 150%">」、末尾に「</div>」を付け加えた。

それってHTML的にどうよという気がしなくもないが、そもそもMNS Spacesの標準テンプレートがグチャグチャなのだから、もうValidなHTMLを求めるのはあきらめた方がよろしい、と割り切ることにする(笑)。

これを登録すると、やっと読みやすい本文を生成させることができた。めでたしめでたし。

というわけで古川さん、もうちょっと手間をかけると、さらに読者に優しいサイトになると思います。まぁ、こんな苦労をするくらいなら、もっと使いやすいブログツールはゴマンとあるんですけどね。tDiaryとか(←最後は宣伝かよ!)。

蛇足

一連の話の反応を見ていると、急に字が大きくなってとまどっている人よりも、読みやすくなったことを感謝する声の方がはるかに多い。これを期に、古川さんのテキストの面白さを知った人も少なくないわけで、よかったなぁ、と思う。これも古川さんが人のいうことに耳を傾けることができる、論理的な思考の持ち主だったから故の結果だろう。

腹立たしいのは、おれのような第三者が指摘するまで、誰も古川さんに「字が小さくて読みづらいですよ」と言ってあげなかったことだ。こういうのって、身近な人が真っ先に指摘すべきことじゃないかね。失礼な話だよ、まったく。あれだけ上質なテキストを毎日生み出しているのに、字が小さいというだけで敬遠されているなんて、もったいないじゃないか。