Lyrics Card Generator v4.4.0 リリースノート
リリース日：2026-07-10
このリリースでは、設定をモーダルからエディター右側の完全な「設定ウィング」へ移しました。エディター、歌詞サンプル、設定は一つの排他的な空間システムを共有します。サンプルは引き続き上から、設定は右から入り、既存の設定、ライブプレビュー、自動保存、永続化の動作はすべて維持されます。
主な更新
- 設定を開いても暗いオーバーレイは表示されず、背後のエディターも操作できません。エディターが左へ退場すると同時に、設定ウィングが右から入ります。
- 統一されたアクティブサーフェス状態により、非表示領域を
aria-hidden、inert、ポインターイベントで隔離します。Escape またはヘッダーの X でエディターへ戻り、元の設定ボタンにフォーカスが復元されます。 - 設定ナビゲーションは三段階のレスポンシブ構成です。幅広い画面では説明付きサイドバー、中幅ではアイコンレール、小画面では選択後に自動で閉じるカテゴリーメニューを表示します。
- 専用の設定ヘッダー、保存状態、カテゴリー説明、統一されたグループカードを追加しました。一般、外観、書き出し、AI、このアプリについての五分類は維持されます。
- 設定の状態と副作用を旧モーダル外枠から分離しました。通常設定は引き続き即時プレビュー・保存され、古い背景リソースも削除されます。AI 設定は 700ms の遅延保存と終了時の保存完了処理を維持します。
- AI 設定が不足している場合は AI カテゴリーを直接開きます。カテゴリー切り替え後も入力状態を保持し、動きを減らす設定では大きな移動を非常に短いフェードに置き換えます。
- アプリ背景のグリッドと設定ウィング外周の枠を削除し、ナビゲーションの選択アニメーションを改善しました。Spark Cursor を外観へ移し、歌詞操作ボタンの高さを揃え、初期レイアウトをカスタムサイズと自動高さに固定しました。
- 六つの表示言語すべてにカテゴリー説明を追加し、空間遷移、保存処理、レスポンシブナビゲーション、アクセシビリティを固定する回帰テストを追加しました。
検証
- npm run typecheck
- npm run core:test
- npm run build
- npm run desktop:build
- git diff --check
- 1520px、1280px、900px、720px、520px でのレスポンシブ表示と操作確認