Notion WebClipperで社内コミュニケーション活性化【データベース設定とオートメーション実装】

# はじめに
NECソリューションイノベータ株式会社で次世代インターフェース（xR）研究を行っている藤野です。
今回は、前回の記事で紹介したデータベースの実装部分にフォーカスして解説します。**オートメーションやNotion AIの活用例として参考になれば幸いです**。

本記事は2部構成のうちの後半です。導入の目的や検証結果について詳しく知りたい方は、前回の記事をご覧ください。

- 【前回】[社内コミュニケーション活性化を目的としたNotion Web Clipper活用の仮説検証](https://qiita.com/m-fuji/items/5cd6e6f551bae7b2d130)
- **【本記事】Notion WebClipperで社内コミュニケーション活性化【データベース設定とオートメーション実装】**

# Notion Web Clipperの概要と機能
**Notion Web Clipperは、ChromeやSafariなどのブラウザで利用できるアドオンです。**  
[公式ページ](https://www.notion.com/ja/web-clipper)  
前回の記事では、４種類のViewを活用している例を示しました。

### （参考）投稿者の所属グループごとにフィルタリング
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3935237/f0979689-bba1-4a6b-a377-d295d2b2b427.png)  
**各グループごとに投稿を整理** し、グループごとの興味を可視化しました。また、気になるボタンも導入してコメントするほどではないが、気になる記事にはリアクションできるようにしました。

では、WebClipした際のページはどのような構成にしたのかを見てみましょう。

# Clipページ
[前回の記事](https://qiita.com/m-fuji/items/5cd6e6f551bae7b2d130)をClipしてみました。以下のようなプロパティ構成にしています。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3935237/8d525899-a82b-47a6-839a-0a35529c56ac.png)
※Qiita投稿用に投稿者の部分や関連グループは編集しています。

気になるボタンは以下のサイトを参考にさせていただきました。
[【Notion】さくっといいね！ボタンを作ってみた](https://info.nextmode.co.jp/blog/notion-database-good-button)

この記事では、主に「**オートメーションによる関連グループ自動割り当て**」、「**NotionAIによる自動タグ付け**」の設定方法について解説します。

# 実装
NotionWebClipperから投稿する先のデータベースを作成する。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3935237/cce92452-5b7f-473e-bfb3-2b933fe13128.png)

## レイアウトのカスタマイズ（プロパティの設定）
今回実装するデータベースではプロパティを設定する必要があります。**プロパティの設定の仕方についてまずは見ていきましょう。**

新規ページを作成するとページ上部に「レイアウトをカスタマイズ」ボタンをクリックするとデータベース内の全てのページを編集できます。
![スクリーンショット 2025-03-26 22.00.47.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3935237/aa57cd33-6e25-46c1-99c7-aa236039319e.png)
このプロパティグループを主に編集していく。
![スクリーンショット 2025-03-26 21.13.26.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3935237/a34ff288-b987-4bd3-ae2d-999e19f1ec22.png)
※以下で詳しく説明はしませんが、今回の実装ではプロパティグループの下部にAI要約を追加しています。（画面下部分の＋ボタンから追加できる）

## オートメーションによる関連グループ自動割り当て
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3935237/2b0894e9-7eed-46d1-9a01-042c8b230c2f.png)
### :one: プロパティの設定
- レイアウトの画面でプロパティグループを選択して「プロパティを追加する」から「マルチセレクト」を追加する
- マルチセレクトの設定下部にある「オプションを追加する」から、自動タグ付けしたいグループ名を入力してタブを作成（以下では「〇〇グループ」というタグで実装する）
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3935237/c3d000dd-a852-4b04-b7b6-37b5ef3175e5.png)
- 図のようにできたら、右上の「すべてのページに適用」を押してデータベースの画面に戻る

### :two: オートメーションの設定
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3935237/d58bc890-af34-4f74-b7b8-81ccfc86ef63.png)

- 以下のようにオートメーションを設定
    - 日時は「トリガーを追加」→「ページを追加」
    - 実行は「アクションを追加」→「プロパティを編集」→「関連グループ」→「カスタム数式」
![スクリーンショット 2025-03-27 20.09.00.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3935237/9ac55c5a-e10a-4902-99a2-dc15a7d59f4b.png)

    - ⭐️マークの箇所「UserName」「ページの作成者」「〇〇グループ」は編集が必要です
    - 以下数式をコピペした後に
    「UserName」→グループメンバーのユーザーネーム
    「ページの作成者」→上図のようなアイコンの形式
    「〇〇グループ」→:one:で設定したグループ名
    のように編集してください
        ```
        if(contains("⭐️UserName1,⭐️UserName2",[⭐️ページの作成者].name()),"⭐️〇〇グループ","")
        ```
    ※「ページの作成者」は,の後でクリックすると下にヒントが出てきます
            ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3935237/67166e6b-c9ba-471f-87a6-f9a49805b34f.png)

これでオートメーションの設定は完了

### :thinking: 余談
別で作った「グループとメンバーを割り当てたデータベース」を参照してグループ割り当てできるようにしたかったのですが、Notionのオートメーションはまだそこまで複雑なことはできないようです。アップデートでできるようになったら追記します。

### :three: 動作確認
**NotionWebClipperから適当な記事をデータベースに投稿して以下のようになっていれば成功です！**
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3935237/14498e3b-9ecf-496b-81ef-8f233a8dc4e5.png)

## AIによる自動タグ付け
### :one: プロパティの設定
- 前項「**オートメーションによる関連グループ自動割り当て**」の時と同様に、レイアウトの画面でプロパティグループを選択して「プロパティを追加する」から「マルチセレクト」を追加する
- 「AI自動入力」をオン
- 「新しいオプションを生成」をオン、「その他」から図のような設定を行い、「変更を保存」をクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3935237/0c90fd8f-7d1c-46e4-ad07-499cb41e3da7.png)
**これで設定は完了です**

※今回は「新しいオプションを生成」をオンにしてオプションは空にしていますが、「新しいオプションを生成」をオフにしてオプションを設定しておくことで記事の内容に合ったオプションをAIが選んでくれるようにもできます。他の方が書いてくださった詳しい記事があるので、興味のある方はご参照ください。
[【Notion】セレクト/マルチセレクトプロパティでNotion AIの自動入力を使う](https://info.nextmode.co.jp/blog/notion-ai-autofill-with-select-property)

### :two: 動作確認
Clipした際に以下のようにAIタグが生成されていれば成功です！
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3935237/90d01256-5a32-43f8-96e7-73ecc6753197.png)
※Clipするページのデータ容量によっては、ページに文章が入力される前にAIタグが設定されてしまい、タグが生成されない場合があります。その場合は、オートメーションで編集するか、手動で「更新(Update)」を押すと生成されます。

# まとめ
本記事では、Notion Web Clipperを活用したデータベース構築、オートメーションによる自動タグ付け、AIタグの設定を解説しました。

ポイント:
- Notion Web Clipperで情報共有を効率化
- オートメーションによる関連グループの自動割り当て
- Notion AIを活用した自動タグ付け

これらを導入することで、情報整理がスムーズになり、社内コミュニケーションの活性化が期待できます。Notionを活用し、業務改善にぜひ役立ててください。

今後もxR関連記事以外にNotion活用記事も書いていこうと思うので、興味のある方はぜひフォローお願いします :exclamation:  :exclamation: 

# 関連・参考記事

- [社内コミュニケーション活性化を目的としたNotion Web Clipper活用の仮説検証](https://qiita.com/m-fuji/items/5cd6e6f551bae7b2d130)
- [NotionWebClipper公式ページ](https://www.notion.com/ja/web-clipper) 
- [【Notion】さくっといいね！ボタンを作ってみた](https://info.nextmode.co.jp/blog/notion-database-good-button)
- [【Notion】セレクト/マルチセレクトプロパティでNotion AIの自動入力を使う](https://info.nextmode.co.jp/blog/notion-ai-autofill-with-select-property)