MD2Word

究極の Markdown 構文ガイド & チートシート

Markdown に関するすべてのワンストップリファレンス。標準的な GFM 書式設定から、Mermaid ダイアグラムや LaTeX 数式などの高度な機能まで、構造化されたリッチなコンテンツを作成するために必要なものがすべて揃っています。

1タイポグラフィ、書式設定、テキストスタイル

基本的な書式設定をマスターしましょう:太字、斜体、取り消し線、見出しレベル(H1-H6)。強調と明確さのためにテキストをスタイル設定する方法を学びます。

Markdown
# Heading Level 1
## Heading Level 2
### Heading Level 3
#### Heading Level 4
##### Heading Level 5
###### Heading Level 6

You can make text **bold**, *italic*, or ***both***.
You can also use ~~strikethrough~~ to indicate deleted text.

Using HTML tags for subscript/superscript:
H<sub>2</sub>O and E = mc<sup>2</sup>

Keyboard input:
Press <kbd>Ctrl</kbd> + <kbd>C</kbd> to copy.
プレビュー
Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5
Heading Level 6

You can make text bold, italic, or both. You can also use strikethrough to indicate deleted text.

Using HTML tags for subscript/superscript: H2O and E = mc2

Keyboard input: Press Ctrl + C to copy.

2リスト:順序付き、順序なし、タスクリスト

箇条書き、番号付きリスト、ネストされた項目を使用して、整理されたコンテンツを作成します。インタラクティブな GFM タスクリストで進捗状況を追跡します。

Markdown
### Unordered List
- Project Alpha
- Project Beta
  - Frontend
    - React
    - Vue
  - Backend
    - Node.js
    - Python

### Ordered List
1. Step One
2. Step Two
   1. Sub-step A
   2. Sub-step B
3. Step Three

### Task List
- [x] Design Database Schema
- [x] Set up API endpoints
- [ ] Write documentation
- [ ] Deploy to production
プレビュー

Unordered List

  • Project Alpha
  • Project Beta
    • Frontend
      • React
      • Vue
    • Backend
      • Node.js
      • Python

Ordered List

  1. Step One
  2. Step Two
    1. Sub-step A
    2. Sub-step B
  3. Step Three

Task List

  • Design Database Schema
  • Set up API endpoints
  • Write documentation
  • Deploy to production

4引用ブロックと GitHub アラート

引用ブロックと GitHub スタイルのアラート(メモ、ヒント、重要、警告、注意)を使用して、重要な情報を強調表示します。

Markdown
> Markdown is a lightweight markup language with plain text formatting syntax.
>
> > It is designed so that it can be converted to HTML and many other formats using a tool by the same name.

> [!NOTE]
> This is a note alert. Useful for general information.

> [!TIP]
> Pro Tip: You can drag and drop markdown files to convert them!

> [!IMPORTANT]
> Do not forget to check the preview before exporting.

> [!WARNING]
> This action cannot be undone.

> [!CAUTION]
> Proceed with extreme caution!
プレビュー

Markdown is a lightweight markup language with plain text formatting syntax.

It is designed so that it can be converted to HTML and many other formats using a tool by the same name.

NOTE

This is a note alert. Useful for general information.

TIP

Pro Tip: You can drag and drop markdown files to convert them!

IMPORTANT

Do not forget to check the preview before exporting.

WARNING

This action cannot be undone.

CAUTION

Proceed with extreme caution!

5コードブロックとシンタックスハイライト

さまざまなプログラミング言語(Python、JS など)のシンタックスハイライト付きコードスニペットを表示し、変数のインラインコードを使用します。

Markdown
Inline code is wrapped in backticks: `const x = 10;`

```tsx
import React from 'react';

const Button = ({ children }) => {
  return (
    <button className="bg-blue-500 text-white px-4 py-2 rounded">
      {children}
    </button>
  );
};
```

```python
def fibonacci(n):
    if n <= 1:
        return n
    return fibonacci(n-1) + fibonacci(n-2)
```

```json
{
  "name": "md2word",
  "version": "1.0.0",
  "features": ["html", "docx", "pdf"]
}
```
プレビュー

Inline code is wrapped in backticks: const x = 10;

import React from 'react';

const Button = ({ children }) => {
  return (
    <button className="bg-blue-500 text-white px-4 py-2 rounded">
      {children}
    </button>
  );
};
def fibonacci(n):
    if n <= 1:
        return n
    return fibonacci(n-1) + fibonacci(n-2)
{
  "name": "md2word",
  "version": "1.0.0",
  "features": ["html", "docx", "pdf"]
}

6表、配置、絵文字

GFM テーブルでデータを整理し、セルの配置を制御し、楽しい絵文字を挿入してドキュメントを強化します。

Markdown
| Feature | Support | Notes |
| :--- | :---: | ---: |
| **Tables** | ✅ | Easy to read |
| **Alignment** | 🟢 | Left/Center/Right |
| **Math** | 🧮 | KaTeX based |
| **Charts** | 📊 | Mermaid based |
| **Emojis** | 🎉 | :rocket: :heart: :smile: |
プレビュー
FeatureSupportNotes
TablesEasy to read
Alignment🟢Left/Center/Right
Math🧮KaTeX based
Charts📊Mermaid based
Emojis🎉:rocket: :heart: :smile:

7脚注と参照

必要な参照を提供しながらコンテンツをクリーンに保つために、学術的なスタイルの引用と脚注を追加します。

Markdown
Markdown is a lightweight markup language[^1]. 
It was created by John Gruber in 2004[^2].

[^1]: Markdown is often used for formatting readme files, for writing messages in online discussion forums, and to create rich text using a plain text editor.
[^2]: John Gruber created the Markdown language in 2004 in collaboration with Aaron Swartz.
プレビュー

Markdown is a lightweight markup language1. It was created by John Gruber in 20042.

Footnotes

  1. Markdown is often used for formatting readme files, for writing messages in online discussion forums, and to create rich text using a plain text editor.

  2. John Gruber created the Markdown language in 2004 in collaboration with Aaron Swartz.

8HTML 要素(折りたたみ可能な詳細)

<details> や <summary> などの生の HTML タグを使用して、FAQ や追加コンテンツ用のインタラクティブな折りたたみ可能なセクションを作成します。

Markdown
<details>
<summary><b>Click to expand System Requirements</b></summary>

- Processor: 2.5 GHz dual-core Intel Core i5
- Memory: 8 GB RAM
- Graphics: Intel Iris Plus Graphics 640
- Storage: 200 MB available space

</details>

<details>
<summary><b>Show Terms of Service</b></summary>

By using this service, you agree to...
1. Be nice
2. Write good markdown

</details>
プレビュー
Click to expand System Requirements
  • Processor: 2.5 GHz dual-core Intel Core i5
  • Memory: 8 GB RAM
  • Graphics: Intel Iris Plus Graphics 640
  • Storage: 200 MB available space
Show Terms of Service

By using this service, you agree to...

  1. Be nice
  2. Write good markdown

9LaTeX 数学と数式

LaTeX 構文の数式ブロック(KaTeX)を使用して、複雑な数式をレンダリングします。科学的および学術的な執筆に最適です。

Markdown
### 1. Simple (Inline & Block)
Newton's second law is $F=ma$.
The mass-energy equivalence:
$$ E = mc^2 $$

### 2. Medium (Integrals & Fractions)
The Gaussian Integral:
$$
\int_{-\infty}^\infty e^{-x^2}dx = \sqrt{\pi}
$$

### 3. Complex (Limits & Summation)
Definition of Derivative:
$$
\frac{\partial f}{\partial x} = \lim_{h \to 0} \frac{f(x+h) - f(x)}{h}
$$

Sum of Squares:
$$
\sum_{i=1}^{n} i^2 = \frac{n(n+1)(2n+1)}{6}
$$
プレビュー

1. Simple (Inline & Block)

Newton's second law is F=maF=ma. The mass-energy equivalence: E=mc2E = mc^2

2. Medium (Integrals & Fractions)

The Gaussian Integral:

ex2dx=π\int_{-\infty}^\infty e^{-x^2}dx = \sqrt{\pi}

3. Complex (Limits & Summation)

Definition of Derivative:

fx=limh0f(x+h)f(x)h\frac{\partial f}{\partial x} = \lim_{h \to 0} \frac{f(x+h) - f(x)}{h}

Sum of Squares:

i=1ni2=n(n+1)(2n+1)6\sum_{i=1}^{n} i^2 = \frac{n(n+1)(2n+1)}{6}

10Mermaid ダイアグラムとチャート

フローとデータを視覚化します。Mermaid.js を使用して、Markdown で直接フローチャート、シーケンス図、円グラフなどを作成します。

Markdown
```mermaid
graph LR
    A[Client] -->|HTTP Request| B(Load Balancer)
    B --> C{Server Cluster}
    C -->|One| D[Server 1]
    C -->|Two| E[Server 2]
    C -->|Three| F[Server 3]
    D --> G[(Database)]
```

```mermaid
sequenceDiagram
    autonumber
    User->>System: Login Request
    System->>DB: Query User
    DB-->>System: Return User Data
    System-->>User: Grant Access
```

```mermaid
pie title Programming Languages Used
    "TypeScript" : 55
    "Python" : 30
    "Rust" : 10
    "Go" : 5
```
プレビュー
Markdown 構文チートシート: GFM、Mermaid、LaTeX | MD2Word