daily-log
2026年6月7日の開発日記
日曜日。米国市場は休場で決算系の流入はゼロ。代わりに、前から温めていた「メモリーメーカー個別特集ページ」の第一弾として Micron ページを一気に組み上げた。地図 → Fab詳細 → レイアウト変更 → 暦月併記まで、午後の数時間で着地。
今日のタイムライン
今日やったこと
1. Micron 個別ページの新設（memory-makers/micron）
既存の /memory-makers/dram-fab-capacity は情報密度が高いが、Boise や Manassas や広島が地理的にどこにあるかは文字だけだと頭に入らない。Micron / SK Hynix / Samsung は個別特集を切ったほうが腹落ちする、という判断で第一弾を着工した。
主な成果:
app/data/memory-makers/micronFabs.ts新設（各Fabの所在・稼働年・KWPM時系列）app/components/memory-makers/FactoryLocationMap.vue新設（SVG手描きの地域地図）app/pages/memory-makers/micron.vue新設（USA / Japan / Taiwan の3地域カード）- Fab別の月間キャパシティ推移を5マイルストーンのバー表示で詳細化
- レイアウトを 3カラム → 上下積み に組み替えてマップを広く取れるように修正
- CY/FY 混同防止のため、各時点に暦月（例: 2024/9-11）を併記しセクション冒頭に注記を追加
詳細: Micron個別ページを作った（工場マップ＋月間キャパシティ詳細）
今日の試行錯誤
| # | テーマ | 試したこと | 結果 | 気づき |
|---|---|---|---|---|
| 1 | 工場マップの描画 | 外部地図ライブラリ vs SVG手描き | SVG手描きを採用 | 3地域だけなら手描きパスで十分軽い。ライブラリ導入のコストの方が大きい |
| 2 | 地域カードのレイアウト | 3カラム並列 → 1カラム（左マップ／右内容） → 上下（上マップ／下Fab詳細） | 上下に着地 | マップを大きく見せたいときは横より縦に取った方がいい。Fabカードも視線が下に流れる |
| 3 | Fab別キャパ表示の粒度 | Q1〜Q4の総量だけ → 5マイルストーン（基準＋4ステップ）に拡張 | 5マイルストーン採用 | 「いつ何が動いて月間KWPMがこう増える」が一目で読める。前回比とコメント欄が効く |
| 4 | 四半期キーの暦月変換 | quarter.slice(5) で "FY2025Q1" → "Q1" を取ろうとした | 失敗（"1" が返って辞書ミス） | 画面に出る前に気付けない種類のバグ。暦月欄が空白で発覚。slice(6) で修正 |
| 5 | CY/FY 混同対策 | 会計四半期表記のまま vs 暦月併記＋注記 | 暦月併記を採用 | Micron は FY が暦年とズレる。読者の頭で変換させると事故る |
今日の学び
- 総量ページと特集ページは役割分担できる。総量は横比較、特集は地理＋詳細
- マップは横より縦に大きく取った方が読みやすい。3カラムから上下に組み替えた方が早く決まった
- 暦月併記は決算系コンテンツでは必須レベル。FYのズレを読者に押し付けない
- 画面に出ない種類のバグ（slice の桁ずれで空文字になる）は、空欄が出るUIを先に確認することで早めに拾える
明日やること
- SK Hynix 個別ページ（M14, M16, 無錫など）
- Samsung 個別ページ（華城, 平沢, Xi'an など）
- 3社のFabを同じ世界地図に重ねる比較ビュー