Markdown / TeX / Mermaid / TEST

note Item Type Metadata

note

<!-- Omeka Simple Pages用: この内容をSimple Pagesの本文に貼り付けてください -->
<!-- 注意: <div class="md">は不要です。自動検出されます。 -->


# Markdown / TeX / Mermaid 確認用ページ

このページで、各機能が正しく動作するか確認できます。すべてのスタイルと図の種類をテストできます。

---

## テスト1: Markdown - 基本要素


# 見出し1
## 見出し2
### 見出し3
#### 見出し4
##### 見出し5
###### 見出し6


これは **太字**、これは *斜体*、これは ***太字斜体*** です。


段落の例です。複数の文を含む段落で、改行がどのように処理されるか確認できます。


別の段落です。段落間には適切な余白があります。


---

### リスト


#### 順序なしリスト
- 項目1
- 項目2
   - ネスト項目2-1
   - ネスト項目2-2
- 項目3


#### 順序付きリスト
1. 第一項目
2. 第二項目
   1. ネスト項目2-1
   2. ネスト項目2-2
3. 第三項目


### コード


インラインコード: `console.log('test')` と `var x = 42;`


コードブロック:
```
function hello() {
    console.log("Hello, World!");
}
```


### リンク


[Google](https://www.google.com)


### 引用


> これは引用文です。
> 複数行の引用も可能です。
>
> 引用内で段落を分けることもできます。


### テーブル


| 列1 | 列2 | 列3 |
|:-----|:----:|-----:|
| データ1 | データ2 | データ3 |
| データ4 | データ5 | データ6 |
| 左揃え | 中央揃え | 右揃え |


### 水平線


---
上に水平線があります。



下に水平線があります。


---

## テスト2: TeX (MathJax) - 様々な数式


### 行内数式


アインシュタインの式: $E=mc^2$


二次方程式の解: $x = \frac{-b \pm \sqrt{b^2-4ac}}{2a}$


オイラーの公式: $e^{i\pi} + 1 = 0$


ベクトルの内積: $\vec{a} \cdot \vec{b} = |\vec{a}||\vec{b}|\cos\theta$


### ブロック数式


ガウス積分:
$$
\int_0^\infty e^{-x^2} dx = \frac{\sqrt{\pi}}{2}
$$


フーリエ変換:
$$
F(\omega) = \int_{-\infty}^{\infty} f(t) e^{-i\omega t} dt
$$


行列:
$$
\begin{pmatrix}
a & b \\
c & d
\end{pmatrix}
\begin{pmatrix}
x \\
y
\end{pmatrix}
=
\begin{pmatrix}
ax + by \\
cx + dy
\end{pmatrix}
$$


総和と積分:
$$
\sum_{i=1}^{n} i = \frac{n(n+1)}{2}
$$


$$
\int_a^b f(x) dx = F(b) - F(a)
$$


### 複雑な数式


偏微分方程式:
$$
\frac{\partial u}{\partial t} = \alpha \frac{\partial^2 u}{\partial x^2}
$$


ベイズの定理:
$$
P(A|B) = \frac{P(B|A) \cdot P(A)}{P(B)}
$$


---

## テスト3: Mermaid - フローチャート


```mermaid
graph TD
    A[開始] --> B{条件判定}
    B -->|Yes| C[処理1]
    B -->|No| D[処理2]
    C --> E[終了]
    D --> E
```


---

## テスト4: Mermaid - シーケンス図


```mermaid
sequenceDiagram
    participant A as クライアント
    participant B as サーバー
    participant C as データベース
   
    A->>B: リクエスト
    B->>C: クエリ
    C-->>B: 結果
    B-->>A: レスポンス
```


---

## テスト5: Mermaid - ガントチャート


```mermaid
gantt
    title プロジェクトスケジュール
    dateFormat YYYY-MM-DD
    section 設計
    要件定義 :a1, 2024-01-01, 10d
    詳細設計 :a2, after a1, 15d
    section 開発
    実装 :b1, after a2, 20d
    テスト :b2, after b1, 10d
```


---

## テスト6: Mermaid - クラス図


```mermaid
classDiagram
    class Animal {
        +String name
        +int age
        +eat()
        +sleep()
    }
    class Dog {
        +bark()
    }
    class Cat {
        +meow()
    }
    Animal <|-- Dog
    Animal <|-- Cat
```


---

## テスト7: Mermaid - 状態図


```mermaid
stateDiagram-v2
    [*] --> 待機
    待機 --> 処理中: 開始
    処理中 --> 完了: 成功
    処理中 --> エラー: 失敗
    完了 --> [*]
    エラー --> 待機: リトライ
```


---

## テスト8: Mermaid - ER図


```mermaid
erDiagram
    CUSTOMER ||--o{ ORDER : places
    ORDER ||--|{ LINE-ITEM : contains
    PRODUCT ||--|{ LINE-ITEM : "ordered in"
    CUSTOMER {
        string name
        string email
    }
    ORDER {
        int orderNumber
        date orderDate
    }
    PRODUCT {
        string productName
        float price
    }
```


---

## テスト14: 統合テスト - Markdown + TeX


### 数式を含むMarkdown


ニュートンの第二法則は **$F=ma$** で表されます。


エネルギー保存則:
$$
E = \frac{1}{2}mv^2 + mgh
$$


ここで、$m$ は質量、$v$ は速度、$g$ は重力加速度、$h$ は高さです。


---

## テスト15: 統合テスト - Markdown + Mermaid


### 処理フローの説明


以下のフローチャートは、システムの処理フローを示しています。


```mermaid
graph LR
    A[入力] --> B{検証}
    B -->|OK| C[処理]
    B -->|NG| D[エラー]
    C --> E[出力]
    D --> F[ログ]
```


このフローは **3つのステップ** で構成されています。


---

## テスト16: 統合テスト - すべての機能


### 完全統合テスト


このセクションでは、**Markdown**、$TeX$、Mermaidをすべて組み合わせます。


#### 数式と図の組み合わせ


物理法則: $E = mc^2$


処理フロー:
```mermaid
graph TD
    A[開始] --> B[計算]
    B --> C{結果確認}
    C -->|OK| D[終了]
    C -->|NG| B
```




これで **すべての機能** が正しく動作することを確認できます。


---

## 確認項目チェックリスト


### Markdown

- Markdownの見出し(h1-h6)が正しく表示される
- Markdownの太字・斜体・太字斜体が正しく表示される
- Markdownの段落が正しく表示される
- Markdownのリスト(順序なし・順序付き、ネストを含む)が正しく表示される
- Markdownのコード(インライン・ブロック)が正しく表示される
- Markdownのリンクが正しく表示される
- Markdownの引用が正しく表示される(複数行・段落分けを含む)
- Markdownのテーブルが正しく表示される(配置指定:左・中央・右揃えを含む)
- Markdownの水平線(hr)が正しく表示される

### TeX (MathJax)

- TeXの行内数式が正しく表示される($E=mc^2$、二次方程式、オイラーの公式、ベクトルの内積など)
- TeXのブロック数式(単一行)が正しく表示される
- TeXのブロック数式(複数行)が正しく表示される
- TeXの行列(pmatrix)が正しく表示される(複数行列の積を含む)
- TeXの総和記号(\sum)が正しく表示される
- TeXの積分記号(\int)が正しく表示される(定積分・不定積分を含む)
- TeXの偏微分方程式が正しく表示される
- TeXのベイズの定理が正しく表示される
- TeXの分数(\frac)が正しく表示される
- TeXの根号(\sqrt)が正しく表示される
- TeXの上付き・下付き文字が正しく表示される

### Mermaid

- Mermaidのフローチャートが描画される
- Mermaidのシーケンス図が描画される
- Mermaidのガントチャートが描画される
- Mermaidのクラス図が描画される
- Mermaidの状態図が描画される
- MermaidのER図が描画される

### 統合テスト

- Markdown + TeXの組み合わせが正しく動作する
- Markdown + Mermaidの組み合わせが正しく動作する
- すべての機能の組み合わせが正しく動作する

Citation

“Markdown / TeX / Mermaid / TEST,” unjuno'sResearchLibrary, accessed October 7, 2026, https://archive.unjuno.org/items/show/123.

コメント