Markdownプレビュー
HTML出力
使い方
- 入力欄にMarkdownテキストを入力または貼り付けます。
- レンダリングされたプレビューがリアルタイムで更新されます。
- プレビューの下に生成されたHTML出力を確認できます。
対応する構文
- 見出し：# H1、## H2、### H3（H6まで）
- 太字：**テキスト**、斜体：*テキスト*、太字斜体：***テキスト***
- コード：`インラインコード`、```フェンスドコードブロック```
- リンク：[テキスト](URL)、画像：
- リスト：- 項目 または 1. 項目
- 引用：> 引用文
- 水平線：--- または ***
- 打ち消し線：~~テキスト~~
Markdownとは
Markdownは、2004年にJohn Gruberによって考案された軽量マークアップ言語です。シンプルで読みやすい記法を使って、HTMLに変換できる書式付きテキストを作成できます。GitHubやGitLab、Stack Overflowをはじめとする多くのプラットフォームで標準的な記述形式として採用されています。READMEファイル、技術ドキュメント、ブログ記事、メモアプリなど幅広い場面で活用されており、HTMLを学ばなくても構造化された文書を手軽に書ける点が大きな魅力です。
活用例
- GitHubやGitLabでのソフトウェアプロジェクトのREADMEファイル。
- 技術ドキュメントやAPIリファレンスの作成。
- Jekyll、Hugo、Gatsbyなどを使ったブログ記事の執筆。
- ObsidianやNotionなどのアプリでの個人メモやナレッジベースの管理。
- 統一されたフォーマットが求められる技術文書やレポートの作成。
Markdownを書くコツ
- 見出し（# 〜 ######）を活用して、文書の構造と階層を明確にしましょう。
- 公開前にプレビューを確認し、書式の崩れを早めに発見しましょう。
- セル結合のあるテーブルや文字色の変更など、高度な書式が必要な場合はインラインHTMLと組み合わせましょう。
- コードブロックには言語名（例：```javascript）を指定すると、シンタックスハイライトが適用されます。
- 1行を短めに保ち、段落間に空行を入れると、ソースの可読性が向上します。
プライバシー
すべてのレンダリングはブラウザ内で完結します。データがサーバーに送信されることはありません。HTML出力はXSS防止のためにサニタイズされます。