これは全ブロックの表示確認用テスト記事です。通常の段落に 太字・斜体・コード・マーカー を混ぜています。
1. 囲み(callout)4種
💡ヒント: これは hint パターンの囲みです。
⚠️注意: これは warning パターンの囲みです。
✅ポイント: これは point パターンの囲みです。
📝メモ: これは note パターンの囲みです。複数行も
改行して表示されます。
2. 良い点 / 気になる点
👍 良い点
- 軽量で持ち運びやすい
- バッテリーが長持ち
- 価格が手頃
👎 気になる点
- 防水ではない
- 付属ケースが別売り
3. 吹き出し(会話)
🧔
サンタ
これは左向きの吹き出しだよ。2行以上になっても
ちゃんと折り返されるはず。
🤖
アシスタント
こちらは右向き。アイコンの絵文字も切り替えできます。
4. FAQ(アコーディオン)
Q.無料枠だけで運用できますか?▾
個人ブログ規模なら当面ずっと無料で運用できます。配信帯域が先に天井に当たります。
Q.画像は何枚まで保存できますか?▾
Cloudinary無料枠で約25GB、記事換算で2000本以上でも余裕があります。
5. 手順(steps)
- 1本体を充電する
- 2電源を入れる
- 3アプリと接続する
- 4設定を保存して完成
5-1. 小見出し(H3)の確認
目次でサブ項目(インデント)として表示されるかの確認用 H3 です。
6. リンクカード
Next.js — The React Framework for the Web
本ブログのフロントエンドで使用しているフレームワーク。
🔗 nextjs.org
7. 引用・リスト
シンプルは究極の洗練である。
- 箇条書きの項目A
- 箇条書きの項目B
- 番号付きリスト1
- 番号付きリスト2
8. 画像ブロック(キャプション付き)
9. 画像付きリンクカード
Next.js — サムネイル付きリンクカードの表示確認
左側に画像、右側にタイトル・説明・ドメインが並ぶレイアウトです。
🔗 nextjs.org
以上で全ブロックの表示確認は完了です。