Day025 - 生成AIで作るセキュリティツール100
MorseTree Visualizer は、単なる変換ツールではありません。 入力された文字のモールス信号を、モールスツリー上の経路としてリアルタイムに点灯表示します。 「モールス脳」を育てる、視覚×体験型のインタラクティブ学習ツールです。
- モールス信号初心者: 基礎から段階的に学習したい方
- アマチュア無線技士の資格取得を目指す方: 国家試験でのモールス信号習得に
- 学生・教育関係者: 情報通信技術の学習教材として
- 趣味でモールス信号を覚えたい方: 楽しみながら学習を進めたい方
- 船舶・航空関係者: 緊急時通信手段としてのモールス信号習得
- 防災・危機管理担当者: 災害時の代替通信手段の理解
- セキュリティエンジニア: 古典的暗号技術の学習・理解
- 組み込みシステム開発者: 信号処理やバイナリツリー構造の理解
- 情報技術教師: 授業での視覚的教材として
- プログラミング講師: アルゴリズムとデータ構造の説明に
- STEM教育: 科学技術への興味喚起ツールとして
- 視覚的学習を好む方: ツリー構造とアニメーションによる直感的理解
- 体系的学習を重視する方: 段階的なステップアップが可能
- 実践的練習を求める方: エンコード・デコード・ランダム出題の豊富な練習機会
👉 https://ipusiron.github.io/morse-tree-visualizer/
モールスツリーでモールス符号をチェック
- 英語 ⇒ モールス変換: テキストを入力してモールス信号に変換、ワンクリックでコピー
- モールス ⇒ 英語復号: モールス信号を入力して英語に復号、入力支援ボタン付き
- 学習モード: 文字確認とランダム出題による段階的学習
- モールス信号一覧表: 英字・数字・記号の完全対応表（3グループ表示）
- ビジュアル学習: モールスツリーによる経路の可視化とアニメーション表示
- レスポンシブ対応: PCでもスマートフォンでも快適に使用可能
- モールスツリーアニメーション: 各文字の符号化経路を順次ハイライト表示
- 入力支援: モールス信号の特殊文字（・、−、/）を簡単入力
- サンプル機能: "ASDF GHJK"のモールス信号をワンクリックで入力
- リアルタイム変換: 入力と同時に結果を表示
- エラーハンドリング: 無効な文字やモールス信号を親切にエラー表示
morse-tree-visualizer/
├── index.html # メインHTML（タブ切り替えUI）
├── style.css # 全体スタイル（レスポンシブ対応）
├── CLAUDE.md # Claude Code用ガイド
├── js/
│ ├── script.js # メイン制御・タブ切り替え
│ ├── encode.js # 英語→モールス変換機能
│ ├── decode.js # モールス→英語復号機能
│ ├── study.js # 学習モード（文字確認・ランダム出題）
│ ├── table.js # モールス信号一覧表
│ ├── treeRenderer.js # モールスツリー描画・アニメーション
│ ├── morseMap.js # 文字→モールス信号マッピング
│ └── morseTree.js # モールス信号バイナリツリー構造
└── assets/
└── screenshot.png # スクリーンショット
以下のURLから、ブラウザ上でそのままツールを使用できます。
🔗 https://ipusiron.github.io/morse-tree-visualizer/
- 「英語 ⇒ モールス信号」タブを選択
- テキスト入力欄に英語を入力（例：HELLO）
- 「エンコード＆表示」ボタンをクリック
- モールス信号が表示され、ツリー上でアニメーション表示
- 「📋 コピー」ボタンでクリップボードにコピー可能
- 「モールス信号 ⇒ 英語」タブを選択
- モールス信号を入力（手入力または文字ボタン使用）
- サンプルボタン「ASDF GHJKのモールス信号」で練習可能
- 「デコード」ボタンをクリック
- 英語に復号され、ツリー上でアニメーション表示
- 文字確認: 文字を選択してモールス信号と経路を確認
- ランダム出題: モールス信号を見て対応する文字を回答
英字・数字・記号の完全なモールス信号対応表を確認可能
- このリポジトリをダウンロード or クローンします。
- 以下のようにローカルでHTTPサーバーを起動してください。
例（Python使用）：
cd morse-tree-visualizer
python -m http.server 8000- ブラウザで以下を開きます。
http://localhost:8000/
本ツールは、JavaScriptモジュール（ES Modules）を使用しています。
<script type="module" src="...">により分割された .jsファイルを読み込んでいます。
file:// で直接開くと、ブラウザのセキュリティ制約（CORSポリシー） によりエラーになります。
そのため、必ず http:// や https:// 経由でアクセスする必要があります。
MIT License - 詳細はLICENSEをご覧ください。
本ツールは、「生成AIで作るセキュリティツール100」プロジェクトの一環として開発されました。 このプロジェクトでは、AIの支援を活用しながら、セキュリティに関連するさまざまなツールを100日間にわたり制作・公開していく取り組みを行っています。
プロジェクトの詳細や他のツールについては、以下のページをご覧ください。