踊る人形暗号の入力・表示・復号・安全性を5段階で改善

[ipusiron]

概要

Day022の第1弾を、ゲートを通過した5段階のコミットで改善しました。

• 入力正規化、IMEとキャレットの保持、旗の2規則、原作6通のサンプル
• 共通縮尺・足元・送り幅での人形表示、旗が切れないfull版SVG、PNG保存
• フォント用表記とファイル名表記の出力・貼り付け復号、クリップボード失敗処理
• キーボード操作、native dialog、CSP、モバイル表示、配色と日本語辞書
• README・開発ガイド・新画像4枚・依存なしのテストとGitHub Actions

段階ごとの検証

段階	コミット	npm test
1	02f4d76	48件成功
2	205ade7	49件成功
3	ba9c800	49件成功
4	bda32cb	54件成功
5	b349144	60件成功

各段階の指定ブラウザー確認後にコミットしています。最後の通し検証も成功しました。

• Python Playwright + Chromium 145、HTTPとfile://を確認
• consoleエラー・警告、CSP違反、404、外部通信は0件
• IME確定後HE、compositionstart 1回、無効文字挿入後のキャレット2
• 1280/390/320pxで全タブの横スクロールなし、復号グリッド13/6/5列
• PNGは1166×198と1244×1502。旗の欠けなしを画像で目視確認
• READMEの表・ファイルツリー・画像・YAMLを検証。先頭YAMLは変更前と完全一致
• tight/paddedの既存104枚に変更なし。full版52枚は提供マニフェストと一致、生成器--checkも差分なし

意図的な制約

• file://ではPNG保存を行わず、HTTP配信の案内を表示
• Firefox/Safariは未検証
• meta CSPではクリックジャッキングを防げないことをREADMEに明記
• 指定の旧画像4枚だけをリポジトリー外へ退避して削除
• full版SVGの行末空白は提供素材とのバイト一致を優先し維持