Markdown コードブロック
最終更新：2026-10-14
コードブロック CommonMark コア
3 つのバッククォート ``` でコードを囲み、言語名を付けると、シンタックスハイライト付きのフェンスコードブロックになります。技術文書を書くうえで最も重要な構文で、本サイトのチュートリアルにあるすべてのコード例もこの書き方です。
| 所属グループ | 基礎・ブロック |
|---|---|
| 仕様レベル | CommonMark コア |
| 仕様バージョン | CommonMark 0.31.2 + GFM |
📝 構文
```js
コードの中身
```▶ オンライン例
左で Markdown を編集すると右に即時反映
💡 ポイント
💡 Tip 言語名を付けるとシンタックスハイライトが有効になります。js、python、css、html など主要言語に対応しています。
⚠️ Warning フェンス内の Markdown 構文は一切解析されません。ソースを見せたいときにはこれが利点で、記号をそのまま表示したい場合はコードブロックに入れます。
❓ よくある質問
Q コード自体にバッククォートが含まれている場合は？
A より多くのバッククォートを外側のフェンスにします。内側が 3 個なら、外側は 4 個以上にします。
Q インデントコードブロックとフェンスコードブロックはどちらを選べばよいですか？
A フェンス式を一貫しておすすめします。言語を付けられ、4 スペースの字下げが不要で、リスト内での挙動も制御しやすいためです。
Q チルダ ~~~ でもフェンスを開けますか？
A 開けます。``` と ~~~ はどちらも標準のフェンスで、~~~ は内容にバッククォートがあっても衝突しないのが利点です。
📚 関連項目
インデントコードブロックCommonMark コア インラインコードCommonMark コア