Obsidian Web Clipperの使い方設定と保存の手順

Obsidianを使っていて、Web記事もvaultに入れておきたいと考える人は多いように思います。公式のブラウザ拡張であるObsidian Web Clipperは無料で、料金の心配なく試せます。

私は普段、新規事業の立ち上げと成長の支援をしていて、リサーチのために毎日かなりの数の記事を読んでいます。保存先は長く悩んできたテーマで、いまは自分で開発しているSuperFlowに保存しています。

ただ、Obsidian Web Clipperを入れる前に知っておきたいことが一つあります。

この拡張は、入れただけでは完成しません。 保存先のvault名を正しく指定しないと、ボタンを押しても何も入りません。

もう一つ、画像は既定では手元に落ちてこない設計です。

では、どこまで設定すれば実用になるのか。

最小構成は「インストール → vaultとフォルダの指定 → Add to Obsidian」の3手です。そこから先は、ハイライトで保存する範囲を決め、テンプレートでサイトごとの保存先を分け、Interpreterに要約を書かせる順で足していけます。

この記事では、その手順と、つまずきやすい3か所の対処を、公式ヘルプで確認した内容だけで説明します。

保存先をNotionにしている方は「Notion Web Clipper代替6選」のほうが近い内容です。

保存したMarkdownを自分の言葉でつなぐ運用まで考えたい方は「Zettelkastenアプリ3選」で必要な条件を整理しています。

インストールから最初の1件を保存するまで

まず押さえておきたいのは、保存先が手元のvaultだということです。Web Clipperはブラウザ側の拡張で、保存の実体はObsidianアプリが持っています。

公式のトラブルシューティングは、保存されないときの確認点として「設定のvault名がObsidian側のvault名と一致しているか」を挙げています。

ここで言うvault名はvaultのパスではありません。この区別が要るのは、保存の実体がObsidian側にあるからです。

自分のブラウザの配布元から入れる

公式が案内している入手先は4つです。

• Chrome ウェブストア（Chrome・Brave・Arc・Orion などChromium系）
• Firefox Add-ons（Firefox と Firefox Mobile）
• Safari 機能拡張（macOS・iOS・iPadOS）
• Edge Add-ons（Microsoft Edge）

iPhoneとiPadのSafariでも使えるのは、保存先がファイルであるツールとしては珍しい点だと思います。ただ、後述するショートカットの変更はSafariでは行えません。

入れたあとの呼び出し方は3通りあると書かれています。ブラウザのツールバーにあるObsidianのアイコン、キーボードのショートカット、そしてページを右クリックしたときのメニューです。

保存先のvaultとフォルダを決める

拡張を開くと、画面は4つの区画に分かれています。上から順に、テンプレートの切り替えなどを置いたヘッダー、ページから取り出したメタデータを示すプロパティ、保存される本文、そして保存ボタンのあるフッターです。

vaultとフォルダを選ぶのはフッターです。 vaultのドロップダウンは設定であらかじめ登録したものから選ぶ形で、フォルダはその場で入力します。

ここで入れるvault名は、Obsidianで表示されているvaultの名前です。フォルダへのパスを書く欄ではないので、最初はつまずきやすいところだと思います。

「Add to Obsidian」で保存する

フッターの「Add to Obsidian」を押すと、その内容がvaultに入ります。

保存される本文は、既定では「ページの主要な記事部分だけを賢く取り出す」動きになっています。ヘッダーやフッターのような周辺要素は外れます。

この既定の動きは、3つの条件で上書きされます。カスタムテンプレートがあればテンプレートが優先され、テキストを選択していれば選択範囲が、ハイライトがあればハイライトが使われます。

ページ全体を丸ごと入れたいときは、Ctrl/Cmd+Aで全選択してから保存してください。

つまずきやすい3か所

では、思ったように保存できないときはどこを見ればいいのか。公式のトラブルシューティングが挙げているのは、次の3つです。

本文が途中で欠ける

Web Clipperは本文の抽出にDefuddleという仕組みを使っています。周辺要素を落とす代わりに、残したい部分まで落としてしまうことがあると公式が認めています。

抜け道は3つ用意されています。 テキストを選択する（Cmd/Ctrl+Aで全選択）、ハイライトで取る範囲を自分で決める、そのサイト用のカスタムテンプレートを作る、のいずれかです。

毎回同じサイトで欠けるなら、3つめのテンプレートが手数の少ない解になります。

Obsidianに何も入らない

押しても何も入らない場合に公式が挙げているのは3点です。Obsidianの開発者コンソールにエラーが出ていないか、設定のvault名がObsidian側のvault名と正確に一致しているか、フォルダ名の書式が正しいか。

Linuxではもう少し事情が込み入っていて、Obsidian URIの登録が必要になります。ブラウザからObsidianへデータを渡すのにクリップボードを使う設計なので、クリップボードへのアクセスが制限されていると、ファイル名だけが保存される状態になります。

その回避策として、設定の「General」で「Legacy mode」に切り替える方法が案内されています。クリップボードを経由せずURI経由で保存する代わりに、保存できる文字数に制限がかかります。

画像が手元に残らない

ここは見落としやすいところです。

Web Clipperは画像を自動では落としません。

画像はWeb上のURLへのリンクとして残る形になります。

公式の説明は、vaultの容量を節約できる代わりに「オフラインでは画像が見られず、URLが切れた場合も見られなくなる」としています。

画像ごと手元に置きたい場合は、Obsidian側のコマンド「Download attachments for current file」を使います。このコマンドにはObsidianでショートカットを割り当てられます。

ショートカットで手数を減らす

毎日使うなら、ショートカットを覚えたほうが早くなります。公式が既定として挙げているのは4つです。

割り当ての変更は、Web Clipperの設定の「General」から、ブラウザごとの案内に従って行います。

ただ、Safariはショートカットの編集に対応していないと明記されています。iPhoneやiPadで使う前提なら、既定のまま覚えることになります。

ハイライトした部分だけを保存する

記事を丸ごと入れると、あとで読み返す量が減りません。そこで使えるのがハイライトです。

ハイライトは通常のWebページでもReaderの表示でも使えます。入り口は拡張のパネルのアイコン、設定で変更できるキーボードショートカット、右クリックのメニューの3つです。

ハイライトを有効にしている間は、選択したテキスト・画像・要素がそのままハイライトに追加されます。 付けたハイライトは保存され、同じページに戻ったときにも見えます。

ノートへの入れ方は3通りから選べます。本文の該当箇所に==ハイライト==の書式で印を付ける方法、本文を捨ててハイライトの一覧だけを残す方法、何もしない方法です。

読み返す材料だけを残したいなら、2つめが目的に合います。

付けたハイライトは設定の「Highlighter」から一覧で見られ、検索もできます。.jsonファイルへの書き出しにも対応しています。

ハイライトを軸に道具を選びたい方には「Web記事のハイライト管理アプリ6選」で条件を整理しています。

読む前に整えるReader

Web Clipperには、読むための表示モードも入っています。Readerと呼ばれるもので、ページから余計な要素を外して本文だけを出します。

呼び出し方はハイライトと同じく、パネルの本のアイコン、ショートカット、右クリックのメニューの3つです。

拡張のボタンを押したときにReaderが開くようにもできます。設定の「General」→「Behavior」→「Open behavior」で「Reader」を選びます。

Readerの表示に含まれるものとして、公式は次を挙げています。

• 記事のタイトル・著者・公開日・配信元のドメイン
• 画像と書式を保った本文
• 見出しが複数ある記事では、サイドバーの目次
• コードブロックの色分け
• クリックすると出る脚注

フォント・文字の大きさ・行間・行幅・外観（明暗）・テーマ・独自CSSを設定で変えられます。

テンプレートでサイトごとに保存先を変える

ここから先は、使う頻度が上がってから足せばいい部分です。

テンプレートは、設定のサイドバーにある「New template」から作ります。既存のものは右上の「More」メニューから複製でき、編集した内容は自動で保存されます。

テンプレートで指定できるのは保存の形そのものです。 新しいノートを作る、既存のノートの先頭か末尾に足す、デイリーノートの先頭か末尾に足す（デイリーノートのプラグインが有効な場合）の3通りから選べます。

テンプレートはURLで自動的に切り替えられます。指定の文字列で「始まる」URLに当てる簡単な方法と、スラッシュで囲んだ正規表現を使う方法の2通りです。

当たり判定はリストの上から順で、最初に一致したものが使われます。どれにも当たらなかったページには、リストの先頭のテンプレートが使われるので、汎用のものを一番上に置いておく形になります。

テンプレートは.jsonファイルで書き出しと読み込みができます。公式はGitHubのclipper-templatesに例を置いています。

InterpreterでAIに要約させる

Web Clipperには、言語モデルにページを処理させるInterpreterという機能があります。要約・説明・形式の変換・翻訳が例として挙げられています。

書き方は{{"a summary of the page"}}のように、二重波かっこの中に自然文のプロンプトを入れる形です。日本語やフランス語など、プロンプト自体を別の言語で書いた例も公式に載っています。

ただ、ここは無料のまま使える部分ではありません。 既定で用意されている提供元を使うには、その提供元のアカウントで取得したAPIキーが必要です。

自分の端末で動くモデルも選べますが、どちらを選んでも「どのモデルを使うか」を自分で決める作業が残ります。

処理にかかる時間も読みにくいところです。公式の説明は、使うモデルとデータ量によって「ミリ秒から30秒以上まで」と幅を持たせています。

既定では、ページのHTML全体がモデルに渡されます。遅く、費用もかかるので、テンプレートごとに範囲を絞る指定（たとえば{{selectorHtml:#main}}）が用意されています。

公式は、第三者の提供元を使う場合はその規約とプライバシーポリシーに同意したことになり、リクエストは選んだ提供元へ直接送られると注意しています。Obsidian側はリクエストの内容を集めも保存もしないとしています。

比較の条件

合わない場合の選択肢を並べる前に、何を含めて何を除いたかを書いておきます。

• 含めたもの: Webページを保存する役割が重なり、料金と機能を公式ページで確認できたサービス
• 確認日: Obsidian Web Clipperの手順と仕様は2026年10月21日に公式ヘルプで確認。料金と機能の表の確認日は表の下に出ます
• 「日本語画面」の意味: アプリやブラウザ拡張の画面が日本語になるかどうかを指します。日本語の記事を保存できるかは別の話で、どのサービスでも保存自体はできます

設定を組みたくない場合の選択肢

Obsidian Web Clipperは無料で、データも手元に残ります。ただ、同期・検索・要約は自分で組み立てる前提の道具です。

確認日: 2026-09-10（各社の公式ページで確認。最新の料金は公式サイトを参照）

Obsidian Web Clipperの画面が日本語になるかは公式ページで確認できなかったので、表では「要確認」としています。公式ヘルプ自体には日本語版があります。

すでにNotionを使っているなら、Notion Web Clipperのほうが置き場所の設計を作り直さずに済みます。

分類を中心に、日本語の画面で件数を気にせず貯めたいなら、Raindrop.ioが近い選択です。無料のままブックマーク・コレクション・ハイライト・端末数が無制限で、制限はファイルのアップロードの月100MBだけです。

開発元として書くと、SuperFlow（AI要約）が引き受けるのは保存のあとの処理です。URLを保存した時点で日本語の要約が作られ、要約の読み上げ、ハイライト、メモまで同じ画面に入ります。

Interpreterのように提供元とモデルを選ぶ作業はありません。Freeは累計10件、Standardが月額1,980円（税込）で月100件です。

ただ、vaultのようにファイルを手元に持つことはできず、書き出しは有料プランの機能です。テンプレートでサイトごとに保存の形を変えるような自由もありません。

私は、自分のサービスが誰にでも合うとは思っていません。保存の形まで自分で決めたい人には、Obsidian Web Clipperのほうが向いています。

記事を保存する道具をもう一度広く見たい方には「記事保存アプリおすすめ9選」で9サービスを同じ軸で比べています。

まとめ

• Obsidian Web Clipperは無料・オープンソースで、Chrome系・Firefox（Mobile含む）・Safari（macOS・iOS・iPadOS）・Edgeに拡張が用意されている
• 最小構成は「インストール → フッターでvaultとフォルダを指定 → Add to Obsidian」の3手
• 何も保存されないときは、設定のvault名がObsidian側のvault名（パスではない）と一致しているかを最初に見る
• 本文が欠けるのはDefuddleによる抽出が原因で、全選択（Cmd/Ctrl+A）・ハイライト・カスタムテンプレートの3つで回避できる
• 画像は自動では落ちない。Obsidianのコマンド「Download attachments for current file」で後から取り込む
• ショートカットは4つ（開くCmd/Ctrl+Shift+O、すぐ保存Opt/Alt+Shift+O、ハイライトOpt/Alt+Shift+H、ReaderOpt/Alt+Shift+R）。Safariでは変更できない
• Interpreterの要約には提供元のAPIキーかローカルモデルの用意が必要で、処理時間は公式の説明でも「ミリ秒から30秒以上」と幅がある
• 手順と仕様は2026年10月21日時点の確認内容です

よくある質問

Obsidian Web Clipperは無料で使えますか

無料です。公式はブラウザ拡張を「free browser extension」と説明し、料金の記載も「無料」だけで、ソースコードも公開されています。

ただ、Interpreterで要約や翻訳を使う場合は、言語モデルの提供元でAPIキーを取得する必要があります。手順と仕様は2026年10月21日時点の確認内容です。

Obsidianアプリを入れていなくても使えますか

保存先が手元のvaultなので、Obsidian側にvaultがある前提の道具です。

公式のトラブルシューティングも、保存されないときの確認点として「設定のvault名がObsidianのvault名と一致しているか」を挙げています。Linuxについては、ブラウザからObsidianへデータを渡すのにクリップボードとObsidian URIを使うと説明しています。

保存したのに本文が途中で切れているのはなぜですか

本文の抽出にDefuddleという仕組みを使っていて、周辺要素を落とす際に残したい部分まで落ちることがあると公式が認めています。

回避策は3つです。テキストを選択する（Cmd/Ctrl+Aで全選択）、ハイライトで取る範囲を決める、そのサイト用のカスタムテンプレートを作る、のいずれかです。

iPhoneやiPadでも使えますか

Safari機能拡張がmacOS・iOS・iPadOS向けに公開されているので、使えます。

ただ、Safariはショートカットの編集に対応していないと公式に明記されているので、割り当ての変更はできません。

保存したページの画像はオフラインでも見られますか

既定では見られません。画像は自動では落ちず、Web上のURLへのリンクとして残ります。

公式の説明は、vaultの容量を節約できる代わりに、オフラインのときやURLが切れた場合は画像が見られなくなるとしています。画像ごと残すには、Obsidian側のコマンド「Download attachments for current file」を使います。

出典・確認日

Obsidian Web Clipperの手順と仕様は、2026年10月21日に次の公式ヘルプで確認しました。最新の内容は公式ページでご確認ください。

• Obsidian Web Clipperの紹介（インストール先・料金・プライバシー）: https://obsidian.md/ja/help/web-clipper
• ウェブページのクリップ（保存操作・画面の構成・ショートカット・画像の扱い）: https://obsidian.md/ja/help/web-clipper/capture
• ハイライト: https://obsidian.md/ja/help/web-clipper/highlight
• リーダー: https://obsidian.md/ja/help/web-clipper/reader
• テンプレート: https://obsidian.md/ja/help/web-clipper/templates
• インタープリター: https://obsidian.md/ja/help/web-clipper/interpreter
• Web Clipperのトラブルシューティング: https://obsidian.md/ja/help/web-clipper/troubleshoot