📝 Markdown Preview
Markdownプレビューは、入力しながらMarkdownを整形済みHTMLにレンダリングする無料のオンラインツールです。エディターに見出し、リスト、コードブロック、リンク、表を書くと、ライブプレビューが即座に更新されます。ブラウザ上で完結し、登録は不要です。ライター、開発者、ドキュメント作成者は、公開前に書式を確認するために利用しています。
markdown を入力してリアルタイムに HTML レンダリングを即座に確認できます。
このツールとは?
Markdown Preview ツールは、markdown をリアルタイムで HTML にレンダリングする無料オンライン markdown エディターです。左側に入力すると、右側にフォーマットされた結果が即座に表示されます。README ファイル、ブログ記事、ドキュメント、その他の markdown コンテンツを公開前にプレビューするのに最適です。
Markdown は、プレーンテキストの書式設定を使用して構造化ドキュメントを作成する軽量マークアップ言語です。2004 年に John Gruber によって、ウェブ向けの執筆をできる限り簡単にするために作成されました。markdown を使えば、見出し、太字や斜体のテキスト、リスト、リンク、画像、コードブロック、テーブルなどを、すべてシンプルなテキスト記号で作成できます。markdown はあらゆる場所で使われています。GitHub の README、Reddit のコメント、Discord のメッセージ、ドキュメントサイト、多くのコンテンツ管理システムなどです。
このプレビューアーは、タスクリスト、取り消し線、コードブロック(等幅テキストで表示)などの GitHub Flavored Markdown (GFM) 拡張を含む、標準的な markdown 構文をサポートしています。すべてはブラウザー内で完全に実行されるため、コンテンツがサーバーにアップロードされることはありません。下書きが完全にプライベートであることを確信して執筆できます。仕組み
このツールは JavaScript の markdown パーサーを使用して、テキストをリアルタイムで HTML に変換します。エディターパネルで入力すると、パーサーが markdown 構文を文字ごとに処理し、対応する HTML 要素を生成してプレビューパネルに表示します。
パーサーはすべての標準的な markdown 要素を処理します。見出し(# から ######)、太字(**text**)、斜体(*text*)、リンク([text](url))、画像()、順序なしリスト(- または *)、順序付きリスト(1.)、コードブロック(```)、インラインコード(`code`)、引用(>)、水平線(---)、テーブルなどです。また、GitHub Flavored Markdown 拡張もサポートしています。タスクリスト(- [x])、取り消し線(~~text~~)などです。
レンダリングは完全にクライアント側で行われるため、サーバーへの通信は発生しません。markdown パーサーは軽量な独自の JavaScript 変換器です(サードパーティ製ライブラリではありません)。一般的な Markdown 要素に対応しており、ネストされたリストは単一レベルに平坦化されます。プレビューはキーストロークごとに更新され、真のライブ編集体験を提供します。使い方
- 左側のエディターに markdown を入力または貼り付けます。
- 右側にフォーマットされた HTML プレビューがリアルタイムで更新されるのを確認します。
- 標準的な markdown 構文(# 見出し、**太字**、*斜体* など)を使用します。
- GitHub Flavored Markdown を試しましょう。タスクリスト、テーブル、取り消し線などです。
- 必要に応じてレンダリングされた HTML または markdown ソースをコピーします。
よくある質問
どの markdown 構文に対応していますか?
標準 markdown(見出し、太字、斜体、リスト、リンク、画像、コード、引用、テーブル)に加えて、GitHub Flavored Markdown 拡張(タスクリスト、取り消し線、コードブロック(等幅テキストで表示))に対応しています。
markdown コンテンツはサーバーに送信されますか?
いいえ。すべての処理は JavaScript を使用してブラウザー内で行われます。コンテンツがデバイスから離れることはなく、下書きやメモの完全なプライバシーが保証されます。
GitHub の README ファイルに使用できますか?
はい。このプレビューアーは GitHub で使用されているのと同じ方言である GitHub Flavored Markdown をサポートしています。タスクリスト、テーブル、取り消し線は GitHub Flavored Markdown の一般的な書き方に合わせてサポートされています。ただしこれは軽量な独自のレンダラーであるため、複雑な入力は GitHub と異なる場合があります。
markdown でテーブルを作成するにはどうすればよいですか?
パイプ(|)で列を区切り、ヘッダー行にハイフン(-)を使用します。例: | Header 1 | Header 2 | \n|---|---| \n| Cell 1 | Cell 2 |
ヒントとアドバイス
Markdown は、レンダリング前でもプレーンテキストとして読みやすいように設計されています。見出し(#)を使ってドキュメント構造を作成し、見出しレベルを一貫させましょう。コードブロックでは、トリプルバッククォートの後に三重バッククォート(```)を使うとコードが等幅テキストとして表示されます。テーブルを作成する際は、パイプを垂直に揃えると読みやすくなります。タスクリスト(- [x] 完了、- [ ] 未完了)は README のプロジェクト追跡に最適です。GitHub 向けに執筆する場合は、ここで markdown を事前にプレビューして、プッシュ前にフォーマットの問題を見つけましょう。長いドキュメントにはアンカーリンクを含む目次を使用しましょう。行末にスペースを 2 つ入れると、markdown でハード改行が作成されることに注意してください。
関連ツール
文字数カウンター
単語数、文字数、文数、読書時間をカウントする無料ツール。レポート、記事、ブログの執筆に便利なオンライン文字カウントツールです。
繁体字・簡体字変換
繁体字(台湾・香港)と簡体字(中国大陸)のテキストを相互変換。文書作成や中国語学習に役立つ無料で登録不要のオンライン変換ツールです。
大文字小文字変換
テキストを大文字・小文字・タイトルケースに一括変換。変数名整形や論文見出しの作成など、コピペだけで文字の大小を揃えられる無料ツールです。
Lorem Ipsum ジェネレーター
Lorem Ipsumプレースホルダーテキストを即座に生成。段落、文、または単語を選択。ウェブデザインやモックアップ向けの無料オンラインダミーテキストジェネレー
改行削除
テキストの改行を一括削除して段落に統合。余分なスペースも除去し、コピペした文章をすっきり整理。PDFやメール用に文章を整える際に便利な無料のオンライン整形ツール