前の記事でモールス符号再生ライブラリ jscwlib を利用したモールス符号再生機能をページに埋め込んでみたところ、レイアウトと画面制御が思いの外うまくいきました。
UIとレイアウトにはCSSライブラリのBulma、画面の制御にはJavaScriptフレームワークのVue.jsを使用しました。
もう少し手を加えて、はてなブログ上でモールス受信練習アプリを作成してみたいと思います。
今回作成したのは、ランダムに送出される英単語の聞き取り練習アプリです。
A1 CLUBのQSO Partyも開催されていることですし、これでヘッドコピーの基礎練習をしてみたいと思います。
速度: {{ wpm }} [WPM]
周波数: {{ pitch }} [Hz]
英単語は次のA1 CLUBの練習ページから引用させていただきました。