Markdownテスト:記法まとめ





見出し (h1〜h6)

記法

# 見出し1 (h1)
## 見出し2 (h2)
### 見出し3 (h3)
#### 見出し4 (h4)
##### 見出し5 (h5)
###### 見出し6 (h6)

結果

見出し1 (h1)

見出し2 (h2)

見出し3 (h3)

見出し4 (h4)

見出し5 (h5)
見出し6 (h6)



テキスト装飾

記法

**太字(アスタリスク)**
__太字(アンダースコア)__
*斜体(アスタリスク)*
_斜体(アンダースコア)_
***太字かつ斜体***
~~取り消し線~~
`インラインコード`

結果

太字(アスタリスク)

太字(アンダースコア)

斜体(アスタリスク)

斜体(アンダースコア)

太字かつ斜体

取り消し線

インラインコード




リンクと画像

記法

[外部リンク](https://example.com)
[タイトル付きリンク](https://example.com "ホバーするとタイトルが表示される")
自動リンク: <https://example.com>
メールリンク: <test@example.com>
![代替テキスト](../../assets/blog-placeholder-1.jpg)

結果

外部リンク

タイトル付きリンク

自動リンク: https://example.com

メールリンク: test@example.com

代替テキスト




リスト

箇条書き

記法

- アイテム1
- アイテム2
  - ネスト1
  - ネスト2
    - 深いネスト
- アイテム3

結果

  • アイテム1
  • アイテム2
    • ネスト1
    • ネスト2
      • 深いネスト
  • アイテム3

番号付きリスト

記法

1. 最初
2. 二番目
3. 三番目
   1. ネスト1
   2. ネスト2

結果

  1. 最初
  2. 二番目
  3. 三番目
    1. ネスト1
    2. ネスト2

タスクリスト

記法

- [x] 完了したタスク
- [ ] 未完了のタスク
- [x] これも完了

結果

  • 完了したタスク
  • 未完了のタスク
  • これも完了



引用

記法

> これは引用文です。
>
> 複数の段落にまたがる引用もできます。
>
> > ネストされた引用も可能です。

結果

これは引用文です。

複数の段落にまたがる引用もできます。

ネストされた引用も可能です。




コードブロック(シンタックスハイライト)

JavaScript

記法

```javascript
function greet(name) {
  const message = `Hello, ${name}!`;
  console.log(message);
  return message;
}
```

結果

function greet(name) {
  const message = `Hello, ${name}!`;
  console.log(message);
  return message;
}

TypeScript

記法

```typescript
interface User {
  id: number;
  name: string;
}
const getUser = async (id: number): Promise<User> => {
  const response = await fetch(`/api/users/${id}`);
  return response.json();
};
```

結果

interface User {
  id: number;
  name: string;
}
const getUser = async (id: number): Promise<User> => {
  const response = await fetch(`/api/users/${id}`);
  return response.json();
};

Python

記法

```python
def fibonacci(n: int) -> list[int]:
    seq = [0, 1]
    for i in range(2, n):
        seq.append(seq[-1] + seq[-2])
    return seq[:n]
```

結果

def fibonacci(n: int) -> list[int]:
    seq = [0, 1]
    for i in range(2, n):
        seq.append(seq[-1] + seq[-2])
    return seq[:n]

Bash

記法

```bash
#!/bin/bash
echo "Hello, World!"
ls -la | grep ".md"
```

結果

#!/bin/bash
echo "Hello, World!"
ls -la | grep ".md"



テーブル

基本

記法

| 名前     | 年齢 | 職業       |
| -------- | ---- | ---------- |
| 田中太郎 | 25   | エンジニア |
| 鈴木花子 | 30   | デザイナー |

結果

名前年齢職業
田中太郎25エンジニア
鈴木花子30デザイナー

整列付き

記法

| 左揃え | 中央揃え | 右揃え |
| :----- | :------: | -----: |
| apple  |  banana  | cherry |
| 100    |   200    |    300 |

結果

左揃え中央揃え右揃え
applebananacherry
100200300



水平線

記法

---
***
___

結果





脚注

記法

これは脚注付きのテキストです[^1]。
別の脚注もあります[^note]。

[^1]: これが脚注の内容です。
[^note]: 名前付き脚注の内容です。

結果

これは脚注付きのテキストです1

別の脚注もあります2




HTML埋め込み

記法

<details>
<summary>クリックで展開</summary>
折りたたまれたコンテンツ
</details>

<kbd>Ctrl</kbd> + <kbd>C</kbd>

<mark>ハイライトされたテキスト</mark>

結果

クリックで展開 折りたたまれたコンテンツ

Ctrl + C

ハイライトされたテキスト




エスケープ

記法

\*アスタリスクをそのまま表示\*
\# ハッシュをそのまま表示
\[角括弧をそのまま表示\]

結果

*アスタリスクをそのまま表示*

# ハッシュをそのまま表示

[角括弧をそのまま表示]




改行

記法

行末にスペース2つで
強制改行できます。

結果

行末にスペース2つで
強制改行できます。




Footnotes

  1. これが脚注の内容です。

  2. 名前付き脚注の内容です。