Markdownを整える。

そもそも Markdown とは

記号を少し添えるだけで、見出しや箇条書きになる書き方。

どこで・どんな場面で使うか

• GitHub の README や Issue

  プロジェクトの説明書き（README）も、課題の報告も Markdown で書きます。書いた結果がどう見えるか、投稿前に確かめたいときに。

• 技術記事の投稿サイト

  Zenn や Qiita などは Markdown で記事を書きます。表や引用がきちんと整形されるか、公開前に見ておけます。

• メモアプリやナレッジ置き場

  Obsidian のように Markdown を標準にしたメモ系アプリがあります。見出しを付けて整理した結果を確かめられます。

• AI の回答をそのまま貼ったら記号だらけ

  AI の回答は Markdown 記法のまま出てくることがあります。貼ると「#」や「**」が残る場合に、整形後の見た目を見てから使えます。

• CMS やメールに貼る HTML を作る

  Markdown で書いたものを HTML に直して、ブログやお知らせの下書きに貼り付けるときに。

よくある勘違い

• 「Markdown はどこでも同じ見た目」ではありません。表やチェックボックスなど、使える記法はツールによって違います。貼り付ける先で確かめるのが確実です。
• 改行は、書いただけでは段落になりません。空行を入れると段落が分かれます。思った場所で改行されないときは、まず空行を疑ってみてください。
• 生の HTML タグは、このツールでは通しません。安全のため、タグはただの文字として表示されます。

上のツールに見出しや箇条書きを書いて、プレビューがどう変わるか確かめてみてください。

このツールのポイント・4つ

書いた瞬間に見える。しかも安全。

1. 1

   入力即プレビュー

   左にMarkdownを書くと、右に整形結果がその場で表示されます。見出し・強調・リスト・番号付き・引用・コードブロック・インラインコード・リンク・水平線・表・チェックボックスに対応します。

2. 2

   XSSが起きない安全な自前パーサ

   入力はいったん全部「ただの文字」としてHTMLエスケープし、このツール自身が許可したタグだけを組み立てて表示します。だから <script> や onclick=、javascript: リンクは実行されず、無害な文字として扱われます。

3. 3

   HTML出力・目次・カウント

   整形結果のHTMLソースをコピーできます。見出しからは目次（TOC）を自動生成（アンカー付き）。文字数・見出し数・行数・単語数も同時に表示します。

4. 4

   対応はGFMの一部（安全なサブセット）

   よく使う記法を安全に絞ってサポートしています。脚注・定義リスト・生HTMLの埋め込み・画像の外部読み込みなどには対応していません。生HTMLはあえて通しません（セキュリティ優先）。

🔒 変換はすべてあなたのブラウザの中（JavaScript）で完結します。書いた文章はサーバに送られません（送信ゼロ）。外部CDN・APIも使いません。