Interactive Tools

Markdown プレビュー

左で Markdown を編集し、右でレンダリング結果を確認。無料の書式ツールバーと GitHub Flavored Markdown。

ドキュメント
サンプル
51 words344 chars18 lines1 min read
ライブ同期
Tool of the dayMiscellaneous

AI Story Generator

Create complete stories with AI - from flash fiction to full narratives

Tool of the weekMusic & Creative

AI Song Name Generator

Generate song titles and names with AI. Pick genre, mood, and themes for catchy, original options. Free for musicians and songwriters.

Markdown プレビューとは?

分割プレビュー付きのライブ Markdown エディタです。左で Markdown を編集し、右でレンダリングされた HTML を確認できます。太字、斜体、見出し、リスト、リンク、コードブロックなどの書式ボタンがあります。

入力するとプレビューが更新され、生成ボタンは不要です。表、タスクリスト、取り消し線を含む GitHub Flavored Markdown に対応します。ライト、ダーク、GitHub テーマから公開先に合わせて選べます。無料、登録不要、すべてブラウザ内で動作します。

主な機能

ライブプレビュー

入力しながらレンダリング結果をリアルタイムで確認。遅延もなく、生成ボタンも不要です。

書式ツールバー

太字、斜体、見出し、リスト、リンク、コード、引用、区切り線へのクイックボタン。

GitHub Flavored Markdown

表、タスクリスト、取り消し線など、GitHub の拡張を完全サポート。

テーマ切替

ライト、ダーク、GitHub テーマでプレビューし、最終的な公開先に合わせられます。

インストール不要

ブラウザ上のエディタ。ダウンロード、設定、アカウントは不要です。

ずっと無料

編集とプレビューは無制限。利用上限も隠れた料金もありません。

こんな方に最適 everyone

  • README を書く開発者、ブログ記事を下書きするクリエイター、ドキュメントを整形するテクニカルライター、Markdown 構文を学ぶ学生。

Markdown プレビューの使い方

3 ステップで編集を始めます。

1

Markdown を入力または貼り付け

左のエディタで入力を始めます。初期例にはよく使う Markdown 構文があり、編集または置き換えできます。

2

ツールバーで書式を付ける

ツールバーのボタンで Markdown 構文を挿入します。先にテキストを選択すると、太字や斜体で囲めます。

3

ライブプレビューを見る

入力しながら右側で Markdown のレンダリングを確認します。テーマを切り替えて、別プラットフォームでの見え方をプレビューできます。

Markdown プレビューを使う人は?

よくある使い方:

GitHub README の作成

コミット前に README を下書きしてプレビュー。GitHub テーマで表、コードブロック、バッジを確認できます。

ブログ記事の下書き

Markdown で記事を書き、レンダリングを確認。完成した Markdown を CMS や静的サイトジェネレータへコピーできます。

ドキュメントの整形

見出し、コードブロック、リストで技術文書を整形。公開前にプレビューして構造を確認します。

Markdown 構文の学習

構文を試して即座にフィードバックを得られます。何も壊さずに書式を試せます。

最良の結果を得るためのヒント

Markdown 編集をより良くするヒント:

Tip 01

書式の前にテキストを選択

先にテキストを選択してからツールバーをクリックすると、太字、斜体、リンク構文で自動的に囲まれます。

Tip 02

プレビューテーマを公開先に合わせる

GitHub 向けなら GitHub テーマ。ブログならサイトの見た目に合わせてライトまたはダークを試してください。

Tip 03

公開前に表を確認

表は構文が厳密です。ツールでプレビューし、コミット前に揃えの問題を見つけましょう。

Tip 04

長い文書は見出しで構造化

セクションは ## または ### 見出しで始めます。プレビューが階層を示し、複雑な文書の整理に役立ちます。

よくある質問