Markdownプレビュー・マークダウン確認ツール

Markdownの見た目をその場で確認できます

Markdownを入力

プレビューしたいMarkdownをそのまま貼り付けてください。

見出し、箇条書き、リンク、表、コードブロックなどを確認できます。

Markdownの表示を公開前に確認したいとき

READMEを書いたあとに見出しの階層が崩れていないか、技術記事のコードブロックが読みやすいか、Markdownの表が想定どおりに表示されるかを確認したい場合に使えます。GitHubやブログ、社内Wikiに貼り付ける前に、Markdownの見た目をブラウザ上でチェックできます。

README・記事下書き・社内ドキュメントでの利用シーン

開発者がGitHubのREADMEを整えるとき、ブログや技術記事の下書きを確認するとき、社内手順書をMarkdownで作成するときに向いています。リンク、箇条書き、引用、表、コードブロックをまとめて確認できるため、公開後に「表が崩れていた」「コードが読みづらい」と気づく前の確認に使えます。

ブラウザだけで使えるMarkdownプレビュー

UtiLabのMarkdownプレビューは登録不要で、スマホやPCのブラウザから使えます。入力したMarkdownはブラウザ内でプレビュー処理され、確認のためにサーバーへ保存する仕組みではありません。軽量なツールなので、メモや下書きをすぐ確認したいときにも使いやすい構成です。

表示が崩れる場合の確認ポイント

Markdownの表が崩れる場合は、区切り線のハイフンや縦線の数を確認してください。コードブロックが正しく表示されない場合は、バッククォートが3つずつ入っているか、開始と終了がそろっているかを見ると原因を見つけやすくなります。リンクが表示されない場合は、角括弧と丸括弧の組み合わせも確認してください。

Markdownプレビューでよくある質問

スマホでもMarkdownを確認できますか?

はい。スマホのブラウザでもMarkdownを貼り付けてプレビューできます。長いREADMEや記事下書きは、PCのほうが編集しやすい場合があります。

入力したMarkdownは保存されますか?

保存されません。プレビュー処理はブラウザ上で行われ、UtiLab側でMarkdown本文を保存する仕組みではありません。

コードブロックや表も確認できますか?

はい。見出し、リスト、リンク、引用、表、コードブロックなどの表示を確認できます。公開先のサービスによって細かな見た目が異なる場合は、最終的に投稿先でも確認してください。

HTMLとしてコピーできますか?

プレビュー結果がある場合は、生成されたHTMLをコピーできます。MarkdownをHTMLに変換して一時的に確認したい場合にも利用できます。