[{"data":1,"prerenderedAt":307},["ShallowReactive",2],{"content-/nvidia-memory-makers-segments":3,"all-pages-for-dir":305,"og-image-/nvidia-memory-makers-segments":306},{"id":4,"title":5,"body":6,"category":286,"description":287,"extension":288,"meta":289,"navigation":290,"ogImage":291,"path":292,"project_name":293,"published":294,"publishedAt":295,"seo":296,"stem":297,"tags":298,"todo":291,"unpublished":294,"updatedAt":291,"__hash__":304},"pages/2026-06/2026-06-19/nvidia-memory-makers-segments.md","NVIDIA 個別ページを Hyperscale / ACIE / Edge の3層で作り直した",{"type":7,"value":8,"toc":276},"minimark",[9,18,23,32,35,45,48,52,55,61,76,79,83,86,89,97,100,104,107,110,130,133,137,140,143,146,160,163,167,174,239,242,246,249,257,260,263,266,269,272],[10,11,12,13,17],"p",{},"NVIDIA が決算でセグメントを Hyperscale / ACIE / Edge の3層構成に組み替えたという話を朝の決算ニュースで見て、「うちの memory-makers に NVIDIA の個別ページあったっけ？」と気になった。Claude Code に確認させたら、5月22日に四半期売上の SVG だけは置いてあったが、Micron のような個別ページは作っていなかった。Micron カードの隣に NVIDIA カードを並べたいので、今日のうちに ",[14,15,16],"code",{},"nvidia.vue"," を生やすことにした。",[19,20,22],"h2",{"id":21},"micronvue-と同じパターンで-nvidiavue-を生やす","micron.vue と同じパターンで nvidia.vue を生やす",[10,24,25,28,29,31],{},[14,26,27],{},"apps/web/app/pages/memory-makers/micron.vue"," の構造をそのまま雛形にして、 ",[14,30,16],{}," を新規作成させた。market.vue のグリッドに NVIDIA カードを差し込んで、Micron の隣に並ぶように Card 要素を挿入。",[10,33,34],{},"最初の構成はシンプルに、",[36,37,38,42],"ul",{},[39,40,41],"li",{},"上段: 売上全体 QoQ の赤い折れ線（既存の SVG を流用）",[39,43,44],{},"下段: stacked SVG（Hyperscale 緑 / ACIE 青紫 / Edge 橙）",[10,46,47],{},"の2枚だけ載せて dev で表示確認。コンソールエラーゼロ、Micron の隣に NVIDIA カードが綺麗に並んで一旦完成。",[19,49,51],{"id":50},"セグメント別-qoq-subchart-も下に置きたい","「セグメント別 QoQ subchart も下に置きたい」",[10,53,54],{},"ところがチャートを眺めていて、赤い折れ線だけだと「全体としては伸びてるけど、各セグメントがどう貢献してるか」が読めない違和感が出てきた。台湾の月次売上で各メーカーの増減率を並べるのと同じ感覚で、Hyperscale / ACIE / Edge それぞれの QoQ を1枚に重ねたい。",[10,56,57,60],{},[14,58,59],{},"nvidia-revenue-segment-qoq.svg"," を新規で起こしてもらった。Q2'25 から Q1'27 までの8四半期で3本の折れ線を重ね描き。実際に並べてみると、",[36,62,63,70],{},[39,64,65,69],{},[66,67,68],"strong",{},"ACIE が Q2'26 で −20%"," に沈み込む谷",[39,71,72,75],{},[66,73,74],{},"Hyperscale が Q4'25 に +43% でピーク","を打って、Q1'26 で −8% の反動",[10,77,78],{},"が一目で読める形になった。赤い折れ線（全体 QoQ）を残したまま下に置いたので、「全体は伸びてるのにこの四半期だけ ACIE が崩れてる」というような読み取りができる。",[19,80,82],{"id":81},"stacked-svg-の数値ラベル問題","stacked SVG の数値ラベル問題",[10,84,85],{},"stacked SVG を見せたら「数字を全部入れて」と即フィードバックが来た。各バーの中央にセグメント別の値（$B表記）を埋め込む方針で書き換えてもらう。",[10,87,88],{},"色のコントラスト問題で一回つまずいた。Edge の橙は白文字にすると薄くて読めない。緑と紫は逆に黒文字だと潰れる。結局、",[36,90,91,94],{},[39,92,93],{},"Edge（橙）→ 黒文字",[39,95,96],{},"Hyperscale（緑）/ ACIE（青紫）→ 白文字",[10,98,99],{},"に分けて、総額（$M）は従来通りバーの上に乗せた。色ごとに文字色を変えるだけの話だが、「カメラで撮って読めるか」を都度確認しないとだいたい潰れる。",[19,101,103],{"id":102},"acie-の中身を解説するカードを作る","ACIE の中身を解説するカードを作る",[10,105,106],{},"stacked SVG に ACIE が並んだ瞬間、「ACIE って何が入ってるんだっけ？」が自分でも引っかかった。ACIE = AI Clouds + Industrial + Enterprise の3層構成で、Hyperscale（AWS / Azure / GCP / Meta / X / OpenAI 自社購買）に入らない GPU 顧客の受け皿、という構造。",[10,108,109],{},"3層の解説カードを横に並べた。",[36,111,112,118,124],{},[39,113,114,117],{},[66,115,116],{},"AI Clouds",": CoreWeave, Nebius, Lambda, Crusoe, Applied Digital, Yotta（Neo Cloud 系）と、Mistral / NV-Telecom / TWCC / G42 / Stargate UK / Japan / Korea（Sovereign AI 系）",[39,119,120,123],{},[66,121,122],{},"Industrial",": 製造・自動車・ロボティクス向け",[39,125,126,129],{},[66,127,128],{},"Enterprise",": 業務 SaaS / Agentic AI / EDA、加えて防衛・公共",[10,131,132],{},"ここで「AI Clouds カードの中、Neo Cloud と Sovereign AI を点線で分けてほしい」と差し戻し。確かに同じ AI Clouds でも、商業 GPU レンタル業者と国家・公的資金主導のものでは性格がまったく違う。1枚のカードの中で青の点線を引いて、上下に subgroup として分割するレイアウトに書き換えた。",[19,134,136],{"id":135},"palantir-の-ai-モデルって何という疑問","Palantir の AI モデルって何？という疑問",[10,138,139],{},"ここで自分の頭にひっかかった疑問を投げた。「Palantir とかソブリン AI って、サーバーはわかるんだけど、そこで動かしてる \"モデル\" って何？ Claude？ オープンソース？」",[10,141,142],{},"Anthropic が Claude を動かす GPU は CoreWeave 等からレンタルしている、というのは納得感がある。Neo Cloud がそこに入るのは分かる。一方で Palantir AIP は何で動いているのか。",[10,144,145],{},"調べさせて整理した答え:",[36,147,148,154],{},[39,149,150,153],{},[66,151,152],{},"Palantir AIP はモデル中立",": 顧客の選択次第で Anthropic Claude / OpenAI GPT / オープンソース（Llama 系・Mistral 系）を切り替えて動かす設計。プラットフォーム側で特定モデルに縛らない",[39,155,156,159],{},[66,157,158],{},"Sovereign AI も同じ構造",": 計算資源は国家側で持つが、上で動かすモデルは Mistral 系のオープンソースをファインチューンするケースが多い。一部は Anthropic / OpenAI を契約で持ち込むパターンもある",[10,161,162],{},"ここで「Anthropic × Palantir × ペンタゴンの揉め事あったよね？」とユーザーの記憶を確認したくなった。Web 検索を回して事実関係を詰めると、半分以上記憶通りだった。Anthropic の利用規約と Palantir 経由の防衛・諜報機関向け契約のあいだに摩擦があり、Anthropic 側が例外条項を後から作って通したという経緯。Palantir コールアウトに「モデル中立」「Anthropic との摩擦」を両方書き足した。",[19,164,166],{"id":165},"chart-frame-を-expandablechart-に汎用化","chart-frame を ExpandableChart に汎用化",[10,168,169,170,173],{},"ページが伸びてきて、5枚の chart-frame をクリック拡大できるようにしたくなった。最初は1枚ずつ modal 化するコードを書こうとしていたが、5枚に同じパターンを5回書くのは無駄なので、 ",[14,171,172],{},"ExpandableChart"," という汎用コンポーネントに切り出してもらう。",[175,176,181],"pre",{"className":177,"code":178,"language":179,"meta":180,"style":180},"language-vue shiki shiki-themes vitesse-light vitesse-light","\u003CExpandableChart\n  src=\"/memory-makers/nvidia/nvidia-revenue-stacked.svg\"\n  alt=\"NVIDIA Revenue by Segment\"\n/>\n","vue","",[14,182,183,196,217,232],{"__ignoreMap":180},[184,185,188,192],"span",{"class":186,"line":187},"line",1,[184,189,191],{"class":190},"shFtX","\u003C",[184,193,195],{"class":194},"sHkkW","ExpandableChart\n",[184,197,199,203,206,210,214],{"class":186,"line":198},2,[184,200,202],{"class":201},"s4oTP","  src",[184,204,205],{"class":190},"=",[184,207,209],{"class":208},"sMJiu","\"",[184,211,213],{"class":212},"sdGka","/memory-makers/nvidia/nvidia-revenue-stacked.svg",[184,215,216],{"class":208},"\"\n",[184,218,220,223,225,227,230],{"class":186,"line":219},3,[184,221,222],{"class":201},"  alt",[184,224,205],{"class":190},[184,226,209],{"class":208},[184,228,229],{"class":212},"NVIDIA Revenue by Segment",[184,231,216],{"class":208},[184,233,235],{"class":186,"line":234},4,[184,236,238],{"class":237},"sG7-3","/>\n",[10,240,241],{},"中身は SVG を slot で受けて、クリックでモーダル展開するだけのシンプルな wrapper。既存の5枚（売上全体 QoQ / stacked / セグメント別 QoQ / YoY / FY26 構成）を全部 ExpandableChart に置き換えた。後で他ページ（Micron など）にも横展開できるはず。",[19,243,245],{"id":244},"vera-rubin-の量産時期q3-開始で確定","Vera Rubin の量産時期、Q3 開始で確定",[10,247,248],{},"NVIDIA セグメントを語る上で外せないのが Vera Rubin の量産時期。ローカルに置いてある FY27 Q1 決算の全文書き起こしを読み直させた。",[36,250,251,254],{},[39,252,253],{},"230行目: コレットの「Vera Rubin は Q3 から量産出荷開始」",[39,255,256],{},"493行目: ジェンスンが同じく「Q3 ramp」と明言",[10,258,259],{},"「決算後にジェンスンが別の場で Q2 フルプロダクションと言ってる可能性は？」と疑って Web も当てたが、そういう発信は出てこなかった。Q3 開始で確定。本文の Vera Rubin 記述を「Q3 から量産出荷開始」に書き換え。",[10,261,262],{},"Vera Rubin の3つの設計仕様（ターンキー / 推論特化 / 機密コンピューティング）が、そのまま ACIE の特徴と噛み合う構造になっているのは面白い読み。ターンキー Sovereign AI、推論特化 Neo Cloud、機密コンピューティング Enterprise、という対応で書き足した。",[19,264,265],{"id":265},"振り返り",[10,267,268],{},"「ページを1枚追加してほしい」が起点だったが、最終的には NVIDIA のセグメント分類そのものを理解し直す作業になった。チャートを並べる過程で「ACIE って何だっけ」「Palantir のモデルって何だっけ」が連鎖的に出てきて、そのたびに調べて解説カードを書き足した。",[10,270,271],{},"人間がやったのは「赤い折れ線そのまま＋下に subchart」「Neo Cloud と Sovereign AI を点線で分割」「Palantir って何で動いてるの？」の判断と違和感の検出。実装、SVG の値ラベル調整、Vera Rubin の書き起こし照合、Web 検索による事実確認、ExpandableChart の汎用化は全部 Claude Code に回した。「人間が判断する係 / AI が実行する係」の構図が今日もそのままハマった一日。",[273,274,275],"style",{},"html pre.shiki code .shFtX, html code.shiki .shFtX{--shiki-default:#999999;--shiki-dark:#999999}html pre.shiki code .sHkkW, html code.shiki .sHkkW{--shiki-default:#1E754F;--shiki-dark:#1E754F}html pre.shiki code .s4oTP, html code.shiki .s4oTP{--shiki-default:#B07D48;--shiki-dark:#B07D48}html pre.shiki code .sMJiu, html code.shiki .sMJiu{--shiki-default:#B5695977;--shiki-dark:#B5695977}html pre.shiki code .sdGka, html code.shiki .sdGka{--shiki-default:#B56959;--shiki-dark:#B56959}html pre.shiki code .sG7-3, html code.shiki .sG7-3{--shiki-default:#393A34;--shiki-dark:#393A34}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":180,"searchDepth":198,"depth":198,"links":277},[278,279,280,281,282,283,284,285],{"id":21,"depth":198,"text":22},{"id":50,"depth":198,"text":51},{"id":81,"depth":198,"text":82},{"id":102,"depth":198,"text":103},{"id":135,"depth":198,"text":136},{"id":165,"depth":198,"text":166},{"id":244,"depth":198,"text":245},{"id":265,"depth":198,"text":265},"dev","memory-makers に NVIDIA 個別ページを追加。新セグメント Hyperscale / ACIE / Edge に合わせて stacked SVG と QoQ subchart を作り、ACIE の中身 (Neo Cloud / Sovereign AI / Industrial / Enterprise) を Palantir の AI モデル問題まで掘り下げて整理した。","md",{},true,null,"/nvidia-memory-makers-segments","mdx-playground",false,"2026-06-19T00:00:00.000Z",{"title":5,"description":287},"2026-06/2026-06-19/nvidia-memory-makers-segments",[299,300,301,302,303],"NVIDIA","memory-makers","Vue","SVG","セグメント分析","qjz2p_Oaz-iUKYQjIbgLlrWwIU3xjATkPmKO6Uz5AbM",[],"https://log.eurekapu.com/og/blog/nvidia-memory-makers-segments.png?v=2026-06-19T00%3A00%3A00.000Z&title=NVIDIA%20%E5%80%8B%E5%88%A5%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%92%20Hyperscale%20%2F%20ACIE%20%2F%20Edge%20%E3%81%AE3%E5%B1%A4%E3%81%A7%E4%BD%9C%E3%82%8A%E7%9B%B4%E3%81%97%E3%81%9F&author=Kei%20Komatsu&sig=79a0bed39a7323ad",1782176331520]