ページ下の「50音表」にカーソルをあてて、確認してください。
Belpon~ホームページ作成のべるぽん~が制作いたしました。
(Flashで作成していたものを、2021年5月にjQueryを使って作り直しました)
【ローマ字入力確認表を作った訳】
パソコン教室で講師をしていた頃、70代、80代の方から
「私達が若い頃は、ローマ字なんて習わなかったから…ローマ字がよく分からない上に、キーボードから文字を探すのが大変で…」というお話を多く伺っていたので
「ローマ字入力はコツをつかめば簡単なんです☆」
という事を実感して頂ければと思い、
文字盤を見ながらキーボードの位置が確認できる「ローマ字入力確認表」を作りました。
この確認表のプログラム処理は「jQuery」「HTML」「CSS」で成り立っています。
「HTML」部分にデータも書き込んで、それを「jQuery」でプログラム処理※1して、表示の切り替えなどは「CSS」を切り替える事※2で処理しています。
※1…50音部分にマウスをのせるorタブレットなどで触るなどの"イベント"をキャッチして、そのイベントが発生した対象(オブジェクト)のデータを読み取って、色々な処理をさせるプログラムをjQueryで作成。
※2…jQueryでcssのクラスを追加・削除する事によってほとんどの表示を切り替えています。