読んだり参考にした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アイコンをクリック
- テンプレートを確認して「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" }
Androidでの設定
AndroidのChromeは拡張機能に対応していない。
Firefoxは拡張機能が利用できて、Obsidian Web Clipperも利用できるのでこれを採用した。
- Firefox for Androidをインストール
- Obsidian Web Clipper拡張機能をインストール
- Vaultとテンプレートを設定（PC版と同じ設定を使用）
使い方
Chromeなど他のアプリで記事を見つけた場合に、共有メニューからFirefoxで開き直す。
- 記事のURLを共有
- 共有先で「Firefox」を選択
- Firefoxで開いたらメニュー → 拡張機能 → Obsidian Web Clipper
- クリップ実行
Android 版 Firefox で自動でタブを閉じる | Android 版 Firefox ヘルプ の設定をすると、連携したタブがたまり続けないのでおすすめ。
試したけどやめたこと：MacroDroidで自動化
最初はMacroDroidというAndroid自動化アプリを使って、共有メニューからワンタップでクリップできるようにしようとした。
設定においては Android でも Obsidian Web Clipper を簡単に使えるようにした話｜Shumei Ito が参考になった。
ただ、以下の理由があって最終的には手動で共有・Clipをするように落ち着いた。
- UI座標が端末やFirefoxのバージョンによって変わる
- ページ描画前に拡張機能を起動しようとして失敗するなど、動作が不安定
- 手動でも慣れてしまえばそこまで気にならない
