Repolode
投稿する
obsidianmd

obsidianmd/obsidian-clipper

Webページ、ハイライト、選択範囲をObsidian用のMarkdownノートに保存するブラウザー拡張機能。

代替できる製品:Evernote Web ClipperPocket

GitHub で見る公式サイト
スター
5,475
フォーク
775
未解決の Issue
301
最終コミット
2 か月前

これは何？

Obsidian Web Clipperは、Obsidian公式のブラウザー拡張機能です。Webページや選択したテキスト、ハイライトをキャプチャし、Obsidianのvaultに保存され、オフラインでも読めるMarkdownファイルに変換します。

キャプチャ内容はテンプレートで調整できます。テンプレートでは変数やフィルターを使って、各ノートに含めるページのプロパティやコンテンツを選択できます。また、条件分岐やループなどのテンプレートロジックにも対応しています。画像をローカルに保存できるほか、テンプレートの検証機能で設定ミスを見つけられます。

この拡張機能は、Chromiumベースのブラウザー、Firefox、macOSおよびiOS版Safari、Microsoft Edge向けに配布されています。ソースコードはTypeScriptで記述され、npmでビルドされます。ビルドはChromium、Firefox、Safari向けにそれぞれ用意されています。

主な機能

  • 01ページ全体、選択範囲、ハイライトをMarkdownノートに保存。
  • 02テンプレート、変数、フィルターで出力内容をカスタマイズ。
  • 03条件分岐やループを使ったテンプレートロジックに対応。
  • 04キャプチャしたコンテンツと一緒に画像をローカルに保存。
  • 05Chromium系ブラウザー、Firefox、Edge、Safariで利用可能。

ユースケース

  • 記事を保存してオフラインで読み、Obsidianのvaultに長期保管する。
  • ハイライトを付けた調査資料を、構造化されたノートとして収集する。
  • Webクリップの書式を統一する再利用可能なテンプレートを作成する。

クイックスタート

  1. 1

    Chrome ウェブストア、Firefox Add-ons、Safari Extensions、または Edge Add-ons から拡張機能をインストールします

  2. 2

    リポジトリをクローンして、拡張機能をビルドします

    npm run build
  3. 3

    Chromium 系ブラウザーで chrome://extensions を開き、dist ディレクトリをパッケージ化されていない拡張機能として読み込みます

使う前に知っておきたいこと

  • ソースからビルドするには、Node.js と npm のツールチェーンが必要です。

収録されている特集

Chrome・ブラウザ拡張機能静的サイトジェネレーターとドキュメントツール

トピック

#obsidian#web-clipper#browser-extension#markdown#note-taking#chrome-extension#firefox-addon#safari-extension#brave#chrome

よくある質問

obsidian-clipper とは？
Webページ、ハイライト、選択範囲をObsidian用のMarkdownノートに保存するブラウザー拡張機能。 Obsidian Web Clipperは、Obsidian公式のブラウザー拡張機能です。Webページや選択したテキスト、ハイライトをキャプチャし、Obsidianのvaultに保存され、オフラインでも読めるMarkdownファイルに変換します。
obsidian-clipper は無料で使えますか？ライセンスは？
obsidian-clipper は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
obsidian-clipper は今もメンテナンスされていますか？
半年以内に更新あり。obsidian-clipper の最終コミットは 2026年9月22日 です。
obsidian-clipper は何に使えますか？
記事を保存してオフラインで読み、Obsidianのvaultに長期保管する。 ハイライトを付けた調査資料を、構造化されたノートとして収集する。 Webクリップの書式を統一する再利用可能なテンプレートを作成する。
obsidian-clipper のインストール方法は？
Chrome ウェブストア、Firefox Add-ons、Safari Extensions、または Edge Add-ons から拡張機能をインストールします リポジトリをクローンして、拡張機能をビルドします: npm run build Chromium 系ブラウザーで chrome://extensions を開き、dist ディレクトリをパッケージ化されていない拡張機能として読み込みます
obsidian-clipper はどこで入手できますか？
ソースコードとインストール手順は GitHub にあります：https://github.com/obsidianmd/obsidian-clipper

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト