覚え書き（２０１７年以前の記事です）

よしなしことを、日々徒然に……
※　２０１８年以降の記事は、別ブログの方へＵＰしています　※
新しいブログへはこちらからどうぞ。

更新情報（2015年01月10日）

2015年01月10日（Sat）

当サイトでは、この覚え書きを含めて、ルビタグ（ふり仮名）を多用しております。
が、このふり仮名、対応していないブラウザも数多く、 Firefox や Safari などでは

漢字《かんじ》

と言った具合に表示されるようにしていました。
しかしこのたび某ブログさんの記事より、こちらのサイトに辿り着きまして。

■ほぼ全ての現行ブラウザで振り仮名(ルビ)を表示するsim2ruby.css | 松下響の天輪返し
　http://h2s.roheisen.net/blog/archives/871.html

どうやら現在使用している外部スタイルシートに、該当部分をコピー貼り付けするだけでＯＫな模様。
今までも似たような動作をするものは見たことあったのですが、それはＨＴＭＬファイル自体を書き換えないとならず、数百ファイルある小説ページに反映させるには手間が膨大に必要なことと、今後またブラウザのバージョンアップがあった時にも、対応が面倒だなあと見送っていたのですよね。
でもこれなら、ＣＳＳファイルを３つほど書き換えるだけでいけます。
なので、さっそくやってみました。

まずは Firefox 34.0.5。左が適用前。右が適用後。

今まで《》で表示されていたふり仮名が、見事に文字の上に移動していますｖｖ
ちなみに文字が大きくなっている部分は、マウスカーソルを重ねるとそうなるのです。字がちっちゃくて読みにくい時などに利用されるとよろしいかと。　※文字がずれて読みにくいので、字が大きくなる機能は削りました。

さらに Android2.3 スマホの標準ブラウザだと……

しっちゃかめっちゃかに崩れていたレイアウトが、ごく普通に読めるようになりました（感涙）

ちなみに Opera 26.0 でも動作確認したんですが……このＣＳＳを適用する前に、普通にふり仮名が表示されていました。あれ？　Opera って、いつの間に Ruby タグに対応してたんだろう……？？

あとは Safari とか iPad とかでの表示がどうなってるのか気になるところですが……そこらへんは手元にないので、うまく行っていることを祈るしかありません。
もし今までルビが表示されなかった方で、うまくいくようになった方、逆に今まで問題なかったのにレイアウトが崩れた方などいらっしゃいましたら、ブラウザの種類とバージョンを合わせて教えていただけると、ありがたいです。
……もっとも私のいい加減な技術で、お知らせいただいた内容に対応できるかどうかは判りませんが（＾ー＾；；）

なお次回更新は、来週の金曜日に雨月露宿の三章目を予定しております。

No.6492 (更新)

Comment(0) Trackback(0)

この記事へのコメントは以下のフォームからどうぞ

この記事のトラックバックURL

https://plant.mints.ne.jp/sfs6_diary/sfs6_diary_tb.cgi/201501106492

プロフィール

神崎　真（かんざきまこと）
小説とマンガと電子小物をこよなく愛する、昭和生まれのネットジャンキー。
ちなみに当覚え書きでは、
ゼロさん= W-ZERO3(WS004)
スマホ= 003P(Android端末)
シグ３= SigmarionIII です。