モールス信号翻訳ツール
文字を入力すると、点と線のモールス信号に変換されます · 学習 ●●○
ここを変えてみてください
プロンプト
双方向で動作するモールス信号翻訳ツールを作ってください。インストール不要で、他のファイルも使わず、ブラウザで開くだけで動く単一のHTMLファイルにしてください。CSSとJavaScriptはその中に含めてください。画像ファイルや外部URLは一切使わず、記号が必要な場合は絵文字や文字を使用してください。 入力欄を2つ用意してください。一方に入力すると、入力に合わせてリアルタイムでもう一方に反映されるようにします。モールス信号には点(・)と線(ー)を使い、文字の間にはスペース、単語の間にはスラッシュを入れてください。 ブラウザ標準の音声機能を使ってモールス信号を音(ビープ音)で再生する再生ボタンを追加してください。点は短いビープ音、線はその3倍の長さの音にし、適切な間隔を空けて鳴らしてください。実際に音を聴くことが習得への近道です。 目で見てもすぐに確認できるよう、アルファベットと数字の一覧表を下に表示してください。 対応していない文字がある場合は、勝手に消去せずにそのまま残し、どの文字がスキップされたかを表示してください。 完成したら、適当なテキストをモールス信号に変換したあと再び元に戻し、元のテキストと一致するか確認してください。
使った技: ファイルは1つだけ · まず何を作るか伝える · 表示するものを決める · 具体例を1つ見せる
ビープ音がつながって聞こえてしまう場合は、「記号の間には点1つ分、文字の間には点3つ分の間隔を空けてください」と指示してください。
返ってきたものを貼り付けてください
こんなものもあります