# 見出し1（大見出し、節）

## 見出し2（中見出し、項）

### 見出し3（小見出し、目）

　段落冒頭の字下げは、このように手動でお願いします。
改行は、（改行）
このように自動で取り除かれます。

　通常の本文**強調（ボールド）**通常の本文_斜体（イタリック）_通常の本文`インラインのコード`通常の本文(注:注釈ですよ。_イタリック_)通常の本文<kbd>Enter</kbd>（←キーボードフォント）<span class='red'>赤文字</span>通常の本文<span class='ruby'>外村(ほかむら)</span>（←ルビ）。

> _引用_です**引用**です引用です引用です引用です引用です引用です引用です
> 引用です引用です引用です引用です引用です引用です引用です引用です
> 引用です引用です引用です引用です引用です引用です引用です引用です
> 引用です引用です引用です引用です引用です引用です引用です引用です

<div class='column'>
#### コラム見出し

　**コラム**本文_コラム_本文コラム本文コラム本文コラム本文コラム本文コラム本文コラム本文コラム本文コラム本文コラム。

##### コラム小見出し

　コラム内でも**強調**などが使えます。
</div>

## 箇条書き（リスト）いろいろ

### 通常の箇条書き

* 通常の**箇条書き**
* 通常の_箇条書き_
* 通常の箇条書き
* 通常の箇条書き
* 通常の箇条書き

### 連番箇条書き（黒丸数字、連番の場合のデフォルト）

1. 連番箇条書き（黒丸数字）
2. 連番箇条書き（黒丸数字）
3. 連番箇条書き（黒丸数字）
4. 連番箇条書き（黒丸数字）
5. 連番箇条書き（黒丸数字）

### 連番箇条書き（白丸数字、重複などの事情で黒丸では不都合なとき）

<ol class='circle'>
    <li>連番箇条書き（白丸数字）</li>
    <li>連番箇条書き（白丸数字）</li>
    <li>連番箇条書き（白丸数字）</li>
    <li>連番箇条書き（白丸数字）</li>
    <li>連番箇条書き（白丸数字）</li>
</ol>

### 連番箇条書き（黒四角数字）

<ol class='square'>
    <li>連番箇条書き（黒四角数字）</li>
    <li>連番箇条書き（黒四角数字）</li>
    <li>連番箇条書き（黒四角数字）</li>
    <li>連番箇条書き（黒四角数字）</li>
    <li>連番箇条書き（黒四角数字）</li>
</ol>

### 連番箇条書き（アルファベット）

<ol class='alpha'>
    <li>連番箇条書き（アルファベット）</li>
    <li>連番箇条書き（アルファベット）</li>
    <li>連番箇条書き（アルファベット）</li>
    <li>連番箇条書き（アルファベット）</li>
    <li>連番箇条書き（アルファベット）</li>
</ol>

### 本文やリスト中での番号

　箇条書き以外の本文やリスト中で番号を書きたいときは、(d1)、(d2)、(c1)、(c2)、(s1)、(s2)、(a1)、(a2)のように書いてください。

<ol class='square'>
    <li>hogehogeをします</li>
    <li>fugafugaと(s1)の結果を足し合わせます</li>
</ol>

　リスト1.1(c1)ではアラートを出しています。(c2)でもアラートを出しています。(\a1)エスケープできます。

    ●リスト1.1::キャプション（コードのタイトル）
    function hoge() {
        alert(foo);　… (c1)
        alert(bar);　… (c2)
        alert(\c1); // \でエスケープできます
    }

## ソースコード

### 本文埋め込みコード

　本文中で流れでコードを掲載するときに使用します。

    function **foo**(a) { // コード内強調
        alert(a); (注:こんな風にコメントがつけられます)
    }

    (注:見出し的にも使えます)
    function bar(b) {
        alert(b);
    }

　このように、上下に本文が入ります。

　本文から一連の流れで読んでもらうことができますが、コードがページをまたぐ可能性がございます。

### リスト（名前付きのコード）★要キャプション★

　リストは、本文とは別ボックス（別なパーツ）として紙面の端に寄せてレイアウトしますので、コードがページをまたぐことはございません（1ページを超えるコードはまたぎますけど）。

　以下、このリストや後述する図や表など、別ボックスものの場合のご注意点です。

* キャプション（タイトル）が必須です
* 「**リスト1.1**をご覧ください」「○○のコードを示します（**リスト1.1**）」「○○を**表1.1**にまとめました」みたいな感じで、本文から番号で参照してください
* 初出時のみ**リスト1.1**のように太字にします（2度目以降は通常の本文です）

（このドキュメントでは、別ボックスものは見出しに★要キャプション★と書いています）

    ●リスト1.1::キャプション（コードのタイトル）
    function **foo**(a) { // コード内強調
        alert(a); (注:こんな風にコメントがつけられます)
    }

    ___foo('bar');___ // コード内___イタリック___
    ___foo('baz');___ // コード内**強調**

    (注:見出し的にも使えます)
    function bar(b) {
        alert(b);
    }

## コマンドの実行結果

　コマンドは、「!!! cmd」と付けていただく必要があるだけで、基本的には上記ソースコードと同じです。

　ただし、呼称が「リスト」ではなく「図」となります。また、コマンド行の行頭にはプロンプトを付けてください。

### 本文埋め込みコマンド（本文埋め込み版はWEB+DB PRESSでは未使用）

    !!! cmd
    $ command  **foo** // コマンド内強調
    bar (注:こんな風にコメントがつけられます)

    (注:見出し的にも使えます)
    function bar(b) {
        alert(b);
    }

### 図（名前付きのコマンド）★要キャプション★

    !!! cmd
    ●図1.1::キャプション（コマンドのタイトル）
    $ command  **foo** // コマンド内強調
    bar (注:こんな風にコメントがつけられます)

    (注:見出し的にも使えます)
    function bar(b) {
        alert(b);
    }

## 図★要キャプション★

　スクリーンショットなど、別ファイルを参照する図です。

●図1.1::キャプション（_図の_タイトル）[figure/sample.png]


## 表★要キャプション★

<table summary='表1.1::キャプション（表のタイトル）'>
    <tr>
        <th>表タイトル1</th>
        <th>表タイトル2</th>
    </tr>
    <tr>
        <td>内容1</td>
        <td>内容2</td>
    </tr>
    <tr>
        <td>内容1</td>
        <td>内容2</td>
    </tr>
</table>

## その他の記号

<span class='symbol'>→</span><span class='symbol'>←</span><span class='symbol'>↑</span><span class='symbol'>↓</span>

<span class='symbol'>←→</span>

<span class='symbol'>＞＝</span><span class='symbol'>＝＞</span>

## キーボードフォント

<kbd>A</kbd>～<kbd>Z</kbd>

<kbd>a</kbd>～<kbd>z</kbd>

<kbd>0</kbd>～<kbd>9</kbd>

<kbd>F1</kbd>～<kbd>F12</kbd>

<kbd>→</kbd><kbd>↓</kbd><kbd>↑</kbd><kbd>←</kbd>

<kbd>End</kbd>

<kbd>Alt</kbd>

<kbd>Ctrl</kbd><kbd>Control</kbd>

<kbd>Shift</kbd>

<kbd>Tab</kbd>

<kbd>Esc</kbd>

<kbd>Delete</kbd>

<kbd>Insert</kbd>

<kbd>Pause</kbd>

<kbd>Break</kbd>

<kbd>Home</kbd>

<kbd>Back Space</kbd>

<kbd>Space</kbd>

<kbd>Pgup</kbd><kbd>Pgdn</kbd>

<kbd>Enter</kbd>

<kbd>!</kbd>

<kbd>#</kbd>

<kbd>$</kbd>

<kbd>%</kbd>

<kbd>&</kbd>

<kbd>'</kbd>

<kbd>(</kbd><kbd>)</kbd>

<kbd>[</kbd><kbd>]</kbd>

<kbd>=</kbd>

<kbd>-</kbd>

<kbd>^</kbd>

<kbd>~</kbd>

<kbd>|</kbd>

<kbd>+</kbd>

<kbd>*</kbd>

<kbd>;</kbd>

<kbd>:</kbd>

<kbd>,</kbd>

<kbd>.</kbd>

<kbd>/</kbd>

<kbd>?</kbd>

<kbd>_</kbd>

<kbd>@</kbd>

<kbd>`</kbd>

<kbd>"</kbd>