— Interactive Tools

Markdown プレビュー

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

— ドキュメント
— サンプル
51 words344 chars18 lines1 min read
ライブ同期
Reader-supported tools

Five free generations an hour. Help keep it that way.

These tools use real AI credits. Reader support keeps them generous, private, and available without ads, accounts, or a paywall.

What support protects

5 generations per hour

No ads or paywall

The best available model

No tracking of your writing

What happens below the $100 hosting floor?

Public use may be reduced to 3 generations per day, and a lower-cost model introduced after Sep 30, 2026.

September hosting floor

$47 of $100

47% funded
$100

Keeps the tool online, fast, and free for everyone.

$200

Raises the public cap to 10 generations per hour.

$500

Higher-quality AI models for better, more coherent outputs.

$750

Time to fix bugs and ship the features you ask for.

$1500

Advanced features, tool improvements, and your feature requests.

If these tools have been useful, a monthly pledge or one-time coffee genuinely helps.

Secure payment · no account for one-time support

Tool of the dayDesign & Creative

AI Game Idea Generator

Generate detailed game concepts for video games, board games, card games, and more. AI-powered ideas with mechanics, themes, and creative hooks.

Tool of the weekInstagram

Instagram Bio Generator

Create niche-specific Instagram bios under 150 characters with emojis, line breaks, and CTAs. AI-powered, free, no sign-up.

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

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

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

よくある質問