マークダウンプレビューア
Markdownをリアルタイムでプレビュー。
Markdownプレビューア
機能紹介
これはリアルタイムで Markdown をプレビューできるツールです。
対応している記法
インラインコード引用もサポートしています
const hello = "world";
console.log(hello);
このツールについて
Markdown記法で書いたテキストをリアルタイムでHTMLとしてプレビューできるツールです。左側のエディタに入力するとすぐ右側に整形結果が表示されるため、ブログ記事やGitHubのREADME、技術ドキュメントを書く際の確認作業に便利です。見出し、リスト、コードブロック、リンクなど主要な記法に対応しています。
主な機能
- ✓入力と同時に右側にHTMLプレビューを表示
- ✓見出し・太字・斜体・取り消し線に対応
- ✓コードブロックとインラインコードのシンタックス表示
- ✓リスト・引用・水平線・リンク・画像をサポート
- ✓ブラウザ内処理で外部送信なし
使い方
- 1Markdownを入力左側のテキストエリアにMarkdown記法で文章を入力します。
- 2プレビューを確認右側のプレビュー領域にレンダリング結果がリアルタイムで反映されます。
- 3そのまま編集を続ける結果を見ながら見出しレベルやリストの調整を行えます。
こんな場面で便利
ブログ記事の執筆
Qiitaやnoteなどに投稿する前にレイアウトを確認しながら下書きできます。
GitHub READMEの作成
リポジトリのREADME.mdを公開前にプレビューで確認できます。
技術ドキュメントの整備
社内Wikiや仕様書のMarkdown表記を整える際の動作確認に使えます。
Markdown記法の学習
記法を変えながら結果がどう変わるかを試して習得できます。
よくある質問
- 対応しているMarkdown記法は？
- 見出し、太字、斜体、取り消し線、リスト、リンク、画像、コードブロック、引用、水平線に対応しています。
- GFM（GitHub Flavored Markdown）に対応していますか？
- 基本的な記法には対応していますが、テーブルや脚注など一部の拡張記法は未対応です。
- プレビュー結果をコピーできますか？
- プレビュー領域のテキストを選択してコピーできます。