表示確認用サンプル

この記事は 表示の確認用 です。文章そのものに意味はありません。 Markdown の各要素がどう出るかを並べてあります。

見出しと本文

これは段落です。太字、斜体、インラインコード、 リンク を含んでいます。

長めの段落も置いておきます。読み物ページなので本文の幅は制限されていて、 1行が長くなりすぎないようになっています。日本語の折り返しが不自然な位置で 起きないか、行間が詰まりすぎていないかを見るための文章です。

小見出し（h3）

h3 の見え方を確認するための節です。h2 との差がつきすぎていないか、 逆に区別がつかなくなっていないかを見ます。

箇条書き

• 1つめの項目
• 2つめの項目
  • 入れ子になった項目
  • もう1つ
• 3つめの項目

番号付きの場合です。

1. 手順の1つめ
2. 手順の2つめ
3. 手順の3つめ

引用

引用文です。前後の余白と、地の文との区別がつくかを見ます。

2段落にまたがる引用も置いておきます。

コード

インラインだと npm run dev のようになります。

ブロックの場合です。

npm run dev
npm run build

長い行を含む場合、横スクロールになるかを確認します。

export function collectTags(posts: readonly NotePost[]): string[] {
  const tags = new Set<string>();
  for (const post of posts) for (const tag of post.data.tags) tags.add(tag);
  return [...tags].sort((a, b) => a.localeCompare(b, 'ja'));
}

表

項目	値	備考
幅	72rem	読み物ページは狭め
余白	var(–space-3)	スマホでは詰める
行長	var(–measure)	読みやすさ優先

区切り線

---

区切り線の上下です。

更新日の表示

この記事にはフロントマターで updatedAt を入れてあります。 日付の横に「更新」と出るはずです。