daily-log
2026年5月7日の開発日記
朝から夕方までほぼ eurekapu-nuxt4 の簿記学習コンテンツに集中した。リンク誤りの修正に始まり、学習法ページのリライト、SVG座標の整合、複式簿記入門のタブ化まで、粒の違う改善が連続した。
今日のタイムライン
今日やったこと
1. eurekapu-nuxt4 — 簿記学習アプリのコンテンツ改善
1日を通じて4セッション。フロント・コンテンツ・SVGを横断した。
主な成果:
- レッスンの入口リンクが「現金・小口現金」を指していたので「勉強法全体像」に修正
- No6（利息）のお金アイコンのX座標をNo1（株式）と揃えた
- 学習法ページの対比構造を廃止し、2つのメッセージに整理
- 複式簿記入門に6取引タブコンポーネントと番号付き取引リストを追加
詳細: 簿記学習アプリのコンテンツ改善
2. Claude Code — コンテキスト消費とアップデート
コンテキスト25%消費問題:
セッション開始直後なのにコンテキストが25%消費されていることに気づいた。原因はCLAUDE.md・ルールファイル群・MCP設定などのシステムプロンプトが固定オーバーヘッドとして消費するため。以前からそうだったが、ステータスバーが見えるようになって初めて可視化された。
Claude Codeのアップデート方法:
「Vault（Volta）からミニス（mise）に移行した環境でどうアップデートするか」という疑問。4月23日の記事に記録してあったとおり、現在は公式ネイティブインストーラー版で動いているので、インストーラーを再実行するだけ。
今日の試行錯誤
| # | テーマ | 試したこと | 結果 | 気づき |
|---|---|---|---|---|
| 1 | SVG座標ずれ | No1のX座標をNo6に上書き | 成功 | 旧プロジェクトのSVGはVueファイル内インラインで独立SVGファイルなし |
| 2 | Hydration mismatch | コードを修正しようとした | → 再起動で解決 | まず再起動。コードより先に環境を疑う |
| 3 | 学習法ページ SVG | 2行対比（暗記型vs理解型）を残したまま変更 | 読みにくい | 対比行を削除して1本のフェーズ図に変更したらシンプルに |
| 4 | 番号付きリスト | list-style: none のCSSが上書きしていた | インラインスタイルで強制 | コンポーネント側のグローバルCSSが打ち消していた |
今日の学び
- 「暗記型vs理解型」のような対比構造は相手を批判しないと自分の立場が説明できない構造。削ったら文章が短くなって内容が濃くなった
- 4:6（インプット:アウトプット）は目標値ではなく「丁寧にやると自然にそうなる結果」という説明の方が伝わる
- Hydration mismatchはまず再起動。コードを疑う前に環境を確認する