[{"data":1,"prerenderedAt":855},["ShallowReactive",2],{"article-nuxt-content-features":3},{"id":4,"title":5,"body":6,"date":848,"description":849,"extension":772,"meta":850,"navigation":418,"path":851,"seo":852,"stem":853,"__hash__":854},"articles\u002Farticles\u002Fnuxt-content-features.md","Nuxt Content でできる表現方法まとめ",{"type":7,"value":8,"toc":822},"minimark",[9,13,41,44,49,52,57,60,63,67,103,106,133,137,146,149,165,168,258,261,263,275,279,501,505,625,629,672,676,679,682,685,689,700,704,710,720,728,736,744,748,754,764,768,809,812,818],[10,11,12],"h2",{"id":12},"テキスト装飾",[14,15,16,17,21,22,21,26,21,30,34,35,40],"p",{},"通常のテキストに加えて、",[18,19,20],"strong",{},"太字","・",[23,24,25],"em",{},"イタリック",[27,28,29],"del",{},"打ち消し線",[31,32,33],"code",{},"インラインコード"," が使えます。\n組み合わせも可能で、",[23,36,37],{},[18,38,39],{},"太字かつイタリック"," のような表現もできます。",[10,42,43],{"id":43},"見出しレベル",[45,46,48],"h3",{"id":47},"h3-セクションの小見出し","h3 — セクションの小見出し",[14,50,51],{},"h3 は記事内のセクションをさらに細分化するときに使います。",[53,54,56],"h4",{"id":55},"h4-さらに細かい区分け","h4 — さらに細かい区分け",[14,58,59],{},"h4 は補足説明や用語の定義など、特定のトピックを掘り下げる際に便利です。",[10,61,62],{"id":62},"リスト",[45,64,66],{"id":65},"箇条書き順不同","箇条書き（順不同）",[68,69,70,74,80],"ul",{},[71,72,73],"li",{},"Nuxt 4 はファイルベースルーティングを採用している",[71,75,76,79],{},[31,77,78],{},"pages\u002F"," にファイルを置くだけでルートが生成される",[71,81,82,83],{},"ネストしたディレクトリで階層的なURLも作れる\n",[68,84,85,95],{},[71,86,87,88,91,92],{},"例：",[31,89,90],{},"pages\u002Farticles\u002F[slug].vue"," → ",[31,93,94],{},"\u002Farticles\u002Fhello",[71,96,87,97,91,100],{},[31,98,99],{},"pages\u002Fsettings\u002Fprofile.vue",[31,101,102],{},"\u002Fsettings\u002Fprofile",[45,104,105],{"id":105},"番号付きリスト",[107,108,109,115,121,127],"ol",{},[71,110,111,114],{},[31,112,113],{},"nuxi init"," でプロジェクトを作成する",[71,116,117,120],{},[31,118,119],{},"npm install"," で依存関係をインストールする",[71,122,123,126],{},[31,124,125],{},"npm run dev"," で開発サーバーを起動する",[71,128,129,132],{},[31,130,131],{},"http:\u002F\u002Flocalhost:3000"," にアクセスして確認する",[10,134,136],{"id":135},"引用blockquote","引用（blockquote）",[138,139,140,143],"blockquote",{},[14,141,142],{},"Nuxt は「設定より規約」の思想で設計されており、ファイルを置くだけで多くのことが自動化されます。",[14,144,145],{},"— Nuxt 公式ドキュメントより",[10,147,148],{"id":148},"リンク",[14,150,151,158,159,164],{},[152,153,157],"a",{"href":154,"rel":155},"https:\u002F\u002Fnuxt.com",[156],"nofollow","Nuxt 公式サイト"," や ",[152,160,163],{"href":161,"rel":162},"https:\u002F\u002Fcontent.nuxt.com",[156],"Nuxt Content ドキュメント"," へのリンクをテキスト内に埋め込めます。",[10,166,167],{"id":167},"テーブル",[169,170,171,190],"table",{},[172,173,174],"thead",{},[175,176,177,181,184,187],"tr",{},[178,179,180],"th",{},"機能",[178,182,183],{},"SSR",[178,185,186],{},"SSG",[178,188,189],{},"SPA",[191,192,193,208,221,234,245],"tbody",{},[175,194,195,199,202,205],{},[196,197,198],"td",{},"初回表示速度",[196,200,201],{},"速い",[196,203,204],{},"最速",[196,206,207],{},"遅い",[175,209,210,213,216,219],{},[196,211,212],{},"サーバー負荷",[196,214,215],{},"高い",[196,217,218],{},"なし",[196,220,218],{},[175,222,223,226,229,231],{},[196,224,225],{},"SEO",[196,227,228],{},"◎",[196,230,228],{},[196,232,233],{},"△",[175,235,236,239,241,243],{},[196,237,238],{},"リアルタイム性",[196,240,228],{},[196,242,233],{},[196,244,228],{},[175,246,247,250,253,256],{},[196,248,249],{},"ビルド時間",[196,251,252],{},"短い",[196,254,255],{},"長くなる",[196,257,252],{},[10,259,260],{"id":260},"コードブロック",[45,262,33],{"id":33},[14,264,265,21,268,21,271,274],{},[31,266,267],{},"useAsyncData",[31,269,270],{},"useFetch",[31,272,273],{},"defineEventHandler"," のような関数名はインラインコードで表記します。",[45,276,278],{"id":277},"vue-コンポーネント","Vue コンポーネント",[280,281,286],"pre",{"className":282,"code":283,"language":284,"meta":285,"style":285},"language-vue shiki shiki-themes github-light github-dark","\u003Cscript setup lang=\"ts\">\nconst { data: articles } = await useAsyncData('articles', () =>\n  queryCollection('articles').order('date', 'DESC').all()\n)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cul>\n    \u003Cli v-for=\"article in articles\" :key=\"article.path\">\n      {{ article.title }}\n    \u003C\u002Fli>\n  \u003C\u002Ful>\n\u003C\u002Ftemplate>\n","vue","",[31,287,288,318,362,397,403,413,420,430,440,466,472,482,492],{"__ignoreMap":285},[289,290,293,297,301,305,308,311,315],"span",{"class":291,"line":292},"line",1,[289,294,296],{"class":295},"sVt8B","\u003C",[289,298,300],{"class":299},"s9eBZ","script",[289,302,304],{"class":303},"sScJk"," setup",[289,306,307],{"class":303}," lang",[289,309,310],{"class":295},"=",[289,312,314],{"class":313},"sZZnC","\"ts\"",[289,316,317],{"class":295},">\n",[289,319,321,325,328,332,335,339,342,344,347,350,353,356,359],{"class":291,"line":320},2,[289,322,324],{"class":323},"szBVR","const",[289,326,327],{"class":295}," { ",[289,329,331],{"class":330},"s4XuR","data",[289,333,334],{"class":295},": ",[289,336,338],{"class":337},"sj4cs","articles",[289,340,341],{"class":295}," } ",[289,343,310],{"class":323},[289,345,346],{"class":323}," await",[289,348,349],{"class":303}," useAsyncData",[289,351,352],{"class":295},"(",[289,354,355],{"class":313},"'articles'",[289,357,358],{"class":295},", () ",[289,360,361],{"class":323},"=>\n",[289,363,365,368,370,372,375,378,380,383,386,389,391,394],{"class":291,"line":364},3,[289,366,367],{"class":303},"  queryCollection",[289,369,352],{"class":295},[289,371,355],{"class":313},[289,373,374],{"class":295},").",[289,376,377],{"class":303},"order",[289,379,352],{"class":295},[289,381,382],{"class":313},"'date'",[289,384,385],{"class":295},", ",[289,387,388],{"class":313},"'DESC'",[289,390,374],{"class":295},[289,392,393],{"class":303},"all",[289,395,396],{"class":295},"()\n",[289,398,400],{"class":291,"line":399},4,[289,401,402],{"class":295},")\n",[289,404,406,409,411],{"class":291,"line":405},5,[289,407,408],{"class":295},"\u003C\u002F",[289,410,300],{"class":299},[289,412,317],{"class":295},[289,414,416],{"class":291,"line":415},6,[289,417,419],{"emptyLinePlaceholder":418},true,"\n",[289,421,423,425,428],{"class":291,"line":422},7,[289,424,296],{"class":295},[289,426,427],{"class":299},"template",[289,429,317],{"class":295},[289,431,433,436,438],{"class":291,"line":432},8,[289,434,435],{"class":295},"  \u003C",[289,437,68],{"class":299},[289,439,317],{"class":295},[289,441,443,446,448,451,453,456,459,461,464],{"class":291,"line":442},9,[289,444,445],{"class":295},"    \u003C",[289,447,71],{"class":299},[289,449,450],{"class":303}," v-for",[289,452,310],{"class":295},[289,454,455],{"class":313},"\"article in articles\"",[289,457,458],{"class":303}," :key",[289,460,310],{"class":295},[289,462,463],{"class":313},"\"article.path\"",[289,465,317],{"class":295},[289,467,469],{"class":291,"line":468},10,[289,470,471],{"class":295},"      {{ article.title }}\n",[289,473,475,478,480],{"class":291,"line":474},11,[289,476,477],{"class":295},"    \u003C\u002F",[289,479,71],{"class":299},[289,481,317],{"class":295},[289,483,485,488,490],{"class":291,"line":484},12,[289,486,487],{"class":295},"  \u003C\u002F",[289,489,68],{"class":299},[289,491,317],{"class":295},[289,493,495,497,499],{"class":291,"line":494},13,[289,496,408],{"class":295},[289,498,427],{"class":299},[289,500,317],{"class":295},[45,502,504],{"id":503},"typescript","TypeScript",[280,506,510],{"className":507,"code":508,"language":509,"meta":285,"style":285},"language-ts shiki shiki-themes github-light github-dark","interface Article {\n  title: string\n  description: string\n  date: string\n  path: string\n}\n\nfunction formatDate(dateStr: string): string {\n  return new Date(dateStr).toLocaleDateString('ja-JP')\n}\n","ts",[31,511,512,523,534,543,552,561,566,570,597,621],{"__ignoreMap":285},[289,513,514,517,520],{"class":291,"line":292},[289,515,516],{"class":323},"interface",[289,518,519],{"class":303}," Article",[289,521,522],{"class":295}," {\n",[289,524,525,528,531],{"class":291,"line":320},[289,526,527],{"class":330},"  title",[289,529,530],{"class":323},":",[289,532,533],{"class":337}," string\n",[289,535,536,539,541],{"class":291,"line":364},[289,537,538],{"class":330},"  description",[289,540,530],{"class":323},[289,542,533],{"class":337},[289,544,545,548,550],{"class":291,"line":399},[289,546,547],{"class":330},"  date",[289,549,530],{"class":323},[289,551,533],{"class":337},[289,553,554,557,559],{"class":291,"line":405},[289,555,556],{"class":330},"  path",[289,558,530],{"class":323},[289,560,533],{"class":337},[289,562,563],{"class":291,"line":415},[289,564,565],{"class":295},"}\n",[289,567,568],{"class":291,"line":422},[289,569,419],{"emptyLinePlaceholder":418},[289,571,572,575,578,580,583,585,588,591,593,595],{"class":291,"line":432},[289,573,574],{"class":323},"function",[289,576,577],{"class":303}," formatDate",[289,579,352],{"class":295},[289,581,582],{"class":330},"dateStr",[289,584,530],{"class":323},[289,586,587],{"class":337}," string",[289,589,590],{"class":295},")",[289,592,530],{"class":323},[289,594,587],{"class":337},[289,596,522],{"class":295},[289,598,599,602,605,608,611,614,616,619],{"class":291,"line":442},[289,600,601],{"class":323},"  return",[289,603,604],{"class":323}," new",[289,606,607],{"class":303}," Date",[289,609,610],{"class":295},"(dateStr).",[289,612,613],{"class":303},"toLocaleDateString",[289,615,352],{"class":295},[289,617,618],{"class":313},"'ja-JP'",[289,620,402],{"class":295},[289,622,623],{"class":291,"line":468},[289,624,565],{"class":295},[45,626,628],{"id":627},"shell-コマンド","Shell コマンド",[280,630,634],{"className":631,"code":632,"language":633,"meta":285,"style":285},"language-bash shiki shiki-themes github-light github-dark","# @nuxt\u002Fcontent をインストール\nnpm install @nuxt\u002Fcontent\n\n# ビルドして静的ファイルを生成\nnpm run build\n","bash",[31,635,636,642,653,657,662],{"__ignoreMap":285},[289,637,638],{"class":291,"line":292},[289,639,641],{"class":640},"sJ8bj","# @nuxt\u002Fcontent をインストール\n",[289,643,644,647,650],{"class":291,"line":320},[289,645,646],{"class":303},"npm",[289,648,649],{"class":313}," install",[289,651,652],{"class":313}," @nuxt\u002Fcontent\n",[289,654,655],{"class":291,"line":364},[289,656,419],{"emptyLinePlaceholder":418},[289,658,659],{"class":291,"line":399},[289,660,661],{"class":640},"# ビルドして静的ファイルを生成\n",[289,663,664,666,669],{"class":291,"line":405},[289,665,646],{"class":303},[289,667,668],{"class":313}," run",[289,670,671],{"class":313}," build\n",[10,673,675],{"id":674},"水平線区切り","水平線（区切り）",[14,677,678],{},"上のセクションと下のセクションを視覚的に区切るには、水平線を使います。",[680,681],"hr",{},[14,683,684],{},"水平線はコンテンツの大きな切れ目に使うのが一般的です。",[10,686,688],{"id":687},"mdc-markdown-components","MDC — Markdown Components",[14,690,691,692,695,696,699],{},"@nuxt\u002Fcontent v3 では ",[18,693,694],{},"MDC（Markdown Components）"," 記法を使って、Markdown の中から Vue コンポーネントを直接呼び出せます。",[31,697,698],{},"components\u002Fcontent\u002F"," に置いたコンポーネントが自動的に利用可能になります。",[45,701,703],{"id":702},"callout-コンポーネント","Callout コンポーネント",[14,705,706,709],{},[31,707,708],{},"::コンポーネント名"," で囲むとブロックコンポーネントとして展開されます。",[711,712,714],"callout",{"type":713},"info",[14,715,716,717,719],{},"これは ",[18,718,713],{}," タイプの Callout です。補足情報や背景知識を伝えるときに使います。",[711,721,723],{"type":722},"tip",[14,724,716,725,727],{},[18,726,722],{}," タイプの Callout です。ベストプラクティスや便利な使い方を紹介するときに使います。",[711,729,731],{"type":730},"warning",[14,732,716,733,735],{},[18,734,730],{}," タイプの Callout です。ハマりやすいポイントや注意事項を伝えるときに使います。",[711,737,739],{"type":738},"danger",[14,740,716,741,743],{},[18,742,738],{}," タイプの Callout です。データ消失や破壊的操作など、特に注意が必要な情報に使います。",[45,745,747],{"id":746},"title-プロパティで見出しをカスタマイズ","title プロパティで見出しをカスタマイズ",[14,749,750,753],{},[31,751,752],{},"title"," プロパティを渡すと、ラベル文字列を自由に変更できます。",[711,755,757],{"type":722,"title":756},"✨ ポイント",[14,758,759,760,763],{},"MDC では ",[31,761,762],{},"{prop=\"value\"}"," の形式でコンポーネントに props を渡せます。文字列・数値・真偽値に対応しています。",[45,765,767],{"id":766},"mdc-の書き方まとめ","MDC の書き方まとめ",[280,769,773],{"className":770,"code":771,"language":772,"meta":285,"style":285},"language-md shiki shiki-themes github-light github-dark","\u002F\u002F ブロックコンポーネント（props あり）\n::callout{type=\"warning\"}\n本文テキスト\n::\n\n\u002F\u002F インラインコンポーネント（将来の拡張例）\n:badge{label=\"NEW\"}\n","md",[31,774,775,780,785,790,795,799,804],{"__ignoreMap":285},[289,776,777],{"class":291,"line":292},[289,778,779],{"class":295},"\u002F\u002F ブロックコンポーネント（props あり）\n",[289,781,782],{"class":291,"line":320},[289,783,784],{"class":295},"::callout{type=\"warning\"}\n",[289,786,787],{"class":291,"line":364},[289,788,789],{"class":295},"本文テキスト\n",[289,791,792],{"class":291,"line":399},[289,793,794],{"class":295},"::\n",[289,796,797],{"class":291,"line":405},[289,798,419],{"emptyLinePlaceholder":418},[289,800,801],{"class":291,"line":415},[289,802,803],{"class":295},"\u002F\u002F インラインコンポーネント（将来の拡張例）\n",[289,805,806],{"class":291,"line":422},[289,807,808],{"class":295},":badge{label=\"NEW\"}\n",[10,810,811],{"id":811},"まとめ",[14,813,814,815,817],{},"@nuxt\u002Fcontent v3 では、標準的な Markdown 記法に加えて MDC による Vue コンポーネントの埋め込みができます。",[31,816,698],{}," にコンポーネントを置くだけで Markdown ファイルから参照でき、デザインの統一されたリッチなコンテンツを簡単に作れます。",[819,820,821],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}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 .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}",{"title":285,"searchDepth":320,"depth":320,"links":823},[824,825,828,832,833,834,835,841,842,847],{"id":12,"depth":320,"text":12},{"id":43,"depth":320,"text":43,"children":826},[827],{"id":47,"depth":364,"text":48},{"id":62,"depth":320,"text":62,"children":829},[830,831],{"id":65,"depth":364,"text":66},{"id":105,"depth":364,"text":105},{"id":135,"depth":320,"text":136},{"id":148,"depth":320,"text":148},{"id":167,"depth":320,"text":167},{"id":260,"depth":320,"text":260,"children":836},[837,838,839,840],{"id":33,"depth":364,"text":33},{"id":277,"depth":364,"text":278},{"id":503,"depth":364,"text":504},{"id":627,"depth":364,"text":628},{"id":674,"depth":320,"text":675},{"id":687,"depth":320,"text":688,"children":843},[844,845,846],{"id":702,"depth":364,"text":703},{"id":746,"depth":364,"text":747},{"id":766,"depth":364,"text":767},{"id":811,"depth":320,"text":811},"2026-04-30T23:30:00+09:00","見出し・コード・テーブル・引用・MDC コンポーネントなど、@nuxt\u002Fcontent v3 で使えるMarkdown 記法と表現方法を網羅的に紹介します。",{},"\u002Farticles\u002Fnuxt-content-features",{"title":5,"description":849},"articles\u002Fnuxt-content-features","fvAUEGlLAYc44jGhXXGhMYJHuyXstL7HEf4E1XeU2Qw",1777568743324]