GitHub READMEプレビュー｜Markdownをリアルタイム確認
README.mdをGitHub風にリアルタイムプレビュー。表・タスクリスト・コード表示に対応し、Markdownと安全処理後のHTMLをコピーできます。入力はブラウザ内だけで変換します。
入力内容はブラウザ内だけで変換し、サーバーへ送信・保存しません。
安全のため、入力中のHTMLは無害化し、外部画像・埋め込みコンテンツ・外部スタイルはプレビューから除外します。GitHub独自機能のすべてを完全再現するものではありません。
GitHub READMEプレビューツールの特長
README.mdをリポジトリへ反映する前に、見出し、表、リスト、コードブロックなどをGitHub風のレイアウトで確認できます。入力と変換はブラウザ内で完結します。
対応している主な記法
- GFM: テーブル、取り消し線、タスクリストなどを表示します。
- コードブロック: 言語を指定したコードをシンタックスハイライトします。
- コピーと保存: 元のMarkdown、安全処理後のHTMLをコピーでき、README.mdとして保存できます。
安全に確認するための制限
Markdownに含まれる生のHTMLは無害化します。また、プレビューを開いただけで外部サイトへ接続しないよう、外部画像、動画、埋め込み、外部スタイルは表示しません。
このツールの使い方・詳細
🛠 使い方
左側にREADMEのMarkdownを入力すると、右側へGitHub風のプレビューを表示します。元のMarkdown、安全処理後のHTMLをコピーでき、README.mdとして保存できます。外部画像や埋め込みは安全のため読み込みません。
💡 活用シーン・ユースケース
- リポジトリにプッシュする前に、README の見栄え（テーブルやチェックボックスなど）を確認したい時に
- シンプルなポートフォリオサイトやドキュメントを、GitHub 風の読みやすいデザインで作成したい時に
- Markdown の書き方に慣れていない初心者の学習用ビューアーとして