クリボウの Blogger Tips

このブログのアクセスを確認していると、Google のウェブ検索で以下のような文字列を入力して、たどりついた人を見つけました。

blogger ～ くりぼう

多分真ん中の「～」は Google では有効な検索語にならないと思うんですが、この検索をした人は Blogger ブログで「～」を表示したかったんじゃないかな？と勝手に判断してこの記事を書いています。というのも、ブログの文字コードの設定によっては「～」を表示させられないのです。かくいうこのブログ（Shift_JIS）もそうだったりします。

（ちなみにこの「～」、正式には「波型」「波ダーシ」「波ダーシュ」というそうです。）

ではどうすればいいかなんですが、もちろん 文字化け対策、エンコードのこと などで以前書いたように、ブログの設定を「UTF-8」にするのが一番なんですが、色々な事情でそれが出来ない Shift_JIS な人は「～」の代わりに ～ と入力してやるとブラウザが「～」に変換してくれます。この記事内でもそうやって「～」を表示させています。

この Ӓ みたいなのを数値文字参照というんですが、ユニコードにあって Shift_JIS では表示できない文字も、この数値文字参照を利用すると表示させることができるので、けっこう便利なのです。文字を数値文字参照に変換する際にはこのツールがおすすめです。ぜひお試しください。

本文中の「～」については投稿者が注意すれば問題ないんですが、Shift_JIS な Blogger ブログでは投稿本文だけでなく、コメントでも「～」が表示できないので、コメントされる方は十分ご注意下さい。…ってやっぱり UTF-8 でないと不便ですね。うーん。

Kamimura さんのエントリを読んで、

縦書きで、本の体裁を取った方が読み易い

ネット上で文章を縦書きに変換する仕組みができないかな？と JavaScript をいじっているうちに、ちょっと面白いものが出来ました。

それが青空文庫を縦書きに変換するユーザースクリプトとブックマークレット。どちらも Firefox 用です。ブックマークレットはお好きなところで使ってもらったらいいんですが、ユーザースクリプトの方は、青空文庫の各作品の XHTML ファイルを開いた時に働くようにしてあります。


ユーザースクリプト

Greasemonkey の入った Firefox で下のリンクをクリック、「Install」ボタンを押してください。リンクを右クリックして「Install User Script」を選ぶ方法でもいいです。

• tategaki.user.js

ブックマークレット

Firefox で、下のリンクをブックマークツールバーへドラッグしてください。リンクを右クリックし、「このリンクをブックマーク」する方法でも可です。

• 縦書きにする

コメントもとむ

これらのスクリプトの仕組みは、結局のところ、文字の順番を入れ替えているだけなのです。縦に並べるとおかしくなる文字（句読点、カギカッコなど）は、できるだけ自然に見えるように別のものに差し替えているんですが、まだそんなのがあれば教えて下さいませ。
あと、そもそも他の環境でちゃんと動くのか自信がないので、使ってみた感想なども、コメントで寄せてもらえると嬉しいです。


追記

どうやら Win XP + Firefox でしか、正確に動かないようですね。ショボーン。

ということで、上記のスクリプトがちゃんと動かない人用のスクリプトも、作成してみました。これだと Win 2000 で動いたとの報告あり。丸括弧が美しくないのですが…。

• ユーザースクリプト → tategaki2000.user.js
• ブックマークレット → 縦書きにする

以前、Technorati とはてなブックマークという記事で、各エントリーをはてなブックマークに登録してもらうためのリンクを紹介しました。今回はその del.icio.us 版。読者がそのエントリを del.icio.us に登録するためのボタンです。Blogger 入門 の方で導入しているので、ご覧になった方もおられると思います。

導入方法

このボタンをブログで使うには、Blogger 管理画面「テンプレート ＞ 現在の内容を編集」でテンプレートを表示させ、ボタンを設置したい位置に下のコードを貼り付けてください。

ブログを再構築して、実際に見てみるとこんな風になると思います。 →

画像が少し大きいなと思われる方は赤字の部分を、下のコードに差し替えて使ってください。
すると、こんな風に表示されます →

ちなみに上記のコードは、Blogger のテンプレートタグを使用しているため、投稿の本文では使用できませんのでご注意下さいませ。