Markdown プレビュー
MarkdownテキストをリアルタイムでHTML変換してプレビューします。
Markdown プレビューについて
MarkdownはJohn Gruber氏が2004年に考案した軽量マークアップ言語で、プレーンテキストのまま読みやすく、かつ簡単な記法でHTMLに変換できる点が支持され、GitHubのREADMEをはじめ技術文書の事実上の標準フォーマットになっています。
GitHub Flavored Markdown（GFM）はGitHub社が拡張した仕様で、テーブルやタスクリスト、取り消し線など標準のMarkdownにはない記法が追加されています。このツールはGFM準拠でリアルタイムにHTML変換するため、README・技術ブログ・Pull Requestの説明文などを実際の見た目を確認しながら書き進められます。
主な使い方
- 1GitHubのREADMEやPull Requestの説明文をプレビュー確認しながら書く
- 2Zenn・Qiita等の技術ブログ記事をMarkdownで下書きして見た目を確認する
- 3Notionやドキュメントツールへ移行する前にMarkdownをプレビューする
- 4コードブロックや表（テーブル）の表示を確認してから共有する
よくある質問
Q. どのMarkdown記法に対応していますか？
A. GitHub Flavored Markdown（GFM）に対応しており、見出し・リスト・コードブロック・表・チェックボックス・打ち消し線などが使えます。
Q. シンタックスハイライトはサポートされていますか？
A. コードブロックは等幅フォントで表示されますが、言語ごとのシンタックスハイライト（色分け）には対応していません。
Q. 入力したMarkdownはサーバーに送られますか？
A. いいえ。すべての変換処理はブラウザ上で行われます。機密情報を含む文書も安心してお使いいただけます。
関連ツール
- JSON整形・検証JSONを見やすくインデント整形し、構文エラーの箇所をすぐに検出します。1行への圧縮（ミニファイ）にも対応し、APIレスポンスや設定ファイルの確認に便利。ブラウザ内で完結し、データは外部に送信されません。
- SQL整形1行に詰まったSQLクエリを、キーワードごとに改行・インデントして見やすく整形します。MySQL・PostgreSQL・SQLiteの方言に対応し、レビューやデバッグに便利。ブラウザ内で完結し、データは送信されません。
- YAML整形・変換YAMLを見やすく整形し、JSONとYAMLを相互に変換します。構文エラーも検出でき、KubernetesのマニフェストやDocker Composeなど設定ファイルの編集に便利。ブラウザ内で完結し、データは送信されません。
- 数値フォーマット数値を通貨・パーセント・指数表記など各種形式にフォーマットします。日本円・米ドル・ユーロなどの通貨や多言語ロケールに対応し、Intl.NumberFormatの出力確認に便利。ブラウザ内で完結します。
- CSS整形・圧縮CSSを見やすく整形（ビューティファイ）、または不要な空白やコメントを取り除いて圧縮（ミニファイ）します。圧縮後のサイズ削減率も確認可能。ブラウザ内で完結し、コードは外部に送信されません。