Zenn 拡張構文テスト
Zenn 拡張構文テスト
この記事では、Zenn Editorの拡張構文が正しく動作するかをテストします。
メッセージボックス
通常のメッセージ
警告メッセージ
アコーディオン（折りたたみ）
クリックして展開
折りたたみコンテンツがここに表示されます。
- 項目1
- 項目2
- 項目3
詳細な説明や追加情報をここに記載できます。
ネストされたコンテナ
外側のタイトル
これは外側のコンテナです。
コードブロック
TypeScript
interface User {
id: number;
name: string;
email: string;
}
function greet(user: User): string {
return `Hello, ${user.name}!`;
}
const user: User = {
id: 1,
name: 'Taro',
email: 'taro@example.com',
};
console.log(greet(user));
Python
def fibonacci(n):
if n <= 1:
return n
return fibonacci(n-1) + fibonacci(n-2)
# フィボナッチ数列の最初の10項
for i in range(10):
print(f"F({i}) = {fibonacci(i)}")
数式
インライン数式
アインシュタインの質量とエネルギーの等価性:
ブロック数式
ガウス積分の公式:
オイラーの公式:
テーブル
| 言語 | 難易度 | 用途 |
|---|---|---|
| TypeScript | あ | Web開発 |
| Python | い | データ分析、機械学習 |
| Rust | う | システムプログラミング |
| Go | え | バックエンド開発 |
リスト
順序なしリスト
- 項目1
- サブ項目1.1
- サブ項目1.2
- サブサブ項目1.2.1
- 項目2
- 項目3
順序付きリスト
- 最初のステップ
- 次のステップ
- 最後のステップ
タスクリスト
- 完了したタスク
- これも完了
- 未完了のタスク
- これも未完了
引用
これは引用文です。
複数行にわたって引用することができます。— 著者名
水平線
以下は水平線です。
Mermaid図表
フローチャート
シーケンス図
リンク
画像
通常の画像
画像サイズ指定（Zenn記法）
幅250pxに指定：
幅を指定せず高さ200pxに指定：
コードブロック（ファイル名付き）
TypeScriptファイル名表示
sample.ts
interface User {
id: number;
name: string;
}
const user: User = { id: 1, name: 'John' };
Pythonファイル名表示
main.py
def hello(name: str) -> str:
return f"Hello, {name}!"
print(hello("World"))
脚注のテスト
埋め込みコンテンツ
YouTubeの埋め込み
Twitterの埋め込み
GitHubリポジトリの埋め込み
CodePenの埋め込み
インラインコード
const greeting = 'Hello, World!'; のようにインラインでコードを記述できます。
リンクカード
単独行のURLはリンクカードとして表示されます：
まとめ
この記事では、Zenn Editorの主要な拡張構文をテストしました。