ページ内ナビ
概要
MarkedはMarkdownをHTMLへ変換するparser・compilerです。軽量かつ低水準の処理系としてNode.js、browser、CLIから利用でき、optionやcustom extensionでtokenize・render処理を拡張できます。
特徴と向いている用途
公式資料に基づく紹介・実機未検証 · 内容確認日:
主な特徴
marked.parseでMarkdown文字列をHTMLへ変換する
Node.jsではmarked.parse()へMarkdown文字列を渡してHTMLを得られます。browser向けUMD/ESM buildも配布され、同じparserをclient-side renderingへ利用できます。
CLIから標準入力やfileをHTMLへ変換する
global installしたmarked commandでMarkdownを読み込み、-oでHTML fileへ書き出せます。marked --helpから利用可能なoptionも確認できます。
出典:[1]
optionとcustom extensionで解析・render処理を拡張する
公式documentationはoption設定に加えてextension機構を提供しており、標準のMarkdown処理へ独自のtokenizerやrenderer等を組み込めます。
出典:[1]
向いている用途
Markdown preview・documentation・content変換pipelineを共通化したい場合に向く
server-side変換、browser preview、CLI batch処理などで、同じMarkdown parserを小さな依存として使いたい用途に適します。
出典:[1]
導入前の確認
生成HTMLはsanitizeされない
READMEはMarkedが出力HTMLをsanitizeしないことを明記し、DOMPurify、sanitize-html等で出力をsanitizeするよう案内しています。利用者入力をそのままDOMへ挿入しないでください。
出典:[1]
参考にした公式資料
- [1]Marked v18.0.14 README(2026-10-05)
- [2]Marked v18.0.14 package metadata(2026-10-05)
- [3]Marked v18.0.14 release(2026-10-05)
- [4]Marked MIT license(2026-10-05)
編集部からの補足
MarkdownをHTMLへ変換する処理をNode.js・browser・CLIで共通化しやすい一方、出力HTMLのsanitizeはMarkedの責務外です。利用者入力を表示する用途では、READMEが推奨するDOMPurify等との組み合わせを前提にしてください。
3ステップで試す
- 1
Node.js要件を確認してMarked 18.0.14を導入する
package metadataのNode.js 20以上という要件を確認し、安定版を一時ディレクトリへ固定します。
node -e 'if (Number(process.versions.node.split(".")[0]) < 20) throw new Error("Marked 18 requires Node.js >= 20")' && demo=$(mktemp -d "${TMPDIR:-/tmp}/marked.XXXXXX") && cd "$demo" && npm init -y >/dev/null && npm install --save-exact marked@18.0.14 - 2
MarkdownをHTMLへ変換するscriptを作る
READMEのNode.js例に沿って
marked.parse()を呼び、見出しとstrong要素へ変換します。printf "%s\n" "import { marked } from 'marked';" "const html = marked.parse('# Hello **Marked**');" "console.log(html);" "if (!html.includes('<strong>Marked</strong>')) throw new Error('unexpected output');" > demo.mjs - 3
変換結果を実行して確認する
HTMLが出力され、
<strong>Marked</strong>を含むことをscript内のcheckで確認します。node demo.mjs
成長
成長の推移 · 直近30日
37,223 Stars
推移データを蓄積中です。
開発アクティビティ
直近90日・週次
- Commit(直近30日)
- 29
- Open PR
- 14
開発アクティビティを蓄積中です。
Built with
カテゴリとタグ
カテゴリ
GitHubデータ
GitHubのデータGitHubの詳細データを見る
GitHub Topics
- markdown
- compiler
- parser
- commonmark
- gfm
- hacktoberfest
- Stars
- 37,223
- Forks
- 3,747
- Watchers
- 384
- Open Issues
- 12
- Contributors
- 233
- 所有者種別
- Organization
- 主要言語
- TypeScript
- ライセンス
- MIT
- リポジトリ最終更新
- 2026/10/05
関連情報
関連記事を投稿するこのOSSの使い方や活用事例をMarkdownで投稿できます。管理者が承認した後に公開されます。
あわせて探訪
- melonJS6,401 Stars
共通タグ 3件
WebGPU・WebGL 2・Canvasを同じAPIで扱い、ブラウザ向け2D/2.5Dゲームを組み立てるエンジン
JavaScript - Mermaid90,537 Stars
共通タグ 2件 · 共通カテゴリ 1件 · 同じ言語
flowchart・sequence・class・ER・Gantt等をtext syntaxからSVG diagramへ生成するdiagrams-as-code library
TypeScript - Vite83,152 Stars
共通タグ 2件 · 共通カテゴリ 1件 · 同じ言語
native ESM dev server・HMRとRolldown production buildを統合するfrontend build tool
TypeScript - Redux61,484 Stars
共通タグ 2件 · 共通カテゴリ 1件 · 同じ言語
共有状態の更新経路をStore・Action・Reducerで明示し、現代的な実装はToolkitへ寄せる
TypeScript - Zustand58,786 Stars
共通タグ 2件 · 共通カテゴリ 1件 · 同じ言語
Reactの状態をproviderなしのhook storeで管理し、selectorで必要な部分だけ購読する
TypeScript - date-fns36,649 Stars
共通タグ 2件 · 共通カテゴリ 1件 · 同じ言語
JavaScriptのDateを純粋関数でformat・比較・加減算し、必要な関数だけ読み込む
TypeScript
情報の誤りを報告
掲載内容に誤りや古い情報があればお知らせください。