Obsidian Web Clipperの使い方|読んだページをワンクリックで保存

パソコン

「このページ、あとで見返したい」と思ってブックマークしたのに、いざ必要なときに見つからない。ページが消えていたり、中身が変わっていたりする——。そんなことはありませんか?

Obsidianを使っているなら、公式の無料拡張Obsidian Web Clipperが便利です。ブラウザで見ているページを、ボタンひとつでObsidianのノートとして保存できます。

私もChromeに入れて、いざというときの連絡先や、「こういうときは、こうする」という対処の情報を保存してみました。最初の設定はほとんど要りませんでした。

この記事でわかること
  • Obsidian Web Clipperの入れ方
  • 1ページを保存するまでの手順と、保存された場所
  • 大事なところだけ保存する方法
  • うまく保存できないときの確かめるところ

Obsidianをまだ入れていない方は、先にObsidianとは?無料メモアプリの使い方入門をご覧ください。保管庫(Vault)を1つ作ってあれば準備は完了です。

Obsidian Web Clipperとは

項目内容
名前Obsidian Web Clipper
作っているところObsidianの公式
最新版1.7.1(2026年7月22日)
価格無料
対応ブラウザChrome・Brave・Microsoft Edge・Firefox・Safari など
必要なものObsidian本体と、保存先の保管庫(Vault)

保存したページは、自分のパソコンの中にMarkdownのノートとして残ります。公式は「利用状況のデータは集めない」と説明しており、中身もオープンソースで公開されています。

ブックマークとの違い
  • ブックマークはページの住所だけを覚えます。ページが消えたり書き換わったりすると、もう元の内容は見られません
  • Web Clipperは本文そのものをノートに書き写します。元のページが変わっても、保存した時点の文章が手元に残ります
  • 連絡先や手順のように、必要なときにすぐ見たい情報ほど向いています

STEP 1:ブラウザに拡張を入れる

  1. Chromeウェブストアで「Obsidian Web Clipper」を探します
  2. 提供元がObsidian(obsidian.md)になっていることを確かめて、[Chromeに追加]を押します
  3. アドレス欄の右にあるパズルのアイコンから、Obsidian Web Clipperをピン留めしておきます

BraveやEdgeも、Chromeと同じストアから入れられます。Firefoxは「Firefox Add-ons」から入れます。

STEP 2:ページを1つ保存してみる

  1. 保存したいページを開きます
  2. ツールバーのObsidianのアイコンを押します(右クリックのメニューからも開けます)
  3. 小さな画面が開き、ページの本文が自動で取り出されます
  4. いちばん下で保管庫とフォルダを確かめて、[Add to Obsidian]を押します

画面は上から「上の帯(テンプレートの切り替えなど)」「プロパティ」「ノートの中身」「下の帯(保存先とボタン)」の4つに分かれています。最初はいじらず、そのまま[Add to Obsidian]で大丈夫です。

私の場合、保管庫の名前は最初から出ていました。自分で入力する必要はありませんでした。

ブラウザから「Obsidianを開きますか?」と確認が出たときは、開くほうを選びます。

保存したノートはどこにある?

保存したあと、私も「どこに入ったのかな」と思いました。見てみると、保管庫の中に「Clippings」というフォルダができていて、そこに入っていました。

ノートの上のほうには、次のようなプロパティ(ノートの情報欄)が自動で付きます。

プロパティ入る内容
titleページのタイトル
source元のページのURL
author書いた人(分かる場合)
publishedページの公開日(分かる場合)
created保存した日
descriptionページの説明文
tagsタグ

「source」に元のURLが残るのがありがたいところです。あとで「最新の内容はどうなっているかな」と確かめたいとき、そこから元のページに戻れます。

大事なところだけ保存する(マーカー)

長いページを丸ごと保存すると、あとで読み返すのが大変です。そんなときはマーカー(ハイライト)機能を使います。

  1. 拡張の画面の上の帯にあるマーカーのボタンを押します
  2. ページ上で、残したい文章をなぞって印を付けます
  3. もう一度拡張を開いて[Add to Obsidian]を押すと、印を付けた部分だけが保存されます

ページの一部の文字を選択した状態で開くと、選択した部分が保存の対象になります。

うまく保存できないときの確かめどころ

症状原因直し方
ノートができない・中身が空保管庫の名前が違う拡張の設定で、保管庫の名前を1文字も違わずに入れる(フォルダの場所ではなく名前)
本文がうまく取れないサイトがあるページの作りが特殊残したい部分を選択するか、マーカーで印を付けてから保存する
ネットにつながっていないと画像が出ない画像はダウンロードされず、ネット上の場所を指しているだけObsidian側のコマンドで画像を保管庫に取り込む
キー操作で開かないほかの操作と重なっているアイコンから開く。キーの割り当ては、Chromeの拡張機能のショートカット設定で変えられる
画像は「保存されていない」と思っておく
  • ノートに書き写されるのは文章だけです。画像は元のサイトから読み込んで表示しています
  • 元のサイトが画像を消すと、ノートの画像も見えなくなります。図や表の画像が大事なページは、Obsidian側で画像を取り込んでおくと安心です

覚えておくと速いキーボード操作

キー(Windows)できること
Ctrl+Shift+O拡張の画面を開く
Alt+Shift+O画面を開かずに、すぐ保存
Alt+Shift+Hマーカーのオン・オフ
Alt+Shift+R読みやすい表示(リーダー)のオン・オフ

これは公式ヘルプに載っている割り当てです。キーを覚えなくても、アイコンと右クリックだけで使えます。

よくある質問

Q. お金はかかりますか?

かかりません。Web Clipperは無料で、Obsidian本体も無料で使えます。

Q. 保存した内容は、どこかに送られますか?

保存先は自分のパソコンにある保管庫です。公式も「利用状況のデータは集めない」と説明しています。

Q. 保存先のフォルダは変えられますか?

変えられます。保存するときに、画面の下の帯でフォルダを選べます。最初は「Clippings」のままで困らないので、慣れてから考えれば十分です。

Q. 保存したノートの形を自分好みにできますか?

できます。Web Clipperにはテンプレートの仕組みがあり、サイトごとに保存する項目を決められます。Obsidian本体のテンプレート機能はObsidianのテンプレート機能で紹介しています。

まとめ

この記事のポイント
  • Obsidian Web ClipperはObsidian公式の無料拡張
  • アイコンを押して[Add to Obsidian]で保存できる
  • 保存したノートは保管庫の「Clippings」フォルダに入る
  • 元のURLが「source」に残るので、あとで元のページに戻れる
  • 画像は保存されないので、大事な図は取り込んでおく

Obsidianをもっと便利にしたい方はObsidianおすすめプラグイン10選もどうぞ。ブラウザの準備がまだの方はGoogle Chromeのインストールと初期設定やBraveブラウザの使い方をご覧ください。

コメント

タイトルとURLをコピーしました