https://blog.beatdjam.com/entry/2026/02/20/080000

読んだり参考にしたWebページを記録して、メモに引用したりあとから学びを抽出したいと思っていて、これまで色々試していた。
しかし、過去に利用していたPocketはサービス終了してしまい、Notionは動作の微妙な重さや検索性などの面で気になる点があり利用を中断することに。
最近Obsidianに再入門してたのもあり、Obsidian上で上手く管理できないかということで調べたメモ。

Obsidian Web Clipper

Obsidian Web Clipperは、公式が出しているブラウザ拡張機能で、Webページの内容をMarkdownに変換してVaultに保存できる。
Markdownなので、媒体やサービスに依存せず検索・参照できるのがいい感じ。

PC・モバイルでの同期は前回の記事の方法でやっているので、どちらの環境でも保存できるようにしたかった。

PCでの設定

Chrome Web Storeから「Obsidian Web Clipper」をインストールする。

Obsidian Web Clipper - Chrome Web Store

使い方

保存したい記事を開く
ブラウザツールバーのObsidian Web Clipperアイコンをクリック
テンプレートを確認して「Add to Obsidian」をクリック

これでVaultの指定したディレクトリに記事が保存される。

テンプレート設定

拡張機能の設定でテンプレートをカスタマイズできる。設定はJSONでエクスポートできるので、自分の設定を載せておく。

{
  "schemaVersion": "0.1.0",
  "name": "Default",
  "behavior": "overwrite",
  "noteContentFormat": "{{content}}",
  "properties": [
    { "name": "title", "value": "{{title}}", "type": "text" },
    { "name": "source", "value": "{{url}}", "type": "text" },
    { "name": "author", "value": "{{author|split:\", \"|wikilink|join}}", "type": "multitext" },
    { "name": "published", "value": "{{published}}", "type": "date" },
    { "name": "created", "value": "{{date}}", "type": "date" },
    { "name": "description", "value": "{{description}}", "type": "text" },
    { "name": "tags", "value": "clippings", "type": "multitext" }
  ],
  "noteNameFormat": "{{title}}",
  "path": "00_Inbox/webclips"
}