• #financial-quiz
  • #handoff
  • #debug
financial-data完了

Financial Quiz 引き継ぎメモ (2025-12-22)

概要

  • エクスポート(1920x1080)の画角確認をしやすくするためデバッグ時のみプレビュー表示を追加する案まで到達。
  • ただし proportional-animation.vue で文字化け起因のコンパイルエラーが発生し、ユーザーがgitで履歴を戻した状態。
  • 現在は状態リセット後の再適用手順が必要。

直近のエラー

  • 例: Error parsing JavaScript expression: Unexpected token, expected ":" (1:35)
  • proportional-animation.vue のテンプレート内三項演算子で文字化けが混入し、Vue compiler が落ちる。
  • さらに getCashFromBS 付近で Unterminated string constant が出ることも確認（文字化けの混在が原因）。

影響ファイル（要確認）

  • apps/web/app/pages/financial-quiz/proportional-animation.vue
    • 文字化けが混入しやすいファイル。編集はUTF-8固定推奨。
    • 三項演算子や日本語文字列が壊れるとコンパイルエラー。
  • apps/web/app/components/financial-quiz/proportional-animation/ExportContainer.vue
    • デバッグプレビュー用の debugPreview / debugScale 追加案。

いったんの復旧方針

  1. proportional-animation.vue をgitで復元
  2. dev サーバを再起動してエラーが消えることを確認
  3. その上で安全に再実装
    • テンプレート内の三項は避け、computed 経由にする
    • 日本語ラベルはテンプレート内に直接書かず、computed で組み立てる
    • 文字列は極力 ASCII/英語コメントに寄せる（必要なら \u エスケープ）

再開時にやること（優先順）

  • proportional-animation.vue のエンコーディングをUTF-8に統一
  • ?exportPreview=1 で表示するデバッグプレビューを再実装
  • エクスポート中の操作ロック（モーダル）を入れるか判断

デバッグプレビュー方針（再実装メモ）

  • ExportContainer に debugPreview, debugScale props
  • dev環境のみ ?exportPreview=1 で表示
  • 画面中央に縮小表示（本番は非表示）

“新規ドキュメントにしない方が良い”ケース

  • 既存の「計画書」「レッスン」「進捗メモ」が同日・同テーマで存在する場合
  • 追記で済む軽微な更新（1〜2行）だけの場合
  • 将来参照されない単発メモの場合（CONTINUITY.md に追記で十分）

状態メモ

  • ユーザーがgit履歴を戻したため、上記は再実装のガイドとして残す。