🗒️

ObsidianをWeb Clipperとして使う

に公開

Obsidianに入門しました

LLMとマークダウンの相性がよいということで話題になっているObsidianに入門しました。本も買って読みました。

Obsidianで“育てる”最強ノート術

そして、色々試行錯誤してみたのですが…結局自分の場合は、あんまり使い道がないことに気づきました。ノートはiPadでApple Pencilで手書きが好きなのと、デジタル的なまとめは、はてなブログやZennにブログとしてまとめているからです。Notionもメモとかノートというよりは、データ置き場って感じなんですよね。

ただ、Web Clipperは、PCでもiPhone/iPadでもクリック(タップ)一発で、ウェブサイトを保存できて便利で活用することにしたので、設定方法を残しておきます。

Obsidianインストール

Homebrewインストール済みの場合は、以下コマンドでOKです。

$ brew install --cask obsidian

もちろん、公式サイトから普通にインストールしてもOK。

iCloudとの同期

iPhone/iPadとPCの同期のために、iCloudとの同期を設定しました。Windowsはあんまり相性良くないという噂なので辞めたほうがよいかもです。

iCloudの同期は、最初うまくいきませんでした。コツとしては、最初にモバイルアプリでObsidianを先にインストールして、VaultをStore in Cloudのオプションをオンにして作成するところです。

これでiCloudにObsidianというフォルダの中に、自分で設定したVault(自分の場合はobsidian)が作成されます。

あとはPCのObsidianで「保管庫としてフォルダを開く」から、iCloud上のVaultを選択すればOKです。

GitHubへのバックアップ

GitHubにもバックアップすると安心ですし便利ですね。

Git/GitHubを使える人なら、ObsidianとGitHubの連携は比較的簡単です。リポジトリを作成して(基本的にはリポジトリはプライベートがよいでしょう)、git cloneしたリポジトリをObsidianでVaultとして選択してやるだけです。実はObsidianのVaultの実体ってただのディレクトリ(フォルダ)で、その中に.obsidianってディレクトリに設定ファイル群を作成しているだけなので、ファイルが壊れるとか気にせずにコピペとかしても大丈夫です。

ObsidianのGitを使うための設定は、コミュニティプラグインでGitをインストールするだけです。プラグインを設定すれば、クリック一発でGitにコミットしてプッシュができます。自動でプッシュするような設定もできますが、私はiCloudで同期していることもあり、手動でプッシュする設定にしています。

iCloudのObsidianのファイルは~/Library/Mobile Documents/iCloud~md~obsidian/Documents以下にあります。以下コマンドで移動できます。

$ cd ~/Library/Mobile\ Documents/iCloud\~md\~obsidian/Documents

Web Clipperの設定と使用

PCの場合は以下サイトからChromeの拡張に追加するだけです。

https://obsidian.md/clipper

あとは、拡張機能でWeb Clipperを使えばどんどんObsidianのVault(フォルダ)にマークダウンで保存してくれます。

iPhone/iPad関しても、ObsidianとObsidian Web Clipperをインストールして、左下の拡張機能ボタンから選択するだけです。ちなみに、今まで拡張機能ボタンの存在知りませんでした。

あとは、Obsidian Web Clipperをタップするだけ

毎回ペースト許可の確認が出てうっとおしいという人は設定から「アプリ→Obsidian→ほかのアプリからペースト許可」を設定すればスキップできます。

iPhone/iPadでクリップしたマークダウンファイルは、iCloudと同期されているので、瞬時にPCのObsidianにも同期されます。

Notion Webクリッパー

単純にWebの情報を保存したいのであればNotion Webクリッパーを使えばよいというのはそれはそうです。ローカルにためるか、サーバに貯めるかの違いですね。

https://www.notion.com/ja/web-clipper

まとめ

Obsidian、色々悩んだあげくWeb Clipper+手軽なメモとして使っているという話でした。Obsidian、最初全然理解できなかったのですが(自分にとっては)拡張機能が便利なMarkdownエディタと理解すると、スッキリしました。

Notionと比較している人が結構いますが、自分にとってはObsidianはむしろVS Codeエディタとかのエディタと比べるものかなと思います。そう考えると、NotionとVS Codeエディタではできない、手軽なPC/iPhone/iPad間のデジタルテキストの同期・Web ClipperがObsidianの価値だなと行き着きました。

LLMとMarkdownに関しては、Markdownを集める方法が重要であって、別にそれはObsidianを使う必要はないかなという気がします(もちろんObsidian使ってもよいのですが、自分はデータが膨大なのでObsidianで扱うと多分逆に扱いづらい)。

Obsidianの使い方考えて、そういうことが整理できたことは良かったです。あとWeb Clippingは普通に便利なので今後活用していきたいと思います。他にも便利な使い方が見つかったら追記したいと思います。

Obsidianで“育てる”最強ノート術

参考

以下のサイトは、試してみたけど、ほとんど自分には使いこなせなかったり、使い方が適さなかったり、面倒になってやめてしまったものたちです。

https://note.com/rinwan_log/n/n044fbc9f154a

https://note.com/showya_kiss/n/n48125f706558

【Obsidian】知識のネットワークを作る究極のノート術【テンプレート配布】|GitHub

https://github.com/amatzk/obsidian-amatzk-template

https://note.com/hayakawagomi/n/n3e0727464fff

https://honeshabri.hatenablog.com/entry/cursor_markdown_ecosystem

https://note.com/shotovim/n/n5833578984bf

https://note.com/iam_shin/m/m7e4bfc807eee

https://note.com/biomatter/n/nfbd4a916f5ce

関連記事

https://zenn.dev/karaage0703/articles/fed57bd97487a6

変更履歴

  • 2025/07/27 プラグインに関してリンクを追記
  • 2025/07/21 ObisidianのiCloudのフォルダ情報に関して追記
  • 2025/05/07 Kindleハイライトに関して追記

Discussion