[{"data":1,"prerenderedAt":3128},["ShallowReactive",2],{"content-/syntax-highlighting-issue-investigation":3,"all-pages-for-dir":3105,"related-/syntax-highlighting-issue-investigation":3106,"og-image-/syntax-highlighting-issue-investigation":3127},{"id":4,"title":5,"body":6,"category":3088,"concepts":3088,"description":3089,"extension":3090,"meta":3091,"navigation":757,"ogImage":3088,"path":3092,"project_name":3088,"published":3093,"publishedAt":3094,"seo":3095,"source":3088,"stem":3096,"tags":3097,"todo":3088,"unpublished":3093,"updatedAt":3094,"__hash__":3104},"pages/2025-11/2025-11-28/syntax-highlighting-issue-investigation.md","シンタックスハイライトが効かない問題の調査と対応",{"type":7,"value":8,"toc":3049},"minimark",[9,12,16,20,24,37,40,53,56,60,70,277,280,284,287,443,448,478,482,485,564,569,593,597,604,657,667,670,681,687,692,789,795,803,816,819,826,830,905,910,920,922,926,930,939,944,947,950,1135,1138,1141,1166,1169,1173,1179,1348,1358,1362,1365,1382,1386,1393,1422,1425,1428,1431,1503,1506,1520,1523,1538,1540,1544,1555,1568,1775,1781,1786,1823,1828,1832,1853,1859,1861,1868,1878,1888,2177,2181,2185,2213,2218,2224,2280,2288,2489,2495,2504,2508,2568,2573,2581,2583,2586,2589,2597,2617,2620,2627,2632,2890,2894,2908,2917,3009,3014,3022,3025,3045],[10,11,5],"h1",{"id":5},[13,14,15],"h2",{"id":15},"問題の概要",[17,18,19],"p",{},"マークダウンファイル内のコードブロック（例: TypeScript, HTML, CSSなど）にシンタックスハイライトが適用されず、すべてのコードが単色で表示される問題が発生。",[21,22,23],"h3",{"id":23},"症状",[25,26,27,31,34],"ul",{},[28,29,30],"li",{},"コードブロック内のキーワード、変数、文字列などが色分けされない",[28,32,33],{},"すべてのテキストが同じ色（デフォルトの黒）で表示",[28,35,36],{},"構文に応じた色の変化がない",[21,38,39],{"id":39},"影響範囲",[25,41,42,50],{},[28,43,44,45,49],{},"すべてのマークダウンファイル（",[46,47,48],"code",{},"apps/web/content/**/*.md","）",[28,51,52],{},"すべての言語（TypeScript, JavaScript, Vue, CSS, HTML など）",[13,54,55],{"id":55},"調査プロセス",[21,57,59],{"id":58},"_1-初期状態の確認","1. 初期状態の確認",[17,61,62,66,67],{},[63,64,65],"strong",{},"設定ファイル",": ",[46,68,69],{},"apps/web/nuxt.config.ts",[71,72,77],"pre",{"className":73,"code":74,"language":75,"meta":76,"style":76},"language-typescript shiki shiki-themes vitesse-light vitesse-light","content: {\n  build: {\n    markdown: {\n      highlight: {\n        theme: {\n          default: \"github-light\",\n          dark: \"github-dark\"\n        },\n        langs: [\n          \"javascript\",\n          \"typescript\",\n          \"vue\",\n          \"css\",\n          // ... その他の言語\n        ]\n      }\n    }\n  }\n}\n","typescript","",[46,78,79,95,105,115,125,135,158,175,181,192,205,216,228,240,247,253,259,265,271],{"__ignoreMap":76},[80,81,84,88,92],"span",{"class":82,"line":83},"line",1,[80,85,87],{"class":86},"senZ8","content",[80,89,91],{"class":90},"shFtX",":",[80,93,94],{"class":90}," {\n",[80,96,98,101,103],{"class":82,"line":97},2,[80,99,100],{"class":86},"  build",[80,102,91],{"class":90},[80,104,94],{"class":90},[80,106,108,111,113],{"class":82,"line":107},3,[80,109,110],{"class":86},"    markdown",[80,112,91],{"class":90},[80,114,94],{"class":90},[80,116,118,121,123],{"class":82,"line":117},4,[80,119,120],{"class":86},"      highlight",[80,122,91],{"class":90},[80,124,94],{"class":90},[80,126,128,131,133],{"class":82,"line":127},5,[80,129,130],{"class":86},"        theme",[80,132,91],{"class":90},[80,134,94],{"class":90},[80,136,138,142,145,149,153,155],{"class":82,"line":137},6,[80,139,141],{"class":140},"sHkkW","          default",[80,143,66],{"class":144},"sG7-3",[80,146,148],{"class":147},"sMJiu","\"",[80,150,152],{"class":151},"sdGka","github-light",[80,154,148],{"class":147},[80,156,157],{"class":90},",\n",[80,159,161,164,166,169,172],{"class":82,"line":160},7,[80,162,163],{"class":86},"          dark",[80,165,91],{"class":90},[80,167,168],{"class":147}," \"",[80,170,171],{"class":151},"github-dark",[80,173,174],{"class":147},"\"\n",[80,176,178],{"class":82,"line":177},8,[80,179,180],{"class":90},"        },\n",[80,182,184,187,189],{"class":82,"line":183},9,[80,185,186],{"class":86},"        langs",[80,188,91],{"class":90},[80,190,191],{"class":90}," [\n",[80,193,195,198,201,203],{"class":82,"line":194},10,[80,196,197],{"class":147},"          \"",[80,199,200],{"class":151},"javascript",[80,202,148],{"class":147},[80,204,157],{"class":90},[80,206,208,210,212,214],{"class":82,"line":207},11,[80,209,197],{"class":147},[80,211,75],{"class":151},[80,213,148],{"class":147},[80,215,157],{"class":90},[80,217,219,221,224,226],{"class":82,"line":218},12,[80,220,197],{"class":147},[80,222,223],{"class":151},"vue",[80,225,148],{"class":147},[80,227,157],{"class":90},[80,229,231,233,236,238],{"class":82,"line":230},13,[80,232,197],{"class":147},[80,234,235],{"class":151},"css",[80,237,148],{"class":147},[80,239,157],{"class":90},[80,241,243],{"class":82,"line":242},14,[80,244,246],{"class":245},"sxvE3","          // ... その他の言語\n",[80,248,250],{"class":82,"line":249},15,[80,251,252],{"class":90},"        ]\n",[80,254,256],{"class":82,"line":255},16,[80,257,258],{"class":90},"      }\n",[80,260,262],{"class":82,"line":261},17,[80,263,264],{"class":90},"    }\n",[80,266,268],{"class":82,"line":267},18,[80,269,270],{"class":90},"  }\n",[80,272,274],{"class":82,"line":273},19,[80,275,276],{"class":90},"}\n",[17,278,279],{},"この設定は正しいパスのように見えた。",[21,281,283],{"id":282},"_2-ブラウザでのhtml構造確認","2. ブラウザでのHTML構造確認",[17,285,286],{},"Chrome DevTools MCPを使用して実際のHTML構造を調査：",[71,288,291],{"className":289,"code":290,"language":200,"meta":76,"style":76},"language-javascript shiki shiki-themes vitesse-light vitesse-light","// 実際のHTML出力\n\u003Cpre class=\"language-html doc__code-block\">\n  \u003Ccode>\n    \u003Cspan class=\"line\">\n      \u003Cspan class=\"sVt8B\"><\u003C/span>\n      \u003Cspan class=\"s9eBZ\">div\u003C/span>\n      // ...\n    \u003C/span>\n  \u003C/code>\n\u003C/pre>\n",[46,292,293,298,322,331,350,382,412,417,426,435],{"__ignoreMap":76},[80,294,295],{"class":82,"line":83},[80,296,297],{"class":245},"// 実際のHTML出力\n",[80,299,300,303,305,309,312,314,317,319],{"class":82,"line":97},[80,301,302],{"class":90},"\u003C",[80,304,71],{"class":140},[80,306,308],{"class":307},"s4oTP"," class",[80,310,311],{"class":90},"=",[80,313,148],{"class":147},[80,315,316],{"class":151},"language-html doc__code-block",[80,318,148],{"class":147},[80,320,321],{"class":90},">\n",[80,323,324,327,329],{"class":82,"line":107},[80,325,326],{"class":90},"  \u003C",[80,328,46],{"class":140},[80,330,321],{"class":90},[80,332,333,336,338,340,342,344,346,348],{"class":82,"line":117},[80,334,335],{"class":90},"    \u003C",[80,337,80],{"class":140},[80,339,308],{"class":307},[80,341,311],{"class":90},[80,343,148],{"class":147},[80,345,82],{"class":151},[80,347,148],{"class":147},[80,349,321],{"class":90},[80,351,352,355,357,359,361,363,366,368,371,375,378,380],{"class":82,"line":127},[80,353,354],{"class":90},"      \u003C",[80,356,80],{"class":140},[80,358,308],{"class":307},[80,360,311],{"class":90},[80,362,148],{"class":147},[80,364,365],{"class":151},"sVt8B",[80,367,148],{"class":147},[80,369,370],{"class":90},">&",[80,372,374],{"class":373},"snbK4","lt",[80,376,377],{"class":90},";\u003C/",[80,379,80],{"class":140},[80,381,321],{"class":90},[80,383,384,386,388,390,392,394,397,399,402,405,408,410],{"class":82,"line":137},[80,385,354],{"class":90},[80,387,80],{"class":140},[80,389,308],{"class":307},[80,391,311],{"class":90},[80,393,148],{"class":147},[80,395,396],{"class":151},"s9eBZ",[80,398,148],{"class":147},[80,400,401],{"class":90},">",[80,403,404],{"class":144},"div",[80,406,407],{"class":90},"\u003C/",[80,409,80],{"class":140},[80,411,321],{"class":90},[80,413,414],{"class":82,"line":160},[80,415,416],{"class":144},"      // ...\n",[80,418,419,422,424],{"class":82,"line":177},[80,420,421],{"class":90},"    \u003C/",[80,423,80],{"class":140},[80,425,321],{"class":90},[80,427,428,431,433],{"class":82,"line":183},[80,429,430],{"class":90},"  \u003C/",[80,432,46],{"class":140},[80,434,321],{"class":90},[80,436,437,439,441],{"class":82,"line":194},[80,438,407],{"class":90},[80,440,71],{"class":140},[80,442,321],{"class":90},[17,444,445,91],{},[63,446,447],{},"発見事項",[25,449,450,463,470],{},[28,451,452,455,456,459,460],{},[46,453,454],{},"\u003Cpre>","要素に",[46,457,458],{},"shiki","クラスが",[63,461,462],{},"付いていない",[28,464,465,466,469],{},"代わりに",[46,467,468],{},"language-html","というクラスが付いている",[28,471,472,455,475,477],{},[46,473,474],{},"\u003Cspan>",[46,476,365],{},"などのクラスは付いている（Shikiのマークアップは生成されている）",[21,479,481],{"id":480},"_3-css-セレクタの確認","3. CSS セレクタの確認",[17,483,484],{},"生成されているCSSルールを確認：",[71,486,489],{"className":487,"code":488,"language":235,"meta":76,"style":76},"language-css shiki shiki-themes vitesse-light vitesse-light","html pre.shiki code .sVt8B,\nhtml code.shiki .sVt8B {\n  --shiki-default: #24292E;\n  --shiki-dark: #E1E4E8;\n}\n",[46,490,491,514,530,546,560],{"__ignoreMap":76},[80,492,493,496,499,502,504,507,510,512],{"class":82,"line":83},[80,494,495],{"class":140},"html",[80,497,498],{"class":140}," pre",[80,500,501],{"class":90},".",[80,503,458],{"class":307},[80,505,506],{"class":140}," code",[80,508,509],{"class":90}," .",[80,511,365],{"class":307},[80,513,157],{"class":90},[80,515,516,518,520,522,524,526,528],{"class":82,"line":97},[80,517,495],{"class":140},[80,519,506],{"class":140},[80,521,501],{"class":90},[80,523,458],{"class":307},[80,525,509],{"class":90},[80,527,365],{"class":307},[80,529,94],{"class":90},[80,531,532,535,537,540,543],{"class":82,"line":107},[80,533,534],{"class":307},"  --shiki-default",[80,536,91],{"class":90},[80,538,539],{"class":90}," #",[80,541,542],{"class":373},"24292E",[80,544,545],{"class":90},";\n",[80,547,548,551,553,555,558],{"class":82,"line":117},[80,549,550],{"class":307},"  --shiki-dark",[80,552,91],{"class":90},[80,554,539],{"class":90},[80,556,557],{"class":373},"E1E4E8",[80,559,545],{"class":90},[80,561,562],{"class":82,"line":127},[80,563,276],{"class":90},[17,565,566,91],{},[63,567,568],{},"問題点",[25,570,571,578,590],{},[28,572,573,574,577],{},"CSSセレクタが",[46,575,576],{},"pre.shiki","を要求している",[28,579,580,581,583,584,586,587,589],{},"実際の",[46,582,454],{},"には",[46,585,458],{},"クラスがない（",[46,588,468],{},"のみ）",[28,591,592],{},"そのため、CSSルールがマッチせず、スタイルが適用されない",[21,594,596],{"id":595},"_4-css変数の確認","4. CSS変数の確認",[17,598,599,600,603],{},"スタイル自体は存在するが、",[46,601,602],{},"color","プロパティに適用されていない：",[71,605,607],{"className":289,"code":606,"language":200,"meta":76,"style":76},"// 計算済みスタイル\n{\n  color: \"rgb(36, 41, 46)\",  // デフォルトの色\n  backgroundColor: \"rgba(0, 0, 0, 0)\"\n}\n",[46,608,609,614,619,639,653],{"__ignoreMap":76},[80,610,611],{"class":82,"line":83},[80,612,613],{"class":245},"// 計算済みスタイル\n",[80,615,616],{"class":82,"line":97},[80,617,618],{"class":90},"{\n",[80,620,621,624,626,628,631,633,636],{"class":82,"line":107},[80,622,623],{"class":86},"  color",[80,625,91],{"class":90},[80,627,168],{"class":147},[80,629,630],{"class":151},"rgb(36, 41, 46)",[80,632,148],{"class":147},[80,634,635],{"class":90},",",[80,637,638],{"class":245},"  // デフォルトの色\n",[80,640,641,644,646,648,651],{"class":82,"line":117},[80,642,643],{"class":86},"  backgroundColor",[80,645,91],{"class":90},[80,647,168],{"class":147},[80,649,650],{"class":151},"rgba(0, 0, 0, 0)",[80,652,174],{"class":147},[80,654,655],{"class":82,"line":127},[80,656,276],{"class":90},[17,658,659,660,663,664,666],{},"CSS変数(",[46,661,662],{},"--shiki-default","など)は定義されているが、実際の",[46,665,602],{},"プロパティとして使用されていない。",[13,668,669],{"id":669},"試したアプローチ",[21,671,673,674,677,678],{"id":672},"アプローチ1-contentbuildmarkdownhighlight-contenthighlight","アプローチ1: ",[46,675,676],{},"content.build.markdown.highlight"," → ",[46,679,680],{},"content.highlight",[17,682,683,686],{},[63,684,685],{},"仮説",": Nuxt Content v3では設定パスが変更されている可能性",[17,688,689,91],{},[63,690,691],{},"変更内容",[71,693,695],{"className":73,"code":694,"language":75,"meta":76,"style":76},"// 変更前\ncontent: {\n  build: {\n    markdown: {\n      highlight: { ... }\n    }\n  }\n}\n\n// 変更後\ncontent: {\n  highlight: { ... }\n}\n",[46,696,697,702,710,718,726,741,745,749,753,759,764,772,785],{"__ignoreMap":76},[80,698,699],{"class":82,"line":83},[80,700,701],{"class":245},"// 変更前\n",[80,703,704,706,708],{"class":82,"line":97},[80,705,87],{"class":86},[80,707,91],{"class":90},[80,709,94],{"class":90},[80,711,712,714,716],{"class":82,"line":107},[80,713,100],{"class":86},[80,715,91],{"class":90},[80,717,94],{"class":90},[80,719,720,722,724],{"class":82,"line":117},[80,721,110],{"class":86},[80,723,91],{"class":90},[80,725,94],{"class":90},[80,727,728,730,732,735,738],{"class":82,"line":127},[80,729,120],{"class":86},[80,731,91],{"class":90},[80,733,734],{"class":90}," {",[80,736,737],{"class":90}," ...",[80,739,740],{"class":90}," }\n",[80,742,743],{"class":82,"line":137},[80,744,264],{"class":90},[80,746,747],{"class":82,"line":160},[80,748,270],{"class":90},[80,750,751],{"class":82,"line":177},[80,752,276],{"class":90},[80,754,755],{"class":82,"line":183},[80,756,758],{"emptyLinePlaceholder":757},true,"\n",[80,760,761],{"class":82,"line":194},[80,762,763],{"class":245},"// 変更後\n",[80,765,766,768,770],{"class":82,"line":207},[80,767,87],{"class":86},[80,769,91],{"class":90},[80,771,94],{"class":90},[80,773,774,777,779,781,783],{"class":82,"line":218},[80,775,776],{"class":86},"  highlight",[80,778,91],{"class":90},[80,780,734],{"class":90},[80,782,737],{"class":90},[80,784,740],{"class":90},[80,786,787],{"class":82,"line":230},[80,788,276],{"class":90},[17,790,791,794],{},[63,792,793],{},"結果",": ❌ エラーが発生",[71,796,801],{"className":797,"code":799,"language":800},[798],"language-text","Package subpath './text' is not defined by \"exports\"\n","text",[46,802,799],{"__ignoreMap":76},[17,804,805,66,808,811,812,815],{},[63,806,807],{},"原因",[46,809,810],{},"langs","配列に",[46,813,814],{},"\"text\"","を追加していたが、Shikiがサポートしていない",[817,818],"hr",{},[21,820,822,823,825],{"id":821},"アプローチ2-text言語を削除して再試行","アプローチ2: ",[46,824,800],{},"言語を削除して再試行",[17,827,828,91],{},[63,829,691],{},[71,831,833],{"className":73,"code":832,"language":75,"meta":76,"style":76},"content: {\n  highlight: {\n    theme: {\n      default: \"github-light\",\n      dark: \"github-dark\"\n    }\n    // langs配列から\"text\"を削除\n  }\n}\n",[46,834,835,843,851,860,875,888,892,897,901],{"__ignoreMap":76},[80,836,837,839,841],{"class":82,"line":83},[80,838,87],{"class":86},[80,840,91],{"class":90},[80,842,94],{"class":90},[80,844,845,847,849],{"class":82,"line":97},[80,846,776],{"class":86},[80,848,91],{"class":90},[80,850,94],{"class":90},[80,852,853,856,858],{"class":82,"line":107},[80,854,855],{"class":86},"    theme",[80,857,91],{"class":90},[80,859,94],{"class":90},[80,861,862,865,867,869,871,873],{"class":82,"line":117},[80,863,864],{"class":140},"      default",[80,866,66],{"class":144},[80,868,148],{"class":147},[80,870,152],{"class":151},[80,872,148],{"class":147},[80,874,157],{"class":90},[80,876,877,880,882,884,886],{"class":82,"line":127},[80,878,879],{"class":86},"      dark",[80,881,91],{"class":90},[80,883,168],{"class":147},[80,885,171],{"class":151},[80,887,174],{"class":147},[80,889,890],{"class":82,"line":137},[80,891,264],{"class":90},[80,893,894],{"class":82,"line":160},[80,895,896],{"class":245},"    // langs配列から\"text\"を削除\n",[80,898,899],{"class":82,"line":177},[80,900,270],{"class":90},[80,902,903],{"class":82,"line":183},[80,904,276],{"class":90},[17,906,907,909],{},[63,908,793],{},": ❌ サーバーは起動するが、ハイライトは効かない",[17,911,912,66,914,916,917,919],{},[63,913,807],{},[46,915,454],{},"要素に依然として",[46,918,458],{},"クラスが付いていない",[817,921],{},[21,923,925],{"id":924},"アプローチ3-元の設定に戻す","アプローチ3: 元の設定に戻す",[17,927,928,91],{},[63,929,691],{},[71,931,933],{"className":73,"code":932,"language":75,"meta":76,"style":76},"// content.highlight から content.build.markdown.highlight に戻す\n",[46,934,935],{"__ignoreMap":76},[80,936,937],{"class":82,"line":83},[80,938,932],{"class":245},[17,940,941,943],{},[63,942,793],{},": ❌ 変わらず",[13,945,946],{"id":946},"根本原因",[17,948,949],{},"Nuxt Content v3では、Shikiが生成するHTMLマークアップとCSSセレクタに不一致が存在：",[951,952,953,1034,1112],"ol",{},[28,954,955,958,959],{},[63,956,957],{},"期待される構造"," (CSSセレクタ):",[71,960,963],{"className":961,"code":962,"language":495,"meta":76,"style":76},"language-html shiki shiki-themes vitesse-light vitesse-light","\u003Cpre class=\"shiki\">\n  \u003Ccode>\n    \u003Cspan class=\"sVt8B\">...\u003C/span>\n  \u003C/code>\n\u003C/pre>\n",[46,964,965,983,991,1018,1026],{"__ignoreMap":76},[80,966,967,969,971,973,975,977,979,981],{"class":82,"line":83},[80,968,302],{"class":90},[80,970,71],{"class":140},[80,972,308],{"class":307},[80,974,311],{"class":90},[80,976,148],{"class":147},[80,978,458],{"class":151},[80,980,148],{"class":147},[80,982,321],{"class":90},[80,984,985,987,989],{"class":82,"line":97},[80,986,326],{"class":90},[80,988,46],{"class":140},[80,990,321],{"class":90},[80,992,993,995,997,999,1001,1003,1005,1007,1009,1012,1014,1016],{"class":82,"line":107},[80,994,335],{"class":90},[80,996,80],{"class":140},[80,998,308],{"class":307},[80,1000,311],{"class":90},[80,1002,148],{"class":147},[80,1004,365],{"class":151},[80,1006,148],{"class":147},[80,1008,401],{"class":90},[80,1010,1011],{"class":144},"...",[80,1013,407],{"class":90},[80,1015,80],{"class":140},[80,1017,321],{"class":90},[80,1019,1020,1022,1024],{"class":82,"line":117},[80,1021,430],{"class":90},[80,1023,46],{"class":140},[80,1025,321],{"class":90},[80,1027,1028,1030,1032],{"class":82,"line":127},[80,1029,407],{"class":90},[80,1031,71],{"class":140},[80,1033,321],{"class":90},[28,1035,1036,91,1039],{},[63,1037,1038],{},"実際の構造",[71,1040,1042],{"className":961,"code":1041,"language":495,"meta":76,"style":76},"\u003Cpre class=\"language-html doc__code-block\">\n  \u003Ccode>\n    \u003Cspan class=\"sVt8B\">...\u003C/span>\n  \u003C/code>\n\u003C/pre>\n",[46,1043,1044,1062,1070,1096,1104],{"__ignoreMap":76},[80,1045,1046,1048,1050,1052,1054,1056,1058,1060],{"class":82,"line":83},[80,1047,302],{"class":90},[80,1049,71],{"class":140},[80,1051,308],{"class":307},[80,1053,311],{"class":90},[80,1055,148],{"class":147},[80,1057,316],{"class":151},[80,1059,148],{"class":147},[80,1061,321],{"class":90},[80,1063,1064,1066,1068],{"class":82,"line":97},[80,1065,326],{"class":90},[80,1067,46],{"class":140},[80,1069,321],{"class":90},[80,1071,1072,1074,1076,1078,1080,1082,1084,1086,1088,1090,1092,1094],{"class":82,"line":107},[80,1073,335],{"class":90},[80,1075,80],{"class":140},[80,1077,308],{"class":307},[80,1079,311],{"class":90},[80,1081,148],{"class":147},[80,1083,365],{"class":151},[80,1085,148],{"class":147},[80,1087,401],{"class":90},[80,1089,1011],{"class":144},[80,1091,407],{"class":90},[80,1093,80],{"class":140},[80,1095,321],{"class":90},[80,1097,1098,1100,1102],{"class":82,"line":117},[80,1099,430],{"class":90},[80,1101,46],{"class":140},[80,1103,321],{"class":90},[80,1105,1106,1108,1110],{"class":82,"line":127},[80,1107,407],{"class":90},[80,1109,71],{"class":140},[80,1111,321],{"class":90},[28,1113,1114,91,1117],{},[63,1115,1116],{},"CSS変数の適用不足",[25,1118,1119,1128],{},[28,1120,659,1121,1123,1124,1127],{},[46,1122,662],{},", ",[46,1125,1126],{},"--shiki-dark",")は定義される",[28,1129,1130,1131,1134],{},"しかし、",[46,1132,1133],{},"color: var(--shiki-default)","のような使用が行われていない",[13,1136,1137],{"id":1137},"未解決の状態",[17,1139,1140],{},"現時点では以下の状態：",[25,1142,1143,1150,1153,1160,1163],{},[28,1144,1145,1146,1149],{},"✅ Shikiのマークアップ（",[46,1147,1148],{},"\u003Cspan class=\"sVt8B\">","など）は生成されている",[28,1151,1152],{},"✅ CSS変数は定義されている",[28,1154,1155,1156,455,1158,919],{},"❌ ",[46,1157,454],{},[46,1159,458],{},[28,1161,1162],{},"❌ CSSセレクタがマッチしない",[28,1164,1165],{},"❌ シンタックスハイライトが表示されない",[13,1167,1168],{"id":1168},"次のステップ候補",[21,1170,1172],{"id":1171},"オプション1-カスタムcssを追加","オプション1: カスタムCSSを追加",[17,1174,1175,1178],{},[46,1176,1177],{},".language-*","クラスでもハイライトが効くようにCSSを追加：",[71,1180,1182],{"className":487,"code":1181,"language":235,"meta":76,"style":76},"/* app.vue または global.css に追加 */\npre.language-html code .sVt8B,\npre.language-typescript code .sVt8B,\npre.language-javascript code .sVt8B,\n/* ... 他の言語 */ {\n  color: var(--shiki-default);\n}\n\n/* ダークモード */\n@media (prefers-color-scheme: dark) {\n  pre.language-html code .sVt8B,\n  /* ... */ {\n    color: var(--shiki-dark);\n  }\n}\n",[46,1183,1184,1189,1205,1222,1239,1246,1264,1268,1272,1277,1301,1318,1325,1340,1344],{"__ignoreMap":76},[80,1185,1186],{"class":82,"line":83},[80,1187,1188],{"class":245},"/* app.vue または global.css に追加 */\n",[80,1190,1191,1193,1195,1197,1199,1201,1203],{"class":82,"line":97},[80,1192,71],{"class":140},[80,1194,501],{"class":90},[80,1196,468],{"class":307},[80,1198,506],{"class":140},[80,1200,509],{"class":90},[80,1202,365],{"class":307},[80,1204,157],{"class":90},[80,1206,1207,1209,1211,1214,1216,1218,1220],{"class":82,"line":107},[80,1208,71],{"class":140},[80,1210,501],{"class":90},[80,1212,1213],{"class":307},"language-typescript",[80,1215,506],{"class":140},[80,1217,509],{"class":90},[80,1219,365],{"class":307},[80,1221,157],{"class":90},[80,1223,1224,1226,1228,1231,1233,1235,1237],{"class":82,"line":117},[80,1225,71],{"class":140},[80,1227,501],{"class":90},[80,1229,1230],{"class":307},"language-javascript",[80,1232,506],{"class":140},[80,1234,509],{"class":90},[80,1236,365],{"class":307},[80,1238,157],{"class":90},[80,1240,1241,1244],{"class":82,"line":127},[80,1242,1243],{"class":245},"/* ... 他の言語 */",[80,1245,94],{"class":90},[80,1247,1248,1251,1253,1256,1259,1261],{"class":82,"line":137},[80,1249,623],{"class":1250},"sz8Xr",[80,1252,91],{"class":90},[80,1254,1255],{"class":1250}," var",[80,1257,1258],{"class":90},"(",[80,1260,662],{"class":307},[80,1262,1263],{"class":90},");\n",[80,1265,1266],{"class":82,"line":160},[80,1267,276],{"class":90},[80,1269,1270],{"class":82,"line":177},[80,1271,758],{"emptyLinePlaceholder":757},[80,1273,1274],{"class":82,"line":183},[80,1275,1276],{"class":245},"/* ダークモード */\n",[80,1278,1279,1282,1285,1288,1291,1293,1296,1299],{"class":82,"line":194},[80,1280,1281],{"class":90},"@",[80,1283,1284],{"class":140},"media",[80,1286,1287],{"class":90}," (",[80,1289,1290],{"class":144},"prefers-color-scheme",[80,1292,91],{"class":90},[80,1294,1295],{"class":144}," dark",[80,1297,1298],{"class":90},")",[80,1300,94],{"class":90},[80,1302,1303,1306,1308,1310,1312,1314,1316],{"class":82,"line":207},[80,1304,1305],{"class":140},"  pre",[80,1307,501],{"class":90},[80,1309,468],{"class":307},[80,1311,506],{"class":140},[80,1313,509],{"class":90},[80,1315,365],{"class":307},[80,1317,157],{"class":90},[80,1319,1320,1323],{"class":82,"line":218},[80,1321,1322],{"class":245},"  /* ... */",[80,1324,94],{"class":90},[80,1326,1327,1330,1332,1334,1336,1338],{"class":82,"line":230},[80,1328,1329],{"class":1250},"    color",[80,1331,91],{"class":90},[80,1333,1255],{"class":1250},[80,1335,1258],{"class":90},[80,1337,1126],{"class":307},[80,1339,1263],{"class":90},[80,1341,1342],{"class":82,"line":242},[80,1343,270],{"class":90},[80,1345,1346],{"class":82,"line":249},[80,1347,276],{"class":90},[17,1349,1350,1353,1354,1357],{},[63,1351,1352],{},"メリット",": 既存の設定を変更せず、CSSで対応\n",[63,1355,1356],{},"デメリット",": 各クラス・各言語に対して手動でCSSを追加する必要がある",[21,1359,1361],{"id":1360},"オプション2-nuxt-content設定の見直し","オプション2: Nuxt Content設定の見直し",[17,1363,1364],{},"公式ドキュメントを確認して、Nuxt Content v3の正しいハイライト設定を適用：",[25,1366,1367,1376,1379],{},[28,1368,1369,1372,1373],{},[46,1370,1371],{},"@nuxt/content","のバージョン: ",[46,1374,1375],{},"^3.7.1",[28,1377,1378],{},"Shikiのデフォルト動作の確認",[28,1380,1381],{},"カスタムレンダラーの使用を検討",[21,1383,1385],{"id":1384},"オプション3-highlightjsへの切り替え","オプション3: highlight.jsへの切り替え",[17,1387,1388,1389,1392],{},"依存関係に",[46,1390,1391],{},"highlight.js","が含まれているため、Shikiの代わりにhighlight.jsを使用：",[71,1394,1396],{"className":73,"code":1395,"language":75,"meta":76,"style":76},"content: {\n  highlight: false  // Shikiを無効化\n}\n",[46,1397,1398,1406,1418],{"__ignoreMap":76},[80,1399,1400,1402,1404],{"class":82,"line":83},[80,1401,87],{"class":86},[80,1403,91],{"class":90},[80,1405,94],{"class":90},[80,1407,1408,1410,1412,1415],{"class":82,"line":97},[80,1409,776],{"class":86},[80,1411,91],{"class":90},[80,1413,1414],{"class":140}," false",[80,1416,1417],{"class":245},"  // Shikiを無効化\n",[80,1419,1420],{"class":82,"line":107},[80,1421,276],{"class":90},[17,1423,1424],{},"その後、カスタムのhighlight.js統合を実装。",[13,1426,1427],{"id":1427},"参考情報",[21,1429,1430],{"id":1430},"使用しているパッケージバージョン",[71,1432,1436],{"className":1433,"code":1434,"language":1435,"meta":76,"style":76},"language-json shiki shiki-themes vitesse-light vitesse-light","{\n  \"@nuxt/content\": \"^3.7.1\",\n  \"nuxt\": \"^4.1.2\",\n  \"highlight.js\": \"^11.11.1\"\n}\n","json",[46,1437,1438,1442,1462,1482,1499],{"__ignoreMap":76},[80,1439,1440],{"class":82,"line":83},[80,1441,618],{"class":90},[80,1443,1444,1448,1450,1452,1454,1456,1458,1460],{"class":82,"line":97},[80,1445,1447],{"class":1446},"sqvqQ","  \"",[80,1449,1371],{"class":1250},[80,1451,148],{"class":1446},[80,1453,91],{"class":90},[80,1455,168],{"class":147},[80,1457,1375],{"class":151},[80,1459,148],{"class":147},[80,1461,157],{"class":90},[80,1463,1464,1466,1469,1471,1473,1475,1478,1480],{"class":82,"line":107},[80,1465,1447],{"class":1446},[80,1467,1468],{"class":1250},"nuxt",[80,1470,148],{"class":1446},[80,1472,91],{"class":90},[80,1474,168],{"class":147},[80,1476,1477],{"class":151},"^4.1.2",[80,1479,148],{"class":147},[80,1481,157],{"class":90},[80,1483,1484,1486,1488,1490,1492,1494,1497],{"class":82,"line":117},[80,1485,1447],{"class":1446},[80,1487,1391],{"class":1250},[80,1489,148],{"class":1446},[80,1491,91],{"class":90},[80,1493,168],{"class":147},[80,1495,1496],{"class":151},"^11.11.1",[80,1498,174],{"class":147},[80,1500,1501],{"class":82,"line":127},[80,1502,276],{"class":90},[21,1504,1505],{"id":1505},"調査に使用したツール",[25,1507,1508,1514,1517],{},[28,1509,1510,1511,1298],{},"Chrome DevTools MCP (",[46,1512,1513],{},"mcp__chrome-devtools__evaluate_script",[28,1515,1516],{},"Nuxt DevTools",[28,1518,1519],{},"ブラウザの要素検証ツール",[21,1521,1522],{"id":1522},"関連ファイル",[25,1524,1525,1530,1535],{},[28,1526,1527,1529],{},[46,1528,69],{}," - Nuxt設定ファイル",[28,1531,1532,1534],{},[46,1533,48],{}," - 影響を受けるマークダウンファイル",[28,1536,1537],{},"生成されるHTML内のインラインCSS",[817,1539],{},[21,1541,1543],{"id":1542},"アプローチ4-カスタムcss追加属性セレクタ使用","アプローチ4: カスタムCSS追加（属性セレクタ使用）",[17,1545,1546,66,1548,1550,1551,1554],{},[63,1547,685],{},[46,1549,576],{},"の代わりに",[46,1552,1553],{},"pre[class^=\"language-\"]","でセレクタを書けば、既存のCSS変数を利用できる",[17,1556,1557,1559,1560,1563,1564,1567],{},[63,1558,691],{},":\n",[46,1561,1562],{},"apps/web/app/app.vue","の",[46,1565,1566],{},"\u003Cstyle>","セクションに以下を追加：",[71,1569,1571],{"className":487,"code":1570,"language":235,"meta":76,"style":76},"/* Shikiシンタックスハイライト対応: language-*クラスでもCSS変数を適用 */\npre[class^=\"language-\"] code span[class],\npre[class*=\" language-\"] code span[class] {\n  color: var(--shiki-default, inherit);\n}\n\n@media (prefers-color-scheme: dark) {\n  pre[class^=\"language-\"] code span[class],\n  pre[class*=\" language-\"] code span[class] {\n    color: var(--shiki-dark, inherit);\n  }\n}\n",[46,1572,1573,1578,1614,1646,1665,1669,1673,1691,1719,1749,1767,1771],{"__ignoreMap":76},[80,1574,1575],{"class":82,"line":83},[80,1576,1577],{"class":245},"/* Shikiシンタックスハイライト対応: language-*クラスでもCSS変数を適用 */\n",[80,1579,1580,1582,1585,1588,1592,1594,1597,1599,1602,1604,1607,1609,1611],{"class":82,"line":97},[80,1581,71],{"class":140},[80,1583,1584],{"class":90},"[",[80,1586,1587],{"class":307},"class",[80,1589,1591],{"class":1590},"stQ0i","^=",[80,1593,148],{"class":147},[80,1595,1596],{"class":151},"language-",[80,1598,148],{"class":147},[80,1600,1601],{"class":90},"]",[80,1603,506],{"class":140},[80,1605,1606],{"class":140}," span",[80,1608,1584],{"class":90},[80,1610,1587],{"class":307},[80,1612,1613],{"class":90},"],\n",[80,1615,1616,1618,1620,1622,1625,1627,1630,1632,1634,1636,1638,1640,1642,1644],{"class":82,"line":107},[80,1617,71],{"class":140},[80,1619,1584],{"class":90},[80,1621,1587],{"class":307},[80,1623,1624],{"class":1590},"*=",[80,1626,148],{"class":147},[80,1628,1629],{"class":151}," language-",[80,1631,148],{"class":147},[80,1633,1601],{"class":90},[80,1635,506],{"class":140},[80,1637,1606],{"class":140},[80,1639,1584],{"class":90},[80,1641,1587],{"class":307},[80,1643,1601],{"class":90},[80,1645,94],{"class":90},[80,1647,1648,1650,1652,1654,1656,1658,1660,1663],{"class":82,"line":117},[80,1649,623],{"class":1250},[80,1651,91],{"class":90},[80,1653,1255],{"class":1250},[80,1655,1258],{"class":90},[80,1657,662],{"class":307},[80,1659,635],{"class":90},[80,1661,1662],{"class":373}," inherit",[80,1664,1263],{"class":90},[80,1666,1667],{"class":82,"line":127},[80,1668,276],{"class":90},[80,1670,1671],{"class":82,"line":137},[80,1672,758],{"emptyLinePlaceholder":757},[80,1674,1675,1677,1679,1681,1683,1685,1687,1689],{"class":82,"line":160},[80,1676,1281],{"class":90},[80,1678,1284],{"class":140},[80,1680,1287],{"class":90},[80,1682,1290],{"class":144},[80,1684,91],{"class":90},[80,1686,1295],{"class":144},[80,1688,1298],{"class":90},[80,1690,94],{"class":90},[80,1692,1693,1695,1697,1699,1701,1703,1705,1707,1709,1711,1713,1715,1717],{"class":82,"line":177},[80,1694,1305],{"class":140},[80,1696,1584],{"class":90},[80,1698,1587],{"class":307},[80,1700,1591],{"class":1590},[80,1702,148],{"class":147},[80,1704,1596],{"class":151},[80,1706,148],{"class":147},[80,1708,1601],{"class":90},[80,1710,506],{"class":140},[80,1712,1606],{"class":140},[80,1714,1584],{"class":90},[80,1716,1587],{"class":307},[80,1718,1613],{"class":90},[80,1720,1721,1723,1725,1727,1729,1731,1733,1735,1737,1739,1741,1743,1745,1747],{"class":82,"line":183},[80,1722,1305],{"class":140},[80,1724,1584],{"class":90},[80,1726,1587],{"class":307},[80,1728,1624],{"class":1590},[80,1730,148],{"class":147},[80,1732,1629],{"class":151},[80,1734,148],{"class":147},[80,1736,1601],{"class":90},[80,1738,506],{"class":140},[80,1740,1606],{"class":140},[80,1742,1584],{"class":90},[80,1744,1587],{"class":307},[80,1746,1601],{"class":90},[80,1748,94],{"class":90},[80,1750,1751,1753,1755,1757,1759,1761,1763,1765],{"class":82,"line":194},[80,1752,1329],{"class":1250},[80,1754,91],{"class":90},[80,1756,1255],{"class":1250},[80,1758,1258],{"class":90},[80,1760,1126],{"class":307},[80,1762,635],{"class":90},[80,1764,1662],{"class":373},[80,1766,1263],{"class":90},[80,1768,1769],{"class":82,"line":207},[80,1770,270],{"class":90},[80,1772,1773],{"class":82,"line":218},[80,1774,276],{"class":90},[17,1776,1777,1780],{},[63,1778,1779],{},"実装日時",": 2025-11-28",[17,1782,1783,91],{},[63,1784,1785],{},"アプローチの詳細",[25,1787,1788,1799,1805,1816],{},[28,1789,1790,1791,1123,1793,1795,1796,1798],{},"Shikiが生成するCSS変数（",[46,1792,662],{},[46,1794,1126],{},"）はすでに各",[46,1797,474],{},"要素に定義されている",[28,1800,1801,1802,1804],{},"しかし、それらを",[46,1803,602],{},"プロパティとして使用するCSSルールがマッチしていない",[28,1806,1807,1809,1810,1812,1813,1815],{},[46,1808,1553],{},"（",[46,1811,1596],{},"で始まるクラス）という属性セレクタを使用することで、",[46,1814,576],{},"を期待するオリジナルのCSSルールの代わりに動作させる",[28,1817,1818,1819,1822],{},"すべてのShikiクラス（",[46,1820,1821],{},"span[class]","）に対して一括で適用されるため、個別のクラスごとにルールを書く必要がない",[17,1824,1825,1827],{},[63,1826,793],{},": 🔄 部分的に効果あり（追加改善が必要）",[17,1829,1830,91],{},[63,1831,568],{},[25,1833,1834,1840,1846],{},[28,1835,1836,1837,1839],{},"Shikiが生成するCSS変数定義ルールも",[46,1838,576],{},"セレクタを要求している",[28,1841,1842,1843,1845],{},"つまり、",[46,1844,576],{},"がないと、CSS変数自体が定義されない",[28,1847,1848,1849,1852],{},"カスタムCSSで",[46,1850,1851],{},"var(--shiki-default)","を使っても、変数が未定義のため効果なし",[17,1854,1855,1858],{},[63,1856,1857],{},"改善策",": アプローチ5に進む",[817,1860],{},[21,1862,1864,1865,1867],{"id":1863},"アプローチ5-javascriptでshikiクラスを動的追加","アプローチ5: JavaScriptで",[46,1866,458],{},"クラスを動的追加",[17,1869,1870,66,1872,455,1875,1877],{},[63,1871,685],{},[46,1873,1874],{},"\u003Cpre class=\"language-*\">",[46,1876,458],{},"クラスを追加すれば、既存のShiki CSSルールがそのまま動作する",[17,1879,1880,1559,1882,1563,1884,1887],{},[63,1881,691],{},[46,1883,1562],{},[46,1885,1886],{},"\u003Cscript setup>","セクションを追加：",[71,1889,1891],{"className":73,"code":1890,"language":75,"meta":76,"style":76},"import { onMounted } from 'vue'\n\n// Shikiクラス追加: language-*クラスを持つpre要素にshikiクラスを追加\nonMounted(() => {\n  const addShikiClass = () => {\n    const preElements = document.querySelectorAll('pre[class^=\"language-\"], pre[class*=\" language-\"]')\n    preElements.forEach(el => {\n      if (!el.classList.contains('shiki')) {\n        el.classList.add('shiki')\n      }\n    })\n  }\n\n  // 初回実行\n  addShikiClass()\n\n  // ルート変更時にも実行（Nuxtのクライアントサイドナビゲーション対応）\n  const observer = new MutationObserver(addShikiClass)\n  observer.observe(document.body, { childList: true, subtree: true })\n})\n",[46,1892,1893,1917,1921,1926,1939,1957,1988,2007,2042,2066,2070,2075,2079,2083,2088,2096,2100,2105,2126,2171],{"__ignoreMap":76},[80,1894,1895,1898,1900,1903,1906,1909,1912,1914],{"class":82,"line":83},[80,1896,1897],{"class":140},"import",[80,1899,734],{"class":90},[80,1901,1902],{"class":307}," onMounted",[80,1904,1905],{"class":90}," }",[80,1907,1908],{"class":140}," from",[80,1910,1911],{"class":147}," '",[80,1913,223],{"class":151},[80,1915,1916],{"class":147},"'\n",[80,1918,1919],{"class":82,"line":97},[80,1920,758],{"emptyLinePlaceholder":757},[80,1922,1923],{"class":82,"line":107},[80,1924,1925],{"class":245},"// Shikiクラス追加: language-*クラスを持つpre要素にshikiクラスを追加\n",[80,1927,1928,1931,1934,1937],{"class":82,"line":117},[80,1929,1930],{"class":86},"onMounted",[80,1932,1933],{"class":90},"(()",[80,1935,1936],{"class":90}," =>",[80,1938,94],{"class":90},[80,1940,1941,1944,1947,1950,1953,1955],{"class":82,"line":127},[80,1942,1943],{"class":1590},"  const ",[80,1945,1946],{"class":86},"addShikiClass",[80,1948,1949],{"class":90}," =",[80,1951,1952],{"class":90}," ()",[80,1954,1936],{"class":90},[80,1956,94],{"class":90},[80,1958,1959,1962,1965,1967,1970,1972,1975,1977,1980,1983,1985],{"class":82,"line":137},[80,1960,1961],{"class":1590},"    const ",[80,1963,1964],{"class":307},"preElements",[80,1966,1949],{"class":90},[80,1968,1969],{"class":307}," document",[80,1971,501],{"class":90},[80,1973,1974],{"class":86},"querySelectorAll",[80,1976,1258],{"class":90},[80,1978,1979],{"class":147},"'",[80,1981,1982],{"class":151},"pre[class^=\"language-\"], pre[class*=\" language-\"]",[80,1984,1979],{"class":147},[80,1986,1987],{"class":90},")\n",[80,1989,1990,1993,1995,1998,2000,2003,2005],{"class":82,"line":160},[80,1991,1992],{"class":307},"    preElements",[80,1994,501],{"class":90},[80,1996,1997],{"class":86},"forEach",[80,1999,1258],{"class":90},[80,2001,2002],{"class":307},"el",[80,2004,1936],{"class":90},[80,2006,94],{"class":90},[80,2008,2009,2012,2014,2017,2019,2021,2024,2026,2029,2031,2033,2035,2037,2040],{"class":82,"line":177},[80,2010,2011],{"class":140},"      if",[80,2013,1287],{"class":90},[80,2015,2016],{"class":1590},"!",[80,2018,2002],{"class":307},[80,2020,501],{"class":90},[80,2022,2023],{"class":307},"classList",[80,2025,501],{"class":90},[80,2027,2028],{"class":86},"contains",[80,2030,1258],{"class":90},[80,2032,1979],{"class":147},[80,2034,458],{"class":151},[80,2036,1979],{"class":147},[80,2038,2039],{"class":90},"))",[80,2041,94],{"class":90},[80,2043,2044,2047,2049,2051,2053,2056,2058,2060,2062,2064],{"class":82,"line":183},[80,2045,2046],{"class":307},"        el",[80,2048,501],{"class":90},[80,2050,2023],{"class":307},[80,2052,501],{"class":90},[80,2054,2055],{"class":86},"add",[80,2057,1258],{"class":90},[80,2059,1979],{"class":147},[80,2061,458],{"class":151},[80,2063,1979],{"class":147},[80,2065,1987],{"class":90},[80,2067,2068],{"class":82,"line":194},[80,2069,258],{"class":90},[80,2071,2072],{"class":82,"line":207},[80,2073,2074],{"class":90},"    })\n",[80,2076,2077],{"class":82,"line":218},[80,2078,270],{"class":90},[80,2080,2081],{"class":82,"line":230},[80,2082,758],{"emptyLinePlaceholder":757},[80,2084,2085],{"class":82,"line":242},[80,2086,2087],{"class":245},"  // 初回実行\n",[80,2089,2090,2093],{"class":82,"line":249},[80,2091,2092],{"class":86},"  addShikiClass",[80,2094,2095],{"class":90},"()\n",[80,2097,2098],{"class":82,"line":255},[80,2099,758],{"emptyLinePlaceholder":757},[80,2101,2102],{"class":82,"line":261},[80,2103,2104],{"class":245},"  // ルート変更時にも実行（Nuxtのクライアントサイドナビゲーション対応）\n",[80,2106,2107,2109,2112,2114,2117,2120,2122,2124],{"class":82,"line":267},[80,2108,1943],{"class":1590},[80,2110,2111],{"class":307},"observer",[80,2113,1949],{"class":90},[80,2115,2116],{"class":1590}," new ",[80,2118,2119],{"class":86},"MutationObserver",[80,2121,1258],{"class":90},[80,2123,1946],{"class":307},[80,2125,1987],{"class":90},[80,2127,2128,2131,2133,2136,2138,2141,2143,2146,2148,2151,2154,2156,2159,2161,2164,2166,2168],{"class":82,"line":273},[80,2129,2130],{"class":307},"  observer",[80,2132,501],{"class":90},[80,2134,2135],{"class":86},"observe",[80,2137,1258],{"class":90},[80,2139,2140],{"class":307},"document",[80,2142,501],{"class":90},[80,2144,2145],{"class":307},"body",[80,2147,635],{"class":90},[80,2149,2150],{"class":90}," { ",[80,2152,2153],{"class":1250},"childList",[80,2155,66],{"class":90},[80,2157,2158],{"class":140},"true",[80,2160,1123],{"class":90},[80,2162,2163],{"class":1250},"subtree",[80,2165,66],{"class":90},[80,2167,2158],{"class":140},[80,2169,2170],{"class":90}," })\n",[80,2172,2174],{"class":82,"line":2173},20,[80,2175,2176],{"class":90},"})\n",[17,2178,2179,1780],{},[63,2180,1779],{},[17,2182,2183,91],{},[63,2184,1785],{},[25,2186,2187,2195,2205,2210],{},[28,2188,2189,2190,455,2192,2194],{},"根本原因は",[46,2191,454],{},[46,2193,458],{},"クラスが付いていないこと",[28,2196,2197,2198,2200,2201,2204],{},"JavaScriptでDOM操作により",[46,2199,458],{},"クラスを追加することで、既存のShiki CSSルール（",[46,2202,2203],{},"pre.shiki code .sVt8B","など）がマッチするようになる",[28,2206,2207,2209],{},[46,2208,2119],{},"を使用して、クライアントサイドナビゲーション後も動作を保証",[28,2211,2212],{},"既存のShikiが生成するCSSをそのまま活用できるため、個別のクラスやCSS変数を定義する必要がない",[17,2214,2215,2217],{},[63,2216,793],{},": ✅ 成功",[17,2219,2220,2223],{},[63,2221,2222],{},"検証結果",":\nChrome DevToolsで確認した結果：",[951,2225,2226,2253,2264],{},[28,2227,2228,2229,455,2231,2233,2234],{},"✅ ",[46,2230,454],{},[46,2232,458],{},"クラスが正常に追加されている",[71,2235,2237],{"className":289,"code":2236,"language":200,"meta":76,"style":76},"// 実際のクラス\n\"language-typescript shiki doc__code-block\"\n",[46,2238,2239,2244],{"__ignoreMap":76},[80,2240,2241],{"class":82,"line":83},[80,2242,2243],{"class":245},"// 実際のクラス\n",[80,2245,2246,2248,2251],{"class":82,"line":97},[80,2247,148],{"class":147},[80,2249,2250],{"class":151},"language-typescript shiki doc__code-block",[80,2252,174],{"class":147},[28,2254,2255,2256],{},"✅ シンタックスハイライトが適用されている",[25,2257,2258,2261],{},[28,2259,2260],{},"8種類の色で構文が色分けされている",[28,2262,2263],{},"332個のspan要素すべてに適切な色が適用",[28,2265,2266,2267],{},"✅ CSSルールがマッチしている",[25,2268,2269,2274],{},[28,2270,2271,2273],{},[46,2272,2203],{},"などのセレクタが正常に動作",[28,2275,2276,2277,2279],{},"CSS変数が定義され、",[46,2278,602],{},"プロパティとして使用されている",[17,2281,2282,1559,2285,2287],{},[63,2283,2284],{},"JavaScriptコード",[46,2286,1562],{},"に追加したコードが正常に動作：",[71,2289,2291],{"className":73,"code":2290,"language":75,"meta":76,"style":76},"onMounted(() => {\n  const addShikiClass = () => {\n    const preElements = document.querySelectorAll('pre[class^=\"language-\"], pre[class*=\" language-\"]')\n    preElements.forEach(el => {\n      if (!el.classList.contains('shiki')) {\n        el.classList.add('shiki')\n      }\n    })\n  }\n\n  addShikiClass()\n  const observer = new MutationObserver(addShikiClass)\n  observer.observe(document.body, { childList: true, subtree: true })\n})\n",[46,2292,2293,2303,2317,2341,2357,2387,2409,2413,2417,2421,2425,2431,2449,2485],{"__ignoreMap":76},[80,2294,2295,2297,2299,2301],{"class":82,"line":83},[80,2296,1930],{"class":86},[80,2298,1933],{"class":90},[80,2300,1936],{"class":90},[80,2302,94],{"class":90},[80,2304,2305,2307,2309,2311,2313,2315],{"class":82,"line":97},[80,2306,1943],{"class":1590},[80,2308,1946],{"class":86},[80,2310,1949],{"class":90},[80,2312,1952],{"class":90},[80,2314,1936],{"class":90},[80,2316,94],{"class":90},[80,2318,2319,2321,2323,2325,2327,2329,2331,2333,2335,2337,2339],{"class":82,"line":107},[80,2320,1961],{"class":1590},[80,2322,1964],{"class":307},[80,2324,1949],{"class":90},[80,2326,1969],{"class":307},[80,2328,501],{"class":90},[80,2330,1974],{"class":86},[80,2332,1258],{"class":90},[80,2334,1979],{"class":147},[80,2336,1982],{"class":151},[80,2338,1979],{"class":147},[80,2340,1987],{"class":90},[80,2342,2343,2345,2347,2349,2351,2353,2355],{"class":82,"line":117},[80,2344,1992],{"class":307},[80,2346,501],{"class":90},[80,2348,1997],{"class":86},[80,2350,1258],{"class":90},[80,2352,2002],{"class":307},[80,2354,1936],{"class":90},[80,2356,94],{"class":90},[80,2358,2359,2361,2363,2365,2367,2369,2371,2373,2375,2377,2379,2381,2383,2385],{"class":82,"line":127},[80,2360,2011],{"class":140},[80,2362,1287],{"class":90},[80,2364,2016],{"class":1590},[80,2366,2002],{"class":307},[80,2368,501],{"class":90},[80,2370,2023],{"class":307},[80,2372,501],{"class":90},[80,2374,2028],{"class":86},[80,2376,1258],{"class":90},[80,2378,1979],{"class":147},[80,2380,458],{"class":151},[80,2382,1979],{"class":147},[80,2384,2039],{"class":90},[80,2386,94],{"class":90},[80,2388,2389,2391,2393,2395,2397,2399,2401,2403,2405,2407],{"class":82,"line":137},[80,2390,2046],{"class":307},[80,2392,501],{"class":90},[80,2394,2023],{"class":307},[80,2396,501],{"class":90},[80,2398,2055],{"class":86},[80,2400,1258],{"class":90},[80,2402,1979],{"class":147},[80,2404,458],{"class":151},[80,2406,1979],{"class":147},[80,2408,1987],{"class":90},[80,2410,2411],{"class":82,"line":160},[80,2412,258],{"class":90},[80,2414,2415],{"class":82,"line":177},[80,2416,2074],{"class":90},[80,2418,2419],{"class":82,"line":183},[80,2420,270],{"class":90},[80,2422,2423],{"class":82,"line":194},[80,2424,758],{"emptyLinePlaceholder":757},[80,2426,2427,2429],{"class":82,"line":207},[80,2428,2092],{"class":86},[80,2430,2095],{"class":90},[80,2432,2433,2435,2437,2439,2441,2443,2445,2447],{"class":82,"line":218},[80,2434,1943],{"class":1590},[80,2436,2111],{"class":307},[80,2438,1949],{"class":90},[80,2440,2116],{"class":1590},[80,2442,2119],{"class":86},[80,2444,1258],{"class":90},[80,2446,1946],{"class":307},[80,2448,1987],{"class":90},[80,2450,2451,2453,2455,2457,2459,2461,2463,2465,2467,2469,2471,2473,2475,2477,2479,2481,2483],{"class":82,"line":230},[80,2452,2130],{"class":307},[80,2454,501],{"class":90},[80,2456,2135],{"class":86},[80,2458,1258],{"class":90},[80,2460,2140],{"class":307},[80,2462,501],{"class":90},[80,2464,2145],{"class":307},[80,2466,635],{"class":90},[80,2468,2150],{"class":90},[80,2470,2153],{"class":1250},[80,2472,66],{"class":90},[80,2474,2158],{"class":140},[80,2476,1123],{"class":90},[80,2478,2163],{"class":1250},[80,2480,66],{"class":90},[80,2482,2158],{"class":140},[80,2484,2170],{"class":90},[80,2486,2487],{"class":82,"line":242},[80,2488,2176],{"class":90},[17,2490,2491,2494],{},[63,2492,2493],{},"追加の改善",": テーマの変更",[17,2496,2497,2498,2500,2501,2503],{},"初期テーマ（",[46,2499,152],{}," / ",[46,2502,171],{},"）がカラフルすぎて見づらかったため、よりシンプルなテーマに変更：",[17,2505,2506,91],{},[46,2507,69],{},[71,2509,2511],{"className":73,"code":2510,"language":75,"meta":76,"style":76},"highlight: {\n  theme: {\n    default: \"vitesse-light\",\n    dark: \"vitesse-light\"\n  }\n}\n",[46,2512,2513,2522,2531,2547,2560,2564],{"__ignoreMap":76},[80,2514,2515,2518,2520],{"class":82,"line":83},[80,2516,2517],{"class":86},"highlight",[80,2519,91],{"class":90},[80,2521,94],{"class":90},[80,2523,2524,2527,2529],{"class":82,"line":97},[80,2525,2526],{"class":86},"  theme",[80,2528,91],{"class":90},[80,2530,94],{"class":90},[80,2532,2533,2536,2538,2540,2543,2545],{"class":82,"line":107},[80,2534,2535],{"class":140},"    default",[80,2537,66],{"class":144},[80,2539,148],{"class":147},[80,2541,2542],{"class":151},"vitesse-light",[80,2544,148],{"class":147},[80,2546,157],{"class":90},[80,2548,2549,2552,2554,2556,2558],{"class":82,"line":117},[80,2550,2551],{"class":86},"    dark",[80,2553,91],{"class":90},[80,2555,168],{"class":147},[80,2557,2542],{"class":151},[80,2559,174],{"class":147},[80,2561,2562],{"class":82,"line":127},[80,2563,270],{"class":90},[80,2565,2566],{"class":82,"line":137},[80,2567,276],{"class":90},[17,2569,2570,91],{},[63,2571,2572],{},"注意事項",[25,2574,2575,2578],{},[28,2576,2577],{},"テーマを変更した場合は、開発サーバーを再起動する必要がある（Nuxt Contentはビルド時にCSSを生成するため）",[28,2579,2580],{},"再起動せずにリロードしても、古いテーマの色が表示される",[817,2582],{},[13,2584,2585],{"id":2585},"まとめ",[21,2587,2588],{"id":2588},"問題の根本原因",[17,2590,2591,2592,455,2594,2596],{},"シンタックスハイライトが効かない原因は、Shikiが生成するHTMLの",[46,2593,454],{},[46,2595,458],{},"クラスが付いておらず、CSSセレクタがマッチしないためです。",[25,2598,2599,2605,2614],{},[28,2600,2601,2602],{},"Shikiが生成するCSSルール: ",[46,2603,2604],{},"html pre.shiki code .sVt8B { ... }",[28,2606,2607,2608,1809,2611,2613],{},"実際のHTML: ",[46,2609,2610],{},"\u003Cpre class=\"language-typescript doc__code-block\">",[46,2612,458],{},"クラスが無い）",[28,2615,2616],{},"結果: CSSセレクタがマッチせず、スタイルが適用されない",[21,2618,2619],{"id":2619},"解決策",[17,2621,2622,2626],{},[63,2623,1864,2624,1867],{},[46,2625,458],{}," ✅ 成功",[17,2628,2629,2631],{},[46,2630,1562],{},"に以下のコードを追加：",[71,2633,2635],{"className":73,"code":2634,"language":75,"meta":76,"style":76},"\u003Cscript setup lang=\"ts\">\nimport { onMounted } from 'vue'\n\nonMounted(() => {\n  const addShikiClass = () => {\n    const preElements = document.querySelectorAll('pre[class^=\"language-\"], pre[class*=\" language-\"]')\n    preElements.forEach(el => {\n      if (!el.classList.contains('shiki')) {\n        el.classList.add('shiki')\n      }\n    })\n  }\n\n  addShikiClass()\n  const observer = new MutationObserver(addShikiClass)\n  observer.observe(document.body, { childList: true, subtree: true })\n})\n\u003C/script>\n",[46,2636,2637,2661,2679,2683,2693,2707,2731,2747,2777,2799,2803,2807,2811,2815,2821,2839,2875,2879],{"__ignoreMap":76},[80,2638,2639,2641,2644,2647,2650,2652,2654,2657,2659],{"class":82,"line":83},[80,2640,302],{"class":90},[80,2642,2643],{"class":307},"script",[80,2645,2646],{"class":307}," setup",[80,2648,2649],{"class":307}," lang",[80,2651,311],{"class":90},[80,2653,148],{"class":147},[80,2655,2656],{"class":151},"ts",[80,2658,148],{"class":147},[80,2660,321],{"class":90},[80,2662,2663,2665,2667,2669,2671,2673,2675,2677],{"class":82,"line":97},[80,2664,1897],{"class":140},[80,2666,734],{"class":90},[80,2668,1902],{"class":307},[80,2670,1905],{"class":90},[80,2672,1908],{"class":140},[80,2674,1911],{"class":147},[80,2676,223],{"class":151},[80,2678,1916],{"class":147},[80,2680,2681],{"class":82,"line":107},[80,2682,758],{"emptyLinePlaceholder":757},[80,2684,2685,2687,2689,2691],{"class":82,"line":117},[80,2686,1930],{"class":86},[80,2688,1933],{"class":90},[80,2690,1936],{"class":90},[80,2692,94],{"class":90},[80,2694,2695,2697,2699,2701,2703,2705],{"class":82,"line":127},[80,2696,1943],{"class":1590},[80,2698,1946],{"class":86},[80,2700,1949],{"class":90},[80,2702,1952],{"class":90},[80,2704,1936],{"class":90},[80,2706,94],{"class":90},[80,2708,2709,2711,2713,2715,2717,2719,2721,2723,2725,2727,2729],{"class":82,"line":137},[80,2710,1961],{"class":1590},[80,2712,1964],{"class":307},[80,2714,1949],{"class":90},[80,2716,1969],{"class":307},[80,2718,501],{"class":90},[80,2720,1974],{"class":86},[80,2722,1258],{"class":90},[80,2724,1979],{"class":147},[80,2726,1982],{"class":151},[80,2728,1979],{"class":147},[80,2730,1987],{"class":90},[80,2732,2733,2735,2737,2739,2741,2743,2745],{"class":82,"line":160},[80,2734,1992],{"class":307},[80,2736,501],{"class":90},[80,2738,1997],{"class":86},[80,2740,1258],{"class":90},[80,2742,2002],{"class":307},[80,2744,1936],{"class":90},[80,2746,94],{"class":90},[80,2748,2749,2751,2753,2755,2757,2759,2761,2763,2765,2767,2769,2771,2773,2775],{"class":82,"line":177},[80,2750,2011],{"class":140},[80,2752,1287],{"class":90},[80,2754,2016],{"class":1590},[80,2756,2002],{"class":307},[80,2758,501],{"class":90},[80,2760,2023],{"class":307},[80,2762,501],{"class":90},[80,2764,2028],{"class":86},[80,2766,1258],{"class":90},[80,2768,1979],{"class":147},[80,2770,458],{"class":151},[80,2772,1979],{"class":147},[80,2774,2039],{"class":90},[80,2776,94],{"class":90},[80,2778,2779,2781,2783,2785,2787,2789,2791,2793,2795,2797],{"class":82,"line":183},[80,2780,2046],{"class":307},[80,2782,501],{"class":90},[80,2784,2023],{"class":307},[80,2786,501],{"class":90},[80,2788,2055],{"class":86},[80,2790,1258],{"class":90},[80,2792,1979],{"class":147},[80,2794,458],{"class":151},[80,2796,1979],{"class":147},[80,2798,1987],{"class":90},[80,2800,2801],{"class":82,"line":194},[80,2802,258],{"class":90},[80,2804,2805],{"class":82,"line":207},[80,2806,2074],{"class":90},[80,2808,2809],{"class":82,"line":218},[80,2810,270],{"class":90},[80,2812,2813],{"class":82,"line":230},[80,2814,758],{"emptyLinePlaceholder":757},[80,2816,2817,2819],{"class":82,"line":242},[80,2818,2092],{"class":86},[80,2820,2095],{"class":90},[80,2822,2823,2825,2827,2829,2831,2833,2835,2837],{"class":82,"line":249},[80,2824,1943],{"class":1590},[80,2826,2111],{"class":307},[80,2828,1949],{"class":90},[80,2830,2116],{"class":1590},[80,2832,2119],{"class":86},[80,2834,1258],{"class":90},[80,2836,1946],{"class":307},[80,2838,1987],{"class":90},[80,2840,2841,2843,2845,2847,2849,2851,2853,2855,2857,2859,2861,2863,2865,2867,2869,2871,2873],{"class":82,"line":255},[80,2842,2130],{"class":307},[80,2844,501],{"class":90},[80,2846,2135],{"class":86},[80,2848,1258],{"class":90},[80,2850,2140],{"class":307},[80,2852,501],{"class":90},[80,2854,2145],{"class":307},[80,2856,635],{"class":90},[80,2858,2150],{"class":90},[80,2860,2153],{"class":1250},[80,2862,66],{"class":90},[80,2864,2158],{"class":140},[80,2866,1123],{"class":90},[80,2868,2163],{"class":1250},[80,2870,66],{"class":90},[80,2872,2158],{"class":140},[80,2874,2170],{"class":90},[80,2876,2877],{"class":82,"line":261},[80,2878,2176],{"class":90},[80,2880,2881,2883,2886,2888],{"class":82,"line":267},[80,2882,302],{"class":90},[80,2884,2885],{"class":1590},"/",[80,2887,2643],{"class":307},[80,2889,321],{"class":90},[17,2891,2892,91],{},[63,2893,1352],{},[25,2895,2896,2899,2902],{},[28,2897,2898],{},"既存のShikiが生成するCSSをそのまま活用できる",[28,2900,2901],{},"個別のクラスやCSS変数を定義する必要がない",[28,2903,2904,2905,2907],{},"クライアントサイドナビゲーション後も動作する（",[46,2906,2119],{},"使用）",[17,2909,2910,2913,2914,2916],{},[63,2911,2912],{},"テーマの変更",":\nより見やすいテーマに変更（",[46,2915,69],{},"）：",[71,2918,2920],{"className":73,"code":2919,"language":75,"meta":76,"style":76},"content: {\n  build: {\n    markdown: {\n      highlight: {\n        theme: {\n          default: \"vitesse-light\",\n          dark: \"vitesse-light\"\n        }\n      }\n    }\n  }\n}\n",[46,2921,2922,2930,2938,2946,2954,2962,2976,2988,2993,2997,3001,3005],{"__ignoreMap":76},[80,2923,2924,2926,2928],{"class":82,"line":83},[80,2925,87],{"class":86},[80,2927,91],{"class":90},[80,2929,94],{"class":90},[80,2931,2932,2934,2936],{"class":82,"line":97},[80,2933,100],{"class":86},[80,2935,91],{"class":90},[80,2937,94],{"class":90},[80,2939,2940,2942,2944],{"class":82,"line":107},[80,2941,110],{"class":86},[80,2943,91],{"class":90},[80,2945,94],{"class":90},[80,2947,2948,2950,2952],{"class":82,"line":117},[80,2949,120],{"class":86},[80,2951,91],{"class":90},[80,2953,94],{"class":90},[80,2955,2956,2958,2960],{"class":82,"line":127},[80,2957,130],{"class":86},[80,2959,91],{"class":90},[80,2961,94],{"class":90},[80,2963,2964,2966,2968,2970,2972,2974],{"class":82,"line":137},[80,2965,141],{"class":140},[80,2967,66],{"class":144},[80,2969,148],{"class":147},[80,2971,2542],{"class":151},[80,2973,148],{"class":147},[80,2975,157],{"class":90},[80,2977,2978,2980,2982,2984,2986],{"class":82,"line":160},[80,2979,163],{"class":86},[80,2981,91],{"class":90},[80,2983,168],{"class":147},[80,2985,2542],{"class":151},[80,2987,174],{"class":147},[80,2989,2990],{"class":82,"line":177},[80,2991,2992],{"class":90},"        }\n",[80,2994,2995],{"class":82,"line":183},[80,2996,258],{"class":90},[80,2998,2999],{"class":82,"line":194},[80,3000,264],{"class":90},[80,3002,3003],{"class":82,"line":207},[80,3004,270],{"class":90},[80,3006,3007],{"class":82,"line":218},[80,3008,276],{"class":90},[17,3010,3011,91],{},[63,3012,3013],{},"重要な注意事項",[25,3015,3016,3019],{},[28,3017,3018],{},"テーマを変更した場合は、開発サーバーの再起動が必須",[28,3020,3021],{},"Nuxt Contentはビルド時にShikiのCSSを生成するため、再起動なしでは反映されない",[21,3023,3024],{"id":3024},"今後同様の問題が発生した場合のチェックリスト",[951,3026,3027,3033,3036,3042],{},[28,3028,3029,3030,3032],{},"ブラウザの開発者ツールで",[46,3031,454],{},"要素のクラスを確認",[28,3034,3035],{},"期待されるCSSセレクタと実際のHTMLが一致しているか確認",[28,3037,3038,3039,3041],{},"CSS変数が定義されているか、",[46,3040,602],{},"プロパティとして使用されているか確認",[28,3043,3044],{},"テーマ変更後は必ずサーバーを再起動",[3046,3047,3048],"style",{},"html pre.shiki code .senZ8, html code.shiki .senZ8{--shiki-default:#59873A;--shiki-dark:#59873A}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 .sG7-3, html code.shiki .sG7-3{--shiki-default:#393A34;--shiki-dark:#393A34}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 .sxvE3, html code.shiki .sxvE3{--shiki-default:#A0ADA0;--shiki-dark:#A0ADA0}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);}html pre.shiki code .s4oTP, html code.shiki .s4oTP{--shiki-default:#B07D48;--shiki-dark:#B07D48}html pre.shiki code .snbK4, html code.shiki .snbK4{--shiki-default:#A65E2B;--shiki-dark:#A65E2B}html pre.shiki code .sz8Xr, html code.shiki .sz8Xr{--shiki-default:#998418;--shiki-dark:#998418}html pre.shiki code .sqvqQ, html code.shiki .sqvqQ{--shiki-default:#99841877;--shiki-dark:#99841877}html pre.shiki code .stQ0i, html code.shiki .stQ0i{--shiki-default:#AB5959;--shiki-dark:#AB5959}",{"title":76,"searchDepth":97,"depth":97,"links":3050},[3051,3055,3061,3068,3069,3070,3075,3083],{"id":15,"depth":97,"text":15,"children":3052},[3053,3054],{"id":23,"depth":107,"text":23},{"id":39,"depth":107,"text":39},{"id":55,"depth":97,"text":55,"children":3056},[3057,3058,3059,3060],{"id":58,"depth":107,"text":59},{"id":282,"depth":107,"text":283},{"id":480,"depth":107,"text":481},{"id":595,"depth":107,"text":596},{"id":669,"depth":97,"text":669,"children":3062},[3063,3065,3067],{"id":672,"depth":107,"text":3064},"アプローチ1: content.build.markdown.highlight → content.highlight",{"id":821,"depth":107,"text":3066},"アプローチ2: text言語を削除して再試行",{"id":924,"depth":107,"text":925},{"id":946,"depth":97,"text":946},{"id":1137,"depth":97,"text":1137},{"id":1168,"depth":97,"text":1168,"children":3071},[3072,3073,3074],{"id":1171,"depth":107,"text":1172},{"id":1360,"depth":107,"text":1361},{"id":1384,"depth":107,"text":1385},{"id":1427,"depth":97,"text":1427,"children":3076},[3077,3078,3079,3080,3081],{"id":1430,"depth":107,"text":1430},{"id":1505,"depth":107,"text":1505},{"id":1522,"depth":107,"text":1522},{"id":1542,"depth":107,"text":1543},{"id":1863,"depth":107,"text":3082},"アプローチ5: JavaScriptでshikiクラスを動的追加",{"id":2585,"depth":97,"text":2585,"children":3084},[3085,3086,3087],{"id":2588,"depth":107,"text":2588},{"id":2619,"depth":107,"text":2619},{"id":3024,"depth":107,"text":3024},null,"Nuxt Content v3でマークダウンファイルのコードブロックにシンタックスハイライトが適用されない問題の詳細な調査記録と解決方法","md",{},"/syntax-highlighting-issue-investigation",false,"2025-11-28T00:00:00.000Z",{"title":5,"description":3089},"2025-11/2025-11-28/syntax-highlighting-issue-investigation",[3098,3099,3100,3101,3102,3103],"Nuxt","Nuxt Content","Shiki","シンタックスハイライト","トラブルシューティング","解決済み","WfvWzR-j5u1wIqo3urHZ8-r9IpS2jd8ZWKVhcxzpikI",[],[3107,3111,3115,3119,3123],{"title":3108,"path":3109,"publishedAt":3110},"pnpm generate が exit 134 で落ちた日——ヒープOOMと検証スクリプト偽陽性の二段落ち","/generate-oom-and-verify-false-positive","2026-07-04T00:00:00.000Z",{"title":3112,"path":3113,"publishedAt":3114},"NVIDIA Q1 FY27 書き起こしを作りながら、/blog の SPA キャッシュ・Breadcrumb・画像モーダル・SVG チャートをまとめて整備した日","/nvidia-page-rendering-fixes","2026-05-22T00:00:00.000Z",{"title":3116,"path":3117,"publishedAt":3118},"Nuxt SSGビルドエラーを3つ潰して本番デプロイを復旧した","/nuxt-ssg-build-fix-2026-03-05","2026-03-05T00:00:00.000Z",{"title":3120,"path":3121,"publishedAt":3122},"Nuxtでスタイルが反映されない時は.nuxtフォルダを削除する","/nuxt-cache-troubleshoot","2026-01-17T00:00:00.000Z",{"title":3124,"path":3125,"publishedAt":3126},"OCRバリデーションUIの3カラムレイアウト実装","/ocr-validation-ui","2026-01-13T00:00:00.000Z","https://log.eurekapu.com/og/blog/syntax-highlighting-issue-investigation.png?v=2025-11-28T00%3A00%3A00.000Z&title=%E3%82%B7%E3%83%B3%E3%82%BF%E3%83%83%E3%82%AF%E3%82%B9%E3%83%8F%E3%82%A4%E3%83%A9%E3%82%A4%E3%83%88%E3%81%8C%E5%8A%B9%E3%81%8B%E3%81%AA%E3%81%84%E5%95%8F%E9%A1%8C%E3%81%AE%E8%AA%BF%E6%9F%BB%E3%81%A8%E5%AF%BE%E5%BF%9C&author=Kei%20Komatsu&sig=abbb00fe42ae6d2a",1785654665803]