📝 Markdownプレビュー
【概要】
Markdownプレビューツールは、Markdown形式のテキストをリアルタイムで美しいHTMLプレビューに変換するツールです。左ペインに Markdown を記述すると、右ペインに即座にプレビューが表示されます。HTMLソースの確認も可能で、ブログ記事・README作成、ドキュメント編集に活躍します。
【仕組み・計算式】
Markdown形式：プレーンテキストで書きやすいマークアップ言語。「#」で見出し、「**」で太字、「-」でリストなど。
パーサー：Markdown テキストを字句解析・構文解析して、HTMLツリーに変換。
レンダリング：HTMLツリーをブラウザで描画。CSSで整形された見栄えの良いドキュメントを表示。
リアルタイム更新：入力の変更を検知して、約300msのデバウンス後に自動更新。遅延なく編集・確認が可能。
【使い方】
- 左ペインに Markdown 形式でテキストを入力
- 右ペインにリアルタイムでプレビューが表示
- 「HTMLソース」ボタンで生成された HTML を確認可能
- 「コピー」ボタンで HTML をコピーして他のサービスに貼り付け
【よくある質問（FAQ）】
Q1. Markdown の構文を忘れました。
A. 一般的な Markdown 構文：`# 見出し`、`**太字**`、`*斜体*`、`- リスト`、`[リンク](URL)` など。プレビューで確認しながら学べます。
Q2. GitHub の Markdown 方言に対応していますか？
A. 基本的な Markdown 構文に対応しています。GitHub Flavored Markdown（GFM）の拡張機能（テーブルなど）には対応していません。
Q3. 生成した HTML をどこに貼り付けますか？
A. WordPress、Wix などのエディタ、HTML メール、静的サイトジェネレータなど、HTML を受け付けるプラットフォーム全般に貼り付け可能です。