Repolode
投稿する
mdx-js

mdx-js/mdx

MDXはMarkdown文書内にJSXコンポーネントを記述できるフォーマットで、バンドラーやReact、Preact、Vue向けのコンパイラーを備えています。

GitHub で見る公式サイト
スター
19,852
フォーク
1,182
未解決の Issue
21
最終コミット
昨日

これは何？

MDXを使うと、Markdownファイル内にJSXを記述できます。チャートやアラートなどのコンポーネントをインポートして文章に直接埋め込めるため、インタラクティブな要素を含む長文ドキュメントや記事に適しています。

このリポジトリには、MDXをJavaScriptにコンパイルするパッケージと、webpackやRollupなどのバンドラー向けインテグレーションが含まれています。React、Preact、Vueをサポートしています。

プロジェクトのWebサイトには、MDXを試せるプレイグラウンドが用意されています。また、既存のプロジェクトにMDXを導入するためのスタートガイドも掲載されています。

主な機能

  • 01Markdownコンテンツ内にJSXコンポーネントを直接埋め込めます。
  • 02MDXドキュメント内でJavaScriptの値をインポート、エクスポートできます。
  • 03MDXをJavaScriptにコンパイルし、webpackやRollupなどのバンドラーで利用できます。
  • 04React、Preact、Vueと連携できます。

ユースケース

  • 文章とインタラクティブなコンポーネントを組み合わせたドキュメントサイトの作成。
  • チャートやアラートを埋め込んだ長文のブログ記事の執筆。
  • コンポーネント駆動のページで構成される、コンテンツ主体のReactまたはVueサイトの構築。

クイックスタート

  1. 1

    プロジェクトに MDX を統合するためのスタートガイドを読む

  2. 2

    オンラインプレイグラウンドで MDX を試す

収録されている特集

コンパイラ、トランスパイラ、プログラミング言語静的サイトジェネレーターとドキュメントツール

トピック

#markdown#jsx#react#vue#documentation#static-site#compiler#mdx#remark#unified

よくある質問

mdx とは？
MDXはMarkdown文書内にJSXコンポーネントを記述できるフォーマットで、バンドラーやReact、Preact、Vue向けのコンパイラーを備えています。 MDXを使うと、Markdownファイル内にJSXを記述できます。チャートやアラートなどのコンポーネントをインポートして文章に直接埋め込めるため、インタラクティブな要素を含む長文ドキュメントや記事に適しています。
mdx は無料で使えますか？ライセンスは？
mdx は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
mdx は今もメンテナンスされていますか？
活発にメンテナンス中。mdx の最終コミットは 2026年11月6日 です。
mdx は何に使えますか？
文章とインタラクティブなコンポーネントを組み合わせたドキュメントサイトの作成。 チャートやアラートを埋め込んだ長文のブログ記事の執筆。 コンポーネント駆動のページで構成される、コンテンツ主体のReactまたはVueサイトの構築。
mdx のインストール方法は？
プロジェクトに MDX を統合するためのスタートガイドを読む オンラインプレイグラウンドで MDX を試す
mdx はどこで入手できますか？
ソースコードとインストール手順は GitHub にあります：https://github.com/mdx-js/mdx

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト