筆順変換ユーティリティー

教育現場や学参関連では筆順を取り扱うことが多々あります。そういった場合に必要になるのが筆順フォントです。しかし、この筆順フォントの入力には専用の辞書をインストールしての変換処理が必須です。そして、この変換辞書が通常利用する際に少し邪魔になったりします。
ここをなんとかしようと少し前からものかのさんとちょろちょろやってたんすけど、このたび正式にリリースの運びとなりました。
https://ten-artai.com/hitsujyun/
今回は教育現場での利用が多い「モリサワ UDデジタル教科書体 筆順フォント(TrueType)」をターゲットとしたWebサービスとなります。もちろん、UD筆順BStdのフォントでも適切なスタイルを選択することで利用可能です。
今回提供するツールは至ってシンプルです。

このように、上の「文字入力」テキストボックスに一文字入力すると、下のテキストエリアに筆順が表示されます。(たくさん入力しても1文字目だけ変換されます。)

これをコピーして利用されるアプリケーションにペーストするだけです。

一部の文字では字体の選択が可能です。

左側に表示されたボタンをクリックして切り替えることでテキストエリアの内容が切り替わります。

このサービスを利用すると筆順辞書のインストールが必要ありません。また、cookieやローカルストレージなども利用しないWebアプリケーションとなっています。
ちなみにIllustratorにコピペすると以下のようになります。

最後になりましたが、開発にご協力を頂いたUDデジタル教科書体の開発者である高田裕美様、ものかの先生にお礼を申し上げます。
また、不明な点などはTenA(https://x.com/ten_A_cclab)へお問い合わせください。
モリサワ UDデジタル教科書体 筆順フォント(TrueType)については以下のページをご参照ください。