Web Tool Lab
/開発ツール/マークダウンプレビュー

マークダウンプレビュー

Markdownの書き方を確認しながら文章を作成できるオンラインエディタです。エディタとプレビューの2ペイン表示でリアルタイムに描画結果を確認でき、HTML形式での書き出しにも対応しています。GitHubのREADME作成、技術ドキュメントの下書き、ブログ記事のMarkdown執筆など、幅広い文書作成に活用できます。

Markdown プレビュー

これは Markdown のライブプレビューツールです。左側にMarkdownを入力すると、右側にリアルタイムでプレビューが表示されます。

テキスト装飾

  • 太字 のテキスト
  • 斜体 のテキスト
  • 取り消し線 のテキスト
  • インラインコード の例

リスト

順序なしリスト

  • アイテム 1
  • アイテム 2
    • ネストしたアイテム
    • もうひとつ

順序付きリスト

  1. 最初の項目
  2. 次の項目
  3. 最後の項目

コードブロック

function greet(name) {
  console.log(`Hello, ${name}!`);
}

greet('World');

引用

Markdownはシンプルで強力なマークアップ言語です。

— John Gruber

テーブル

機能 対応
太字
斜体
コード
テーブル

リンクと画像

Markdown ガイド

水平線


テキストを自由に編集してみてください。

マークダウンプレビューの特徴

  • Markdownのリアルタイムプレビュー表示
  • HTML形式での書き出しに対応
  • テーブル・コードブロック・リストなど主要記法をサポート
  • エディタとプレビューの2ペイン表示

使い方

  1. 1左側のエディタにMarkdownテキストを入力
  2. 2右側のプレビューでリアルタイムに描画結果を確認
  3. 3必要に応じてHTML形式で書き出し

よくある質問

関連ツール