[{"data":1,"prerenderedAt":403},["ShallowReactive",2],{"content-/memory-makers-page-split-and-hyperscaler-capex":3,"related-/memory-makers-page-split-and-hyperscaler-capex":350,"all-pages-for-dir":401,"og-image-/memory-makers-page-split-and-hyperscaler-capex":402},{"id":4,"title":5,"body":6,"category":332,"description":333,"extension":334,"meta":335,"navigation":303,"ogImage":336,"path":337,"project_name":338,"published":339,"publishedAt":340,"seo":341,"stem":342,"tags":343,"todo":336,"unpublished":339,"updatedAt":336,"__hash__":349},"pages/2026-06/2026-06-15/memory-makers-page-split-and-hyperscaler-capex.md","/memory-makers をページ分割しハイパースケーラー設備投資の Small Multiples を組んだ",{"type":7,"value":8,"toc":319},"minimark",[9,14,22,28,31,35,40,68,97,100,104,111,114,118,133,143,147,150,157,163,179,186,189,193,196,201,208,211,234,245,252,255,260,263,266,289,292],[10,11,13],"h2",{"id":12},"きっかけ-1ページにいろいろ詰めすぎて見づらくなった","きっかけ: 1ページにいろいろ詰めすぎて見づらくなった",[15,16,17,21],"p",{},[18,19,20],"code",{},"/memory-makers"," を開くたびに、市場全体の話・各メーカーの月次推移・輸出統計が縦に積み上がって、どこに何があるかスクロールで見失うようになっていた。トップページの「メモリーメーカー動向」カード1枚も、中身が混在していて結局リンク先に飛んでから探す動線になっている。",[15,23,24,25,27],{},"そこに加えて、これからハイパースケーラーの設備投資データを Capex チャートとして載せたい。そのまま ",[18,26,20],{}," の下にもう1セクション足すと、縦長スクロールがさらに伸びる。",[15,29,30],{},"ここで一度切ろうと判断した。",[10,32,34],{"id":33},"ハブ4サブページ構成に分割した","ハブ＋4サブページ構成に分割した",[15,36,37,39],{},[18,38,20],{}," をハブにして、内容ごとにサブページへ切り出した。",[41,42,43,50,56,62],"ul",{},[44,45,46,49],"li",{},[18,47,48],{},"/memory-makers/market"," — 市場全体（DRAM/NAND の値動き等）",[44,51,52,55],{},[18,53,54],{},"/memory-makers/makers"," — メーカー別の月次売上推移",[44,57,58,61],{},[18,59,60],{},"/memory-makers/hyperscaler-capex"," — ハイパースケーラーの設備投資（新規）",[44,63,64,67],{},[18,65,66],{},"/memory-makers/exports"," — 輸出の統計",[15,69,70,71,74,75,78,79,78,82,78,85,88,89,92,93,96],{},"ファイル配置は ",[18,72,73],{},"apps/web/app/pages/memory-makers/"," 配下に ",[18,76,77],{},"market.vue"," / ",[18,80,81],{},"makers.vue",[18,83,84],{},"hyperscaler-capex.vue",[18,86,87],{},"exports.vue"," を並べ、",[18,90,91],{},"index.vue"," をハブカード4枚に置き換えた。トップページの ",[18,94,95],{},"/"," も、「メモリーメーカー動向」1枚を4枚に分けて、ハブと同じ並びにそろえた。",[15,98,99],{},"ハブを4枚にしたことで、それぞれのカードが「自分の責務はこれ」と1行で名乗れるようになった。市場の話を見たい人は market、メーカー各社の月次が見たい人は makers、というふうに、入口で分岐できる。",[10,101,103],{"id":102},"ハイパースケーラー-capex-まず年次データを置く","ハイパースケーラー Capex: まず年次データを置く",[15,105,106,107,110],{},"最初は UBS のスプレッドシートから 9 社の 2017〜2028E 年次 Capex（USD billion）を取り、StackedBarChart に積み上げた。データは ",[18,108,109],{},"apps/web/app/data/memory-makers/hyperscalerCapex.ts"," に固定値で書き出している。",[15,112,113],{},"年次は積み上げで全体感を見るには十分だが、設備投資の話は四半期の動きとガイダンスがほしい。次にコイフィンから四半期データを引きに行った。",[10,115,117],{"id":116},"四半期データは-koyfin-から引いた","四半期データは Koyfin から引いた",[15,119,120,121,124,125,128,129,132],{},"既存の Koyfin 取得スクリプトを覗いたら、四半期テーブルに ",[18,122,123],{},"is_actual"," フラグがあり、",[18,126,127],{},"1"," で実績・",[18,130,131],{},"0"," でアナリスト推定（コンセンサス）と区別できる構造になっていた。これなら「直近の実績まで」と「ガイダンス込みの先行き」を同じ系列で繋げられる。",[15,134,135,138,139,142],{},[18,136,137],{},"apps/web/scripts/generate-hyperscaler-capex-quarterly.mjs"," を新しく書いて、7 社（MSFT・GOOGL・AMZN・META・AAPL・ORCL・CRWV）の四半期 Capex を吐き出させ、",[18,140,141],{},"apps/web/app/data/memory-makers/hyperscalerCapexQuarterly.ts"," に保存。実績は CY2025Q3 (MSFT) まで揃い、CY2025Q4 以降はコンセンサスに切り替わる。",[10,144,146],{"id":145},"試行錯誤1-3カラムだと数字が被って読めない","試行錯誤1: 3カラムだと数字が被って読めない",[15,148,149],{},"初手のチャートは、7社を1つのチャートにまとめた積み上げ棒＋小さい small multiples を3カラムで横並びにしていた。",[15,151,152,153,156],{},"画面を出して見たら、X軸ラベルが重なって ",[18,154,155],{},"'24Q1'"," が読めず、Y軸スケールもバーの高さが社ごとにバラバラで頭に入ってこない。",[158,159,160],"blockquote",{},[15,161,162],{},"「これ被ってるんで見えないですね。」",[15,164,165,166,170,171,174,175,178],{},"3カラム×横並びを諦め、",[167,168,169],"strong",{},"個社別の small multiples を縦に1カラムで7枚並べる","構成に組み直した。これで各社が横長のチャートを1つずつ持ち、X軸の ",[18,172,173],{},"'23Q1","〜",[18,176,177],{},"'27Q4"," の四半期ラベルが全部読める。",[15,180,181,182,185],{},"それでも数字が見たい場面はある。各バーに USD billion の値を直接乗せ、実績はソリッド・推定は半透明＋破線、実績と推定の境界に縦点線を入れた。",[18,183,184],{},"apps/web/app/components/memory-makers/HyperscalerCapexSmallMultiples.vue"," として新規コンポーネントに切り出した。",[15,187,188],{},"縦に7枚並ぶので最初は冗長に見えたが、スクロールしながら各社の四半期の動きを順番に追えるので、結果的にこれが正解だった。",[10,190,192],{"id":191},"試行錯誤2-25-q3-が全社実績で揃ったのが気持ち悪い","試行錯誤2: 25-Q3 が全社実績で揃ったのが気持ち悪い",[15,194,195],{},"チャートを眺めていたら違和感が来た。",[158,197,198],{},[15,199,200],{},"「これ25年の休産になってるじゃないですか、全部実績が。それちょっと気になるんですけど、本当ですかこれ。25-Q3」",[15,202,203,204,207],{},"CY2025Q3 (Sep-30-2025) が 7 社全部 ",[18,205,206],{},"is_actual=1"," で実績扱いになっている。今は2026年6月なので決算発表は終わっていてもおかしくはないが、念のため DB を直接見てもらった。",[15,209,210],{},"ここで Claude Code に DB を確認させたところ、もっと厄介な構造に気付いた。",[41,212,213,223],{},[44,214,215,218,219,222],{},[167,216,217],{},"MSFT と ORCL は会計年度がずれている","ため、DB には同じ Sep-30-2025 を含む期間で ",[167,220,221],{},"複数行","が入っていた",[44,224,225,226,233],{},"スクリプトが単純な月→四半期マッピングで拾っていたため、",[167,227,228,229,232],{},"ORCL は会計年度の ",[18,230,231],{},"Jul-31-2025"," を CY2025Q3 として誤採用","し、12,033 という別四半期の数字をチャートに表示していた",[15,235,236,237,244],{},"正しい値は ORCL 8,502。",[167,238,239,240,243],{},"カレンダー四半期末（3/31・6/30・9/30・12/31）に ",[18,241,242],{},"period_ending"," が一致する行のみを採用","するロジックに直したら、ORCL が正しい値に戻った。MSFT も同様のずれが起きていたので、同じロジックで吸収した。",[15,246,247,248,251],{},"ただしこの修正は、過去四半期も含めて全社の値を一度棚卸ししないと安心できない範囲なので、明日以降の引き継ぎ事項として ",[18,249,250],{},"memo/2026-06-15/hyperscaler-capex-handover.md"," にメモを残した。",[10,253,254],{"id":254},"結果",[15,256,257,259],{},[18,258,20],{}," がハブ＋4サブページに分かれ、各カードが「市場」「メーカー」「ハイパースケーラー Capex」「輸出統計」と1行で名乗るようになった。トップページのカードも同じ並びにそろい、入口の解像度が上がった。",[15,261,262],{},"ハイパースケーラー Capex ページは、上部に7社の個社別 small multiples（1カラム×横長、各バーに値）が並び、下に全社合計の積み上げチャートが続く構成。実績と推定が線種で区別され、境界に縦点線が入っているので、どこからがガイダンスかが目で分かる。",[10,264,265],{"id":265},"学び",[41,267,268,274,280],{},[44,269,270,273],{},[167,271,272],{},"1ページに3トピック以上載ったら分割を検討する","。スクロールで探す動線が出てきた時点で、入口を増やしたほうが速い",[44,275,276,279],{},[167,277,278],{},"small multiples は3カラムより1カラム×横長のほうが読める場面がある","。特に「各バーに数字を入れて読ませたい」とき、3カラムだと幅が足りずラベルが潰れる",[44,281,282,285,286,288],{},[167,283,284],{},"Koyfin の四半期テーブルは会計年度がずれる銘柄に注意","。",[18,287,242],{}," がカレンダー四半期末と一致する行だけ採用しないと、別四半期の数字を CY 四半期に紛れ込ませることがある",[10,290,291],{"id":291},"明日やること",[41,293,296,310],{"className":294},[295],"contains-task-list",[44,297,300,305,306,309],{"className":298},[299],"task-list-item",[301,302],"input",{"disabled":303,"type":304},true,"checkbox"," ",[18,307,308],{},"hyperscaler-capex-handover.md"," を見ながら、過去四半期の値を全社スポット確認する",[44,311,313,315,316,318],{"className":312},[299],[301,314],{"disabled":303,"type":304}," ガイダンスとアナリストコンセンサスの取り違えがないか、",[18,317,123],{}," フラグの境界をもう1回検証する",{"title":320,"searchDepth":321,"depth":321,"links":322},"",2,[323,324,325,326,327,328,329,330,331],{"id":12,"depth":321,"text":13},{"id":33,"depth":321,"text":34},{"id":102,"depth":321,"text":103},{"id":116,"depth":321,"text":117},{"id":145,"depth":321,"text":146},{"id":191,"depth":321,"text":192},{"id":254,"depth":321,"text":254},{"id":265,"depth":321,"text":265},{"id":291,"depth":321,"text":291},"dev","/memory-makers が肥大化したので市場・メーカー・ハイパースケーラー・輸出統計の4枚カードに分割し、Koyfin から引いた四半期 Capex を Small Multiples で並べ直した記録。","md",{},null,"/memory-makers-page-split-and-hyperscaler-capex","financial-data",false,"2026-06-15T00:00:00.000Z",{"title":5,"description":333},"2026-06/2026-06-15/memory-makers-page-split-and-hyperscaler-capex",[344,345,346,347,348],"memory-makers","ハイパースケーラー","Capex","Vue","データ可視化","yF8ujK9RNrEiep3aF9ZCTfsBuJsh1lv9ASVIeblUHJw",[351,360,370,385,392],{"title":352,"description":353,"path":354,"tags":355,"publishedAt":359,"updatedAt":336},"台湾OSAT4社のページ整備と韓国品目別半導体輸出のチャート化 — ASE追加からDRAM/NAND/MCP単価分解まで","ASE・Powertech・KYEC・Ardentecの台湾OSAT4社をmemory-makersに整備し、韓国関税庁の品目別輸出（DRAM/NAND/MCP）を$/kg単価まで分解してチャート化した一日の記録。","/osat-pages-and-export-stats",[356,357,358,344,348],"OSAT","半導体","輸出統計","2026-06-11T00:00:00.000Z",{"title":361,"description":362,"path":363,"tags":364,"publishedAt":369,"updatedAt":336},"Micron個別ページを作った（工場マップ＋月間キャパシティ詳細）","/memory-makers/micron を新規作成。USA / Japan / Taiwan の工場地図をSVGで描き、Fab別の月間キャパシティ推移を5マイルストーンで可視化した。3カラムから上下レイアウトへ作り直し、会計四半期に暦月併記を足すまでの過程をまとめる。","/micron-fab-page-with-capacity-map",[365,366,344,347,367,368],"Micron","DRAM","SVG","Nuxt","2026-06-07T00:00:00.000Z",{"title":371,"description":372,"path":373,"tags":374,"publishedAt":384,"updatedAt":336},"memory-makers ページに台湾系3社（Apacer / Phison / Etron）と TSMC・Samsung のチャートを足した日","Samsung のセグメント売上を積み上げ棒に揃え、Apacer・Phison・Etron を新規追加し、TSMC を含めて月次売上＋EPS チャートを差し込んだ。漢字社名が頭に入らないので、表記順をローマ字優先に直した。","/memory-makers-tw-fabless-add-and-charts",[344,375,376,377,378,379,380,381,382,383],"apacer","phison","etron","tsmc","samsung","finmind","turso","vue","nuxt","2026-06-05T00:00:00.000Z",{"title":386,"description":387,"path":388,"tags":389,"publishedAt":391,"updatedAt":336},"メモリーメーカー動向ハブを新設し、DRAM市場シェアの推移を可視化した一日","サムスン電子とSK Hynixの個別ページを揃えたメモリーメーカー動向ハブを新設。会社ごとに違う決算データの構造をどう吸収したか、過去8四半期のDRAM市場シェアをどう可視化したかを記録する。","/memory-makers-hub-dram-share",[390,366,368,348,347],"メモリー半導体","2026-06-02T00:00:00.000Z",{"title":393,"description":394,"path":395,"tags":396,"publishedAt":340,"updatedAt":336},"2026年6月15日の開発日記 - 宅建Phase3完成 / メモリーメーカーズ分割 / Visual Design Essentials","宅建教科書 Phase 3 をクローズし、/memory-makers をハブ＋4サブページに分割。テンバガー論文からFCF散布図トグルを起動、Visual Design Essentials スキルと SSOT 解説を公開記事化した一日。","/2026-06-15-diary",[397,398,344,399,400],"日記","takken","beat-monitoring","デザイン原則",[],"https://log.eurekapu.com/og/blog/memory-makers-page-split-and-hyperscaler-capex.png?v=2026-06-15T00%3A00%3A00.000Z&title=%2Fmemory-makers%20%E3%82%92%E3%83%9A%E3%83%BC%E3%82%B8%E5%88%86%E5%89%B2%E3%81%97%E3%83%8F%E3%82%A4%E3%83%91%E3%83%BC%E3%82%B9%E3%82%B1%E3%83%BC%E3%83%A9%E3%83%BC%E8%A8%AD%E5%82%99%E6%8A%95%E8%B3%87%E3%81%AE%20Small%20Multiples%20%E3%82%92%E7%B5%84%E3%82%93%E3%81%A0&author=Kei%20Komatsu&sig=0458a9351c333153",1781580075721]