📊 完全カプセル化システムフロー
▶️ 開始
🔄 リセット
1. Web Components定義
カスタム要素を定義、スタイル・スクリプト内包
↓
2. BASE64データ準備
画像などのリソースをBASE64変換
↓
3. カスタムタグ配置
SVG内foreignObjectに配置
↓
4. connectedCallback実行
コンポーネントのHTML生成
↓
5. イベントリスナー登録
カスタムイベントで通信設定
↓
6. ストア購読
状態管理システムに接続
↓
7. SVG変換
Canvas経由でテクスチャ生成
ボタンを押してフローを開始