2026年7月13日の開発日記 - 行きたい国リストの費用シミュレーションとテスト34件の切り分け
2026年7月13日の開発日記
台湾旅行から戻って最初の月曜日。朝は5日分溜まった統計チェーンの再開と講座サイトのモバイル修正から入り、昼は家族の「行きたい国リスト」を費用シミュレーションまで一気に組み上げた。合間にブログトップへ草を生やし、溜まっていたテスト失敗34件も1件ずつ切り分けて畳んだ。
今日のタイムライン
今日やったこと
1. 家族旅行の行きたい国リストと費用シミュレーション（family-trips）
ピラミッド・パルテノン神殿・イースター島などの行きたい場所12ヶ所を、カード一覧＋各目的地の「2泊3日・絶対見どころ」詳細ページとしてSonnet 5の12並列ワークフローで生成させた。全カードに1人あたり予算を入れ、家族5人で全部回ったらいくらかかるかのシミュレーションページも新設。航空券が費用の8割前後を占めると分かり、南極はコスパが合わないと判断してシミュレーションから除外した。
主な成果:
- 一覧＋詳細12ページ＋シミュレーションページ（Astro、ビルド42ページ成功）
- 5人家族・12ヶ所・2泊3日で総額約2,373万円（年1回ペースで2038年完了）という試算
- 費用内訳のセグメントバー可視化と、子どもの年齢基準の訪問順プランニング
詳細: 家族5人で世界の行きたい場所を全部回るといくら？12並列ワークフローで費用シミュレーションを作った
2. 講座ページのフッターナビ標準装備とモバイル修正（eurekapu-nuxt4）
スマホで講座ページを読み終えると次へ進むボタンがなく行き止まりになる問題を発見。調査させるとSVG 105件が本番CDNに未アップロードだったことも発覚した。git worktreeで共通フッターナビコンポーネントを実装させ、レイアウト側が全コンテンツに自動描画する設計にした。スマホ幅のヘッダー崩れも修正。
主な成果:
- 「前へ/次へ」フッターナビをレイアウト標準装備（ページ側の実装不要）
- SVG 105件を本番CDNへ並列アップロードし全件再チェック
- 学習ゲート（/learn）全問合格でコミット
詳細: 講座ページに「前へ/次へ」フッターナビを標準装備 - スマホで行き止まりになる問題とSVG 105件の本番未アップロード修正
3. トップページの草ヒートマップとテスト34件の全パス化（mdx-playground）
ブログトップの説明文を消して、GitHubのコントリビューショングラフ風の投稿ヒートマップ（直近1年・53週・公開記事1,474本）を実装させた。ユニットテストの失敗34件は「テストが古いのか、コードのバグなのか」を1件ずつ切り分けて全修正。KRW銘柄に$Bラベルが付く問題だけはテストを直すのではなく生成パイプラインの根本修正に回し、テスト3層で恒久担保した。
主な成果:
- GitHub草風ヒートマップの実装（ユニットテスト・描画確認込み）
- 146ファイル・18,440件のテスト全パス → KRW修正後は18,506件パス
- KRW単位対応を生成スクリプトにも横展開して再発防止
詳細: トップページにGitHub草風ヒートマップを実装、テスト18,440件全パス化とKRW単位ラベルの根本修正
4. memory-makersのNEWバッジと5日ぶりの統計チェーン再開（financial-data）
台湾旅行で5日空いた毎朝チェーンを再開し、7/8分の日記4本と統計チェーン全部（39銘柄の決算スナップショット・台湾ODM月次売上6月分14銘柄・台湾総輸出6月分）を回して76ファイルをコミット。月次統計ページで「どの銘柄が更新されたか探すのが面倒、でもずっと強調表示されるのも邪魔」という要望から、データ鮮度で自動点灯・自動消灯するNEWバッジを実装させた。
主な成果:
- dataUpdatedAtによるNEWバッジの自動減衰ロジック（カバレッジ100%）
- 「減少傾向の銘柄はなかったよね？」という自分の記憶を、実データの全35銘柄スキャンで検証（前年割れの例外2銘柄を発見）
詳細: 月次統計カードにNEWバッジを実装 - データ鮮度で自動点灯・自動消灯させる
今日の試行錯誤
| # | テーマ | 試したこと | 結果 | 気づき |
|---|---|---|---|---|
| 1 | 講座カード画像の表示切れ | SVGファイル・本番CDNを順に切り分け | SVG 105件が本番未アップロードと判明 | 「表示が変」の原因はコードより先に配信物の有無を疑う |
| 2 | SVG 105件のアップロード | wrangler実行 → 未ログイン → 認証後1件成功 → 104件並列 | 成功 | 1件で成功を確認してから並列に広げると事故らない |
| 3 | 「表示が変わっちゃった」 | 未コミット差分と開いているタブを確認 | 朝入れた未コミットのMillerViewer.vue変更が原因 | 覚えのない表示変化は未コミット差分から辿る |
| 4 | テスト失敗34件 | 全失敗をファイルに落としてクラスタごとに原因特定 | テスト側が古いもの（triple-beat 18件ほか）とページ・データ側の不備（OGタグ5ページ・KRWラベル）に判定し分けた | 「テストを直すか、コードを直すか」の切り分けが本体 |
| 5 | KRW銘柄の$Bラベル | テスト側でなく生成パイプラインを修正しテスト3層で担保 | 18,506件全パス | データのバグはテストをねじ曲げずに根本から直す |
| 6 | 台湾輸出2025年6月の値 | 「記録値が誤りでは」と疑い周辺月も検証 | 既存データが正しく自分の勘違い | 疑ったら手を入れる前に前後月まで突き合わせる |
| 7 | 見出しの##表示 | バグと誤診しかけてDOMを直接確認 | 意図的な装飾（heading-hash）と判明 → ルール化 | スクリーンショットでなくDOMで判定する |
| 8 | レビュー用画面サイズ | デバイスエミュレーション解除を忘れて表示が固定 | 指摘を受けて解除 | 検証用のエミュレーションは使い終わったら即戻す |
| 9 | 学習ゲートのクイズ | 回答待ちで30分無応答タイムアウト×2 | 約1時間ブロック後に再開してコミット完了 | クイズはブラウザが開いたタイミングで答え切る |
今日の学び
- 旅行費用は航空券が8割前後を占める。宿や食費をいくら削っても総額はほぼ動かない
- 「全部行ったら2,373万円」のような大きな意思決定は、金額そのものより「いつ・誰と行けるか」（子どもの年齢）が順番を決める
- 共通UIはページ側でなくレイアウト側に持たせると、実装漏れという問題自体が消える
- テスト失敗の一括修正は「テストが古い」と「コードのバグ」の切り分けがすべて。バグをテスト側の修正で覆い隠さない
- 自分の記憶（「減少傾向はなかったはず」）は実データのスキャンで検証する。例外は機械が見つけてくれる