---
title: "はじめての記事：ai-native-cms へようこそ"
description: "ai-native-cmsのサンプル記事です。Markdownで書いた記事がそのままブラウザで表示される仕組みと、基本的な記法を確認できます。"
date: 2026-05-18
category: Tech
tags: [CMS, Markdown]
related_links: []
draft: false
---

このファイルは `public/posts/hello-world.md` に置かれたサンプル記事です。Markdownで書いた内容がブラウザで表示されることを確認してください。

## 基本的な書き方

### 見出し

`##` がH2、`###` がH3です。見出しの直後には必ずこのような導入文を入れてください。

### テキスト装飾

**太字**、*斜体*、~~取り消し線~~、`インラインコード` が使えます。

### リスト

- 箇条書き1
- 箇条書き2
  - ネスト1
  - ネスト2

1. 番号付きリスト
2. 2番目
3. 3番目

### コードブロック

言語を明示してください。

```bash
# 記事のlintチェック
bash agents/lint-article.sh public/posts/hello-world.md
```

```php
// PHPコードの例
echo htmlspecialchars($title, ENT_QUOTES, 'UTF-8');
```

### テーブル

内容が画面幅を超えた場合は横スクロールになります。

| 項目 | 説明 |
|---|---|
| フロントマター | 記事のメタ情報（YAML形式） |
| スラッグ | URLのパス部分（ファイル名） |
| draft | `true` にすると非公開 |

### 画像

自サーバーの画像は `assets/images/` に置いて参照します。

![サンプル画像](assets/images/sample-image.webp)

### 引用

> 引用ブロックはこのように書きます。

## 次のステップ

このファイルを参考に、`public/posts/` に新しい `.md` ファイルを作成してください。`agents/writer.md` に執筆ルールが記載されています。