よみがな　あり｜なし

前回(ぜんかい)のログで、とあるテストプログラムを作成中(さくせいちゅう)と申(もう)し上(あ)げましたが、なんとか動(うご)くようになりましたので動作(どうさ)テストを兼(か)ねてお披露目(ひろめ)。

「よみがな」が表示(ひょうじ)できるようになりました。
右上(みぎうえ)の「よみがな　あり｜なし」をクリック（あるいはタップ）して、よみがな表示(ひょうじ)を切(き)り替(か)えることができます。

現在(げんざい)、スタジオムーンリーフでは小学生(しょうがくせい)くらいのこどもが自主的(じしゅてき)に閲覧(えつらん)できるウェブコンテンツを模索(もさく)しておりまして、漢字(かんじ)の扱(あつ)いが大(おお)きな問題(もんだい)になっていました。よみがな（ルビ）を振(ふ)れば解決(かいけつ)しそうなものですが、ルビを振(ふ)るＨＴＭＬコーディングはちょっと複雑(ふくざつ)で、いちいち複雑(ふくざつ)なコーディングをしていたら面倒(めんどう)くさくてかないません。

「なんとか半自動(はんじどう)でもいいからプログラムでルビを振(ふ)れないかな」

とあれこれ探(さが)していたら、「キッズgoo」というコンテンツが提供(ていきょう)しているルビの振(ふ)り方(かた)が理想形(りそうけい)に近(ちか)いことがわかりました。

キッズgoo
http://kids.goo.ne.jp/

「これに近(ちか)いものなら、自分(じぶん)で作(つく)れるかも」

と試行錯誤(しこうさくご)で作(つく)ってみたのが、スタジオムーンリーフ独自(どくじ)の「よみがな表示機能(ひょうじきのう)」です。

仕組(しく)みはいたって単純(たんじゅん)で、目(め)で見(み)てわかるように特定(とくてい)のフォーマットでよみがなを付記(ふき)したテキストをアップロードするとプログラムが自動(じどう)でルビを振(ふ)るＨＴＭＬコーディングをしてくれるという流(なが)れです。ただ、プログラム上(じょう)では、長大(ちょうだい)なテキストのどこからどこまでが漢字(かんじ)で、どこからどこまでがその「読(よ)み」にあたるのかを判別(はんべつ)せねばなりません。当(とう)ブログの文字(もじ)コードはバイト可変長(かへんちょう)のUTF-8を使用(しよう)しています（UTF-8は１文字(もじ)あたり１バイト～仕様上(しようじょう)最大(さいだい)８バイトの範囲(はんい)を持(も)つ文字(もじ)。日本語(にほんご)の全角文字(ぜんかくもじ)は３バイト長(ちょう)）。全角文字(ぜんかくもじ)は１文字(もじ)あたり３バイト。３バイトだと正規表現(せいきひょうげん)での検索(けんさく)があやしくなってきたので、かなりゴリ押(お)しで漢字(かんじ)を判別(はんべつ)しています。

デフォルトでは、ルビは表示(ひょうじ)されないのでＳＥＯ的(てき)にも考慮(こうりょ)した仕組(しく)みになっています。おそらく、検索(けんさく)にも引(ひ)っかかりやすいと思(おも)われます。

≫ NEXT_LOG いずれは「制限解除(せいげんかいじょ)キャンペーン」かな？

≪ PREV_LOG テストプログラム実験場(じっけんじょう)