MDX インタラクティブデモ 🎨

このページは MDX を使用しており、Markdown内で直接JSXコンポーネントを記述できます！

画像テスト

インラインスタイルの例

通常のMarkdownテキストに加えて、インラインでスタイルを適用できます。

広告テスト

カスタムコンポーネント

インタラクティブなボタン

カウンターの例

表現力豊かな情報ボックス

コードとコンポーネントの組み合わせ

通常のコードブロックも使えます：

const greeting = "Hello from MDX!";
console.log(greeting);

そして、その下にインタラクティブな要素を追加：

console.log(“このコードは実行されます！”);

タブUIの例

まとめ

MDXを使用すると：

• ✅ Markdownの書きやすさを保ちながら
• ✅ JSXコンポーネントを自由に埋め込み
• ✅ インタラクティブな要素を追加
• ✅ カスタムデザインを実現

できます！これにより、技術ドキュメントやチュートリアルをより魅力的に表現できます。