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>

結果
自動リンク: 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
タスクリスト
記法
- [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 |
結果
| 左揃え | 中央揃え | 右揃え |
|---|---|---|
| apple | banana | cherry |
| 100 | 200 | 300 |
水平線
記法
---
***
___
結果
脚注
記法
これは脚注付きのテキストです[^1]。
別の脚注もあります[^note]。
[^1]: これが脚注の内容です。
[^note]: 名前付き脚注の内容です。
結果
これは脚注付きのテキストです1。
別の脚注もあります2。
HTML埋め込み
記法
<details>
<summary>クリックで展開</summary>
折りたたまれたコンテンツ
</details>
<kbd>Ctrl</kbd> + <kbd>C</kbd>
<mark>ハイライトされたテキスト</mark>
結果
クリックで展開
折りたたまれたコンテンツCtrl + C
ハイライトされたテキスト
エスケープ
記法
\*アスタリスクをそのまま表示\*
\# ハッシュをそのまま表示
\[角括弧をそのまま表示\]
結果
*アスタリスクをそのまま表示*
# ハッシュをそのまま表示
[角括弧をそのまま表示]
改行
記法
行末にスペース2つで
強制改行できます。
結果
行末にスペース2つで
強制改行できます。