😆

Zennの記事をきれいに書くための記法まとめ

に公開

Zennでいざ記事を書こうと思ったけれど...わからなかった...

Zennで記事を書こうと思った際にどのようにすれば綺麗に書けるのか分からなかったので、色々と調べて分かりやすくまとめました。

✍️ Markdown(マークダウン)ってなに?

Markdown(マークダウン)は、ブログや記事を書くときに使う「簡単な書き方ルール(記法)」です。
たとえば、文章の中で見出しをつけたり、文字を太くしたり、コードをきれいに表示したりするときに、特別な書き方をします。
HTMLやプログラミングほど難しくなく、記号(# や * など)を使って直感的に書けるのが特徴です。
Zenn(このサイト)でも、記事を書くときにはMarkdown記法を使います。

🏷️見出し

# 見出し1(H1)
## 見出し2(H2)
### 見出し3(H3)

見出し1(H1)

見出し2(H2)

見出し3(H3)

🧾スニペットでの記載

スニペット(snippet)とは、ちょっとした短いプログラムの例や、設定方法の一部などを、読みやすく囲って表示したもののことです。

```vb:title=Module1.bas
Sub HelloZenn()
    MsgBox "Hello, Zenn!"
End Sub
```

title=Module1.bas
Sub HelloZenn()
    MsgBox "Hello, Zenn!"
End Sub

✨強調(太字・斜体)

**太字**
*斜体*
~~取り消し線~~


太字
斜体
取り消し線

📋箇条書き(リスト)

● 順序なしリスト

- りんご
- ばなな
  - みかん(ネスト)

  • りんご
  • ばなな
    • みかん(ネスト)

● 順序ありリスト

1. 朝起きる
2. 歯を磨く
3. 出発する

  1. 朝起きる
  2. 歯を磨く
  3. 出発する

📌引用(>)

これは引用です。

二重引用

📊表(テーブル)

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

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

🔗リンク

[]に囲まれた範囲がリンクテキスト

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


Google

🖼️画像の挿入と横幅の調整

🖼️Zennの画像ボタンからアップロード
横幅200pxに調整

![](https://storage.googleapis.com/zenn-user-upload/78513f1a4c2e-20250719.png =200x)


💬コメント

「```」で囲むことによって囲まれた範囲がコードではなくコメントになる

```
- りんご
- ばなな
  - みかん(ネスト)
```

- りんご
- ばなな
  - みかん(ネスト)

📏水平線

---


以上です。

株式会社ONE WEDGE

【Serverlessで世の中をもっと楽しく】
ONE WEDGEはServerlessシステム開発を中核技術としてWeb系システム開発、AWS/GCPを利用した業務システム・サービス開発、PWAを用いたモバイル開発、Alexaスキル開発など、元気と技術力を武器にお客様に真摯に向き合う価値創造企業です。
https://onewedge.co.jp/

Discussion