福野泰介の一日一創

一人一台持っているパソコンやタブレット、オープンソースで気軽に使えて、自由に改造して遊べるドリルがあったらステキかも？メンバーと話してみたら教えてもらった日本語を学習する外国人の方が中心となって進んでいる、漢字の書き順をオープンデータ化するステキな取り組み「Kanjivg」を使って、汎用的に使える書き順表示タグを作ってみました。

「kaki-jun - check the Japanese Kanji Stroke Order」src on GitHub
ベクトルデータ(SVG)で書き順を含めて提供されている日本の漢字を使った、アニメーション表示するライブラリ「kanjivganimate」をベースにESモジュール化して、HTML拡張タグにしました。

HTMLタグに下記の2行を入れるだけで簡単に書き順表示できます。 <script type="module" src="https://code4fukui.github.io/kaki-jun/kaki-jun.js"></script> <kaki-jun>福井県鯖江市</kaki-jun> JavaScriptでプログラミングできるこどもたちが、オープンソースを使ったオープン教材をどんどん創っちゃうステキな未来、楽しみです！