最終投稿日：2026年06月29日
Markdown（ブラウザ）
ブラウザで確認する方法（クロム）
マークダウン形式をいちいちVSCodeから確認するのは面倒ですよね。
では作成した「hoge.md」をブラウザにぶん投げてみましょう。
全く綺麗に表示されませんよね。 そこで《拡張機能》を以下の手順でインストールします。
いかがですか。特に「mermaid」の描画は感動的に綺麗ですよね？
では作成した「hoge.md」をブラウザにぶん投げてみましょう。
全く綺麗に表示されませんよね。 そこで《拡張機能》を以下の手順でインストールします。
○ Markdown Viewer Enhanced
① googleの検索窓から「Chrome ウェブストア」を検索する
② Chrome ウェブストアにアクセスにアクセスします
③ [Markdown Viewer Enhanced]を検索する
④ 恐らくTOPに表示されているので、それをクリック
⑤ [Chromeに追加]を押下する
⑥ [拡張機能を追加]を押下する
⑦ 拡張機能アイコン（パズルのピースみたいなの）クリック
⑧ POPメニューから[Markdown Viewer Enhanced]の右にある三点リーダをクリック
⑨ [ファイル URL へのアクセスを許可]を許可します
それではもう一度「hoge.md」をブラウザにぶん投げてみましょう。② Chrome ウェブストアにアクセスにアクセスします
③ [Markdown Viewer Enhanced]を検索する
④ 恐らくTOPに表示されているので、それをクリック
⑤ [Chromeに追加]を押下する
⑥ [拡張機能を追加]を押下する
⑦ 拡張機能アイコン（パズルのピースみたいなの）クリック
⑧ POPメニューから[Markdown Viewer Enhanced]の右にある三点リーダをクリック
⑨ [ファイル URL へのアクセスを許可]を許可します
いかがですか。特に「mermaid」の描画は感動的に綺麗ですよね？
ブラウザで確認する方法（Edge）
エッジはクロムの親戚の様なものなので、設定はほぼ同じです。
○ Markdown Viewer Enhanced
① アドレスバーに「edge://extensions/」を入れて移動
② Chromeウェブストアから拡張機能をインストールすることもできます。の「Chrome ウェブストア」クリック
③ 遷移先画面で「Markdown Viewer Enhanced」検索し、出てきたらクリック。
④ 「インストール」押下
⑤ [拡張機能を追加]を押下する
⑥ 拡張機能アイコン（パズルのピースみたいなの）クリック
⑦ POPメニューから[Markdown Viewer Enhanced]の右にある三点リーダをクリック
⑧ 「拡張機能の管理」選択
⑨ [ファイル URL へのアクセスを許可]を許可します
簡単ですね。
② Chromeウェブストアから拡張機能をインストールすることもできます。の「Chrome ウェブストア」クリック
③ 遷移先画面で「Markdown Viewer Enhanced」検索し、出てきたらクリック。
④ 「インストール」押下
⑤ [拡張機能を追加]を押下する
⑥ 拡張機能アイコン（パズルのピースみたいなの）クリック
⑦ POPメニューから[Markdown Viewer Enhanced]の右にある三点リーダをクリック
⑧ 「拡張機能の管理」選択
⑨ [ファイル URL へのアクセスを許可]を許可します
