```conversation
つまみ: こんにちは！
かさな: こんにちは〜
つまみ: **Markdown 記法**も使えるよ
かさな: *本当ですね*
```

```conversation
つまみ: ツッコミを入れてみるぞ！
かさな: どういうこと？  ← 分かってない
かさな: 今の何！？
つまみ: **半角スペース2つ + 左矢印**するとできます！
かさな: なるほどね〜、半角スペース2つ + 左矢印 を本文中に埋め込みたいときはどうするの？
つまみ: `←` とかすればいいんじゃないかな
かさな: 確かに！  ←理解しました
```

````conversation
つまみ:: 複数行書いてみよう
かさな::
こうやるのかな？<br>
できてる？
つまみ:: できてます！
かさな:: コロンがない行は前の行の人の発言、ということだね
つまみ:: かしこい、ちなみに大きめの Markdown 記法と組み合わせることもできるぞ
```tsx
function hello(){
  console.log("Hello, world!");
}
```
かさな::
```conversation
かさな: おお〜すごい！発言中にコロンを書きたい場合はどうすれば良い？
つまみ: **使うコロンの数を増やす** (書き方の例を見て) か、`&colon;` と書くといいよ
かさな: Markdown のコードブロックをネストさせる方法みたいだね
```
つまみ:: 一人で会話しないでね
````

```twitter-archived
id: 1874713171594006580
name: つまみ
userid: trpfrog
date: 2025-01-02
tweet: おはようございます
```

```centering
中央揃え
```

```mermaid
graph LR;
  A-->B;
  A-->C;
  B-->D;
  C-->D;
```

````caution
注意！トンビはお前を狙っているぞ

トンビに注意！とかいうやつ、実は注意すればOKという意味ではなくて、**奴らは一瞬で狩りをするので外で食うな**という意味です。
覚えておきましょう。(一敗)
````

````youtube
ll8bo-A-_wc
````

```link-embed
https://trpfrog.net
```

```twitter
1874713171594006580
```

```centering-with-size
3em
デカい
```

```centering-with-size-bold
5em
ウワー！
```

````titled-frame
タイトル

ここに内容
````

````result-box
歩数: 10000 歩
距離: 5 km
````

````youtube
https://www.youtube.com/watch?v=qWjgAh21iio
````

```details
クリックして詳細を見る

ここに内容
```

````ignore-read-count
読了時間に影響を与えない文章

```ts
function hello(){
  console.log("Hello, world!");
}
```

```conversation
つまみ: ちゃんと **Markdown 記法** や *カスタムコンポーネント* も使えるよ
```
````

````infobox
ここにタイトル

ここにありがたい情報

```conversation
つまみ: ここにはつまみネットの Markdown 記法も使えるよ
かさな: そうなんだ！
```
````

````use-effect
const handler = () => {
  alert("アラートを出しました");
}

const button = document.getElementById("use-effect-button");
button.addEventListener("click", handler);
return () => {
  button.removeEventListener("click", handler);
}
````

``````markdown-example
`````markdown-example
````markdown-example
```conversation
つまみ: 見て見て、こんなこともできるよ
かさな: そうなんだ……
```
````
`````
``````

`````markdown-example
````markdown-example
```conversation
つまみ: 見て見て、こんなこともできるよ
かさな: そうなんだ……
```
````
`````

````markdown-example
```conversation
つまみ: 見て見て、こんなこともできるよ
かさな: そうなんだ……
```
````

```conversation
つまみ: 見て見て、こんなこともできるよ
かさな: そうなんだ……
```