Writing

サンプル: Writingの書き方と表示例

見出し、リスト、コード、画像、引用、表など、よく使う要素の表示例をまとめたサンプル記事です。

2026/02/062026/02/06
ノートとペンのあるデスク

この記事の目的

このサンプルは、Writing記事でどのように書くとどんな表示になるかを確認するためのものです。
実データ作成時は、このファイルをコピーして不要な部分を削除してください。

見出しと本文

段落はそのまま書くと本文になります。
改行を入れたい場合は文末に半角スペース2つを入れると改行されます。

小見出し

見出しは ## ### などで階層を付けます。

箇条書き

  • 箇条書き1
  • 箇条書き2
    • ネストは控えめに(必要なら分ける)

番号リスト

  1. 手順1
  2. 手順2
  3. 手順3

引用

引用はこのように表示されます。
強調したい一文に使うと便利です。

インラインコード

例えば npm run dev のように書くとインラインコードになります。

コードブロック

type Profile = {
  name: string;
  skills: string[];
};

const profile: Profile = {
  name: "Haruka Kajita",
  skills: ["Shader", "Three.js", "Astro"],
};
npm install
npm run dev

タスクリスト

  • 構成を決める
  • 見出しを追加する
  • 画像を差し替える

水平線


折りたたみ(details/summary)

クリックして詳細を開く ここに補足説明を書けます。長めの補足や備考の格納に便利です。

画像

サンプル画像の説明

画像(キャプション付き)

柔らかい光のグラデーション
キャプションを書く場合は figure/figcaption を使います。

動画埋め込み

項目内容補足
書き方Markdown.mdxを使用
更新任意updatedAt で表示
タグ3〜6個統一感が出る

リンク

まとめ

このサンプルをベースに、タイトル / summary / tags / publishedAt を差し替えるとすぐに実データになります。