WebClipper for Androidの使い方|スマホでWEBページをマークダウン保存

こんにちは、みのり(@minori_aimama)です。本業・育児の合間にAI×ブログ副業に挑戦中です。

以前、Claude CodeでAndroidアプリを作ったという記事を書きました。

今回はそのアプリ WebClipper for Android の使い方をまとめます。開発の経緯や苦労した話は上の記事に書いているので、気になる方はそちら見てみてください。

目次

WebClipper for Androidとは

初回インストール時
テンプレート編集画面

ChromeなどのブラウザからURLを共有するだけで、Markdownファイル(.md)を自動生成・保存するAndroidアプリです。

Obsidianでの利用を前提に作りましたが、生成されるのは普通の.mdファイルなので、Markdownを扱えるアプリなら何でも使えます。

WebClipper-for-Android_v1.2.1.apk

「提供元不明のアプリのインストール」を許可する必要があります

インストール

Google Playには出していないので、APKを直接インストールする形になります。

  1. APKファイルをAndroid端末にダウンロード
  2. ファイルマネージャーからAPKをタップ
  3. 「提供元不明のアプリ」の許可を求められたら設定から許可する
  4. インストールを確定

初期設定:保存先フォルダを決める

保存先フォルダの設定
ブラウザの共有機能から起動

アプリを開くと最初から「テンプレート 1」が1つ作られています。まずここに保存先フォルダを設定します。

  1. テンプレートの鉛筆マークをタップ
  2. 「保存先フォルダ」をタップ
  3. フォルダ選択ダイアログでObsidian Vault内のフォルダを選択
  4. 「このフォルダを使用」をタップして確定
  5. フォルダへのアクセスを許可(保存するために必要)
  6. 「テンプレートを保存」をタップ

私はSyncthingでPCと同期しているフォルダを指定しています。スマホで保存したMarkdownファイルが、そのままObsidian Vaultに入ってくる形です。

これで基本的な準備は完了です。Chromeでページを開く→共有→ WebClipper for Androidを選ぶ → 保存、という流れで使えます。

初回は共有画面の一番下、アプリ一覧の右側「その他」からWebClipper for Androidを選択してください

テンプレートを設定する

テンプレートのプロパティ設定が、このアプリの中心的な機能です。

テンプレート編集画面で設定できるのは「テンプレート名」「保存先フォルダ」「プロパティ」の3つです。

プロパティの設定

プロパティの型

プロパティはObsidianのフロントマターに書き込まれる項目です。型を選んでキー名と値を設定します。

プロパティの初期値はテキスト型です。アイコンボタンから変更できます。

出力の形式使いどころ
テキストkey: 値タイトル、URLなど
リストkey: [値1, 値2]タグ(半角カンマ区切りで入力)
数字key: 123評価点など
チェックボックスkey: true/false既読フラグなど
日付key: 2026-06-07保存日
日付&時間key: 2026-06-07 12:00保存日時

使える変数

変数の代入
チェックボックスの代入

値の欄に変数を書いておくと、保存時に自動で置き換えられます。+ボタンから挿入できます。チェックボックス型の場合は□をタップしてtruefalseを切り替えます。

変数置き換えられる内容
{{title}}ページのタイトル
{{url}}共有したURL
{{date}}保存日(YYYY-MM-DD)
{{datetime}}保存日時(2026-06-07 12:34 形式)
{{content}}ページ本文のMarkdown

{{content}}はマークダウン本体なので、+ボタンのリストには入れていません

複数テンプレートの使い方

クリップ時のテンプレート選択画面

テンプレートは最大3つまで登録できます。

テンプレートが2つ以上ある場合、共有後に選択画面が出ます。テンプレート名と保存先フォルダが両方表示されるので、どちらを選ぶか一目でわかります。

使い分け例

  • テンプレート1:Webクリップ全般(clippings タグ)
  • テンプレート2:レシピ保存用(recipe タグ・料理フォルダに保存)
  • テンプレート3:技術記事用(tech タグ)

テンプレートが1つだけのときは選択画面をスキップします。

オプション:クリップ前にプロパティを編集する

オプションをON
クリップ前に値の編集が可能

トップ画面の「クリップ前にプロパティを編集」をONにすると、保存前に確認画面が開くようになります。

  1. 共有操作後、ページ取得が完了すると確認画面が開く
  2. 各プロパティの値が表示される(変数は解決済みの値で表示)
  3. 必要に応じて値を編集
  4. 「クリップ」ボタンをタップして保存

クリップ時にプロパティの入力をしたくて機能追加しました。デフォルトはOFFなので、通常はそのまま即保存されます。

よくある質問

Obsidianがなくても使える?

使えます。保存されるのは普通のMarkdownファイル(.md)なので、保存先フォルダを任意の場所に設定すればMarkdown対応のエディタやメモアプリで開けます。

タグを複数登録できる?

できます。リスト型のプロパティに半角カンマ区切りで入力してください。clippings, tech, 読み物 のように入力するとObsidianでタグが3つ登録されます。

JavaScriptで動くサイトは保存できる?

できません。HTMLを静的に取得する方式なので、X(旧Twitter)やSPAサイトは本文({{content}})が空になります。URLとタイトルは保存されます。

フォルダ選択中に戻るボタンを押したらアプリに戻れなくなった

Androidのシステム仕様です。戻るボタンはフォルダ階層を一段上に移動する動作をします。ルートまで上がってもう一度戻るボタンを押せばアプリに戻ります。

ページ本文が空になる

動的生成サイト(X、各種SPAなど)かログインが必要なページは本文を取得できません。URLとタイトルのみ保存されます。

SDカードに保存できる?

フォルダ選択ダイアログでSDカードを選択することはできます。ただし、端末やAndroidのバージョンによって書き込み権限が制限される場合があるので、内部ストレージへの保存を推奨します。

プライバシーについて/免責事項

使用する権限は「インターネットアクセス」と「フォルダ選択ダイアログで許可したフォルダへの読み書き」のみです。

取得したページ内容は端末内にファイルとして保存するだけで、外部サーバーへの送信は一切していません。アナリティクスやクラッシュレポートの仕組みもないので、開発者側には何も届きません。

本アプリの利用により生じたいかなる損害についても、開発者は一切の責任を負いません。ご利用は自己責任でお願いします。

まとめ

設定らしい設定は保存先フォルダだけで、あとはテンプレートをいじりながら育てていく感じで使っています。

自分が使いたくて作ったアプリなので、使いながら気になったところを直していくつもりです。引き続き試行錯誤していきます。

WebClipper-for-Android_v1.2.1.apk

「提供元不明のアプリのインストール」を許可する必要があります

更新履歴

v1.2.1_20260608

・UI改善、バグ修正

v1.2.0_20260608
  • UIをダークテーマに統一、デザインを刷新
  • クリップ前にプロパティを確認・編集できる「クリップ確認画面」機能を追加
  • 使い方(本記事)へのリンクを追加
v1.1.0_20260607
  • テンプレート編集画面のUI全体を改善(スクロール・入力欄・保存ボタン)
  • テンプレート選択画面をカードリスト形式に変更、保存先フォルダパスを表示
v1.0.1_20260607
  • プロパティが正しく削除できないバグを修正
  • 保存ボタンを画面下部に固定(プロパティが増えても常に表示)
  • プロパティ追加時に自動スクロール・カーソル移動
v1.0.0_20260606
  • 初回リリース

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!

この記事を書いた人

みのりのアバター みのり AI×ブログ副業

本業会社員・育児中の30代ワーママ。育休復帰前の準備期間に副業を始め、迷走の末にAI×ブログという組み合わせに落ち着く。エンジニアでも専門家でもないけど、AIと手を組んでブログ3本を運営中。X(@minori_aimama)でも日々の試行錯誤を発信中🫠

目次