時の経つのは早いもので、いつのまにかflashで縦書きがサポートされるようになっていました。
早速作ってみたので、ためしに投稿してみます。フォントはメイリオというのを使っているので、持っていない人はMicrosoftのページからダウンロードしてください。あと、メイリオが入ってない人がどんな風に見えるか(フォントの違いで崩れるのか否か)も知りたいので、コメントを残していただければ幸いです。閲覧にはflash playerのバージョン10が必要です。
[flash https://takahashifumiki.com/wp-content/uploads/2008/12/hugo.swf w=460 h=300]
ちなみに、本文の出典は青空文庫にあったヴィクトル・ユゴーの死刑囚最後の日です。
参考にさせていただいたサイトは以下の通りです。ありがとうございました。
- akihiro kamijo「Flash テキストレイアウトフレームワーク (Text Layout Framework) ベータ版の公開」
- SCRATCHBRAIN.BLOG v2「Flash Player 10 縦書き(xmlデータでテキストレイアウト)」
いやー、これで夢が叶いそうです。できればWordPressのプラグインにして配りたいですね。一応、xmlrpcを使ってコンテンツを取得することもやってみました。ローカルテストしかしてませんが、たぶんアップしても動くでしょう。
ロードマップ
できてること
- とりあえずflashで縦書きにしてみる
- WordPressのxmlrpcを使って、ブログコンテンツを取得してflash内に表示
これからやること
- xmlrpcで取得できるコンテンツをflashのText Layout Frameworkの書式に合ったものにする
- 該当する記事のデータを動的に取得できるようなインターフェースにする
- WordPressの記事IDをjavascriptで渡す必要があるので、External Interfaceをお勉強
- Text Layout Frameworkのレイアウト調整方法をお勉強
- WordPressのプラグインAPIをお勉強
勉強することがいっぱいだが……なんだこの溢れるやる気は! 最近はもうWebの技術を勉強することに飽き始めていたというのに!
というわけで、正月返上で小説を完成させてこれ重要、チカッパがPHP5に移行し終えるまでに自分のブログを縦書き表示するぐらいのことはやっておきたいですね。
もしもこのブログ縦書き化プロジェクトに興味があったり、「おまえより100年先に行ってるぜ!」という方がいらっしゃったら、ぜひ情報交換をしたいので、お問い合わせからご連絡いただくか、コメントを残してください。
追記
- WinXP(メイリオ入り) Firefox3.0 O.K.
- WinXP(メイリオ入り) Safari3 O.K.
- WinXP(メイリオ入り) Chrome O.K.
- WinXP(メイリオ入り) Internet Exprorer 7 N.G.(ActiveXのFlashインスコに失敗?)
- WinXP(メイリオ入り) Internet Exprorer 6 Multiple IE N.G.(そもそもサイトが見れないことが判明。ショック!)
- MacOSX(メイリオ入り) Firefox3.0 N.G.(約物が回転せず。フォント名を「メイリオ」としたため?)
- MacOSX(メイリオ入り) Safari3 N.G.(約物が回転せず。フォント名を「メイリオ」としたため?)
Macでの対応はフォント名指定にて研究の余地あり。Vista情報求む。