Webページを Markdown でコピーする方法（Chrome・Edge）

公開： ・ 書いた人：Sh23

Webページの文章をメモアプリやAIチャットに貼ると、見出しや表がくずれることがあります。Markdown の形でコピーすれば、形を保ったまま使えます。この記事では、拡張機能なしでできる方法と、拡張機能を使う方法を順に説明します。

Markdown とは

Markdown は、記号で文章の形を表す書き方です。ただの文字なので、どのアプリにも貼れます。

# 見出し
## 小見出し
- 箇条書き
**太字**
[リンクの文字](https://example.com)
| 材料 | 分量 |
| --- | --- |
| みそ | 大さじ2 |

# の数で見出しの大きさを、- で箇条書きを表します。表は | で区切ります。Notion、Obsidian、GitHub など、多くのアプリが Markdown を読めます。

ふつうにコピーすると何が困るのか

たとえば、次のようなページがあるとします（説明のために作った例です）。

この本文を選んで Ctrl+C（Mac は Command+C）でコピーし、テキストだけのメモ帳に貼るとします。すると、見出しはふつうの行になり、表はただの文字の並びになります。リンク先のURLも消えます。貼り付け先によっては、文字の大きさや色までついてきます。

方法1：拡張機能なしでコピーする

短い文なら、手で整える

数行なら、ふつうにコピーしてから、見出しの前に #、リストの前に - を自分でつけるのがいちばん早いです。リンクは [文字](URL) の形に書きかえます。URL はリンクを右クリックして「リンクのアドレスをコピー」で取れます。

読みやすい表示にしてからコピーする

Chrome には「リーディング モード」、Edge には「イマーシブ リーダー」があります。広告やメニューをかくして、本文だけを表示する機能です。ここからコピーすると、余計な文字が入りにくくなります。ただし、それだけでは Markdown の記号はつきません。仕上げは手で行います。

HTML を変換ツールにかける

パソコンに慣れている人向けの方法です。ページを右クリックして「検証」（Edge では「検査」）を選び、本文の部分の HTML をコピーしてファイルに保存します。そのファイルを Pandoc などの変換ツールで Markdown にします。

pandoc -f html -t gfm memo.html -o memo.md

手間はかかりますが、たくさんの記号を手で打たずにすみます。

方法2：拡張機能でコピーする（SumiClip の例）

同じ作業をよくするなら、拡張機能を使うと楽です。Markdown でコピーする拡張機能はいくつかあります。ここでは、Sh23 が作っている無料の拡張機能 SumiClip を例に説明します。

  1. Chrome ウェブストア、または Microsoft Edge アドオンから SumiClip を入れます（2026年11月の時点では公開の準備中です。公開したらトップページでお知らせします）。
  2. コピーしたいページを開きます。
  3. ツールバーの SumiClip のアイコンを押し、「ページ本文をコピー」を押します。
  4. メモアプリなどに貼り付けます。

右クリックやキーボードでも使えます。Alt+Shift+M で本文、Alt+Shift+S で選んだ部分をコピーします（Mac は Option+Shift）。

さきほどの味噌汁のページなら、次のようになります。

# 週末の味噌汁メモ

出典: https://kitchen.example/miso

## 材料（2人分）

| 材料 | 分量 |
| --- | --- |
| 豆腐 | 半丁 |
| みそ | 大さじ2 |

## 作り方

1. だしをあたためる
2. 豆腐を入れる
3. 火を止めてから、みそをとく

くわしくは[だしの取り方](https://kitchen.example/dashi)をどうぞ。

見出し・表・番号・リンクが残り、出典のURLも先頭につきます。変換はパソコンの中で行い、ページの内容を外に送りません。

ただし、どの拡張機能でも、サイトによっては本文の取り出しがうまくいかないことがあります。そのときは、必要な部分だけ選んでコピーしてください。

どの方法を選べばよいか

どの方法でも、貼り付けたあとに一度ざっと読み、形がくずれていないか確かめると安心です。

コピーするときの注意