【2025年4月】ClaudeからAIを使ってNotionを操作する方法【Notion MCP Server】

0:00 皆さん、こんにちは。ノーショ アンバサダーのつやです。この動画撮影し ているのが4月11日金曜日なんです けれども、数日前にノ公式からノサーバー というものがリリースされました。今日は この技術の素晴らしさを皆さんにお届けし たくて緊急で動画を回しているんです けれども、このMCPサーバーっていうの が個人的にめちゃめちゃ熱い技術だと思っ てます。今後のAI活用がガラっと変わる 技術の基盤になるんじゃないかなっていう 風に思っていて、皆さんに是非この 素晴らしさをお届けしたいなっていう風に 思ってるんですけど、ちょっと技術的、 専門的な内容も入ってくる分野かなって いう風に思ってるので、今回の動画では 所学者の方にも分かるようになるべく 噛み砕いて解説しようかなっていう風に 思ってます。今回の動画ではノョンMCP サーバーでできることとそもそもMCPと は何だっけ?ていうところの解説。そして

0:45 最後に非エンジニアの方でも設定できる ように噛み砕いて初期設定の方法を解説し ていければと思ってますので、この動画1 本見ていただくことでノションMCPサー バーっていうのが大体どういうものか 分かって皆さんが使えるところまで持って いけたらいいかなという風に思っています 。まだ日本だとこのMCPっていう単語が そこまで浸透していないかなっていう風に 思っていて、この動画で解説していければ と思ってはいるんですけれども、MCPの 解説行く前にまずどういうことができるの かっていうのをデモした方が皆さんの イメージ湧いてくるかなと思うので、初め にこのMCPを使ったデモをしてみたいと 思っています。今回サンプルとして左側に MCPというノーの空っぽのページとすに ノーションと接続したクロード デスクトップを開いています。実際に見て いただければと思うんですが、ノーション のMCPというページに技力6の

1:31 データベースを作りたい。技力6 データベースに必要なプロパティを5個 列挙してデータベースを作成してください 。こんな感じでクロードに命令を投げて やります。で、通常通りクロードがこう 説明文返してくれるっていうところまでは いつも通りなんですけれども、見慣れない こんな感じの画面が出てきて、ちょっと 一旦このチャットで許可するを選択します 。見ていただいて分かるようにMCP ページを見つけました。このページ記録6 データベースを作成しますっていうことで クロード君が作業を行ってくれています。 で、どんどん作業を進めてくれていて、 こんな感じの技力6データベースの プロパティ設計をした上で左側に新しく 技似力6力のデータベースが生まれたのが 分かるかと思います。ちょっと右側の処理 続いてるんですけど、この技力の データベース開いてやるとこんな感じで 開催日担当者、参加者みたいなプロパティ が入っているデータベースが自動で作られ

2:17 たのが分かるかと思います。これノとか 使わなくても外側のツールからノを操作 できたっていうのがめちゃめちゃ大きな 進歩だと思っていて、こういうことが今回 のノサーバーのリリースでできるように なりました。そしたら次はまた新しい チャットを立ち上げて今度はこの技似6 データベースに例えば参加者つら屋さんを 入れて開催時を今日という風にしておき ましょう。また今度クロード側にノーの MCPというページの16データベース から2月11日のデータを取り出して参加 者を教えてください。こんな感じの命令を 投げてやります。6データベースを見つけ ました。次にこのデータベースIDを使っ て4月11日のデータを検索しますって いう感じでAI君がどんどん処理を先に 進めてくれていっています。で、一通り1 分ぐらい経つと検索が完了して最終的には 現時点での情報では2025年4月11日

3:05 の、え、会議の参加者はつ屋さん1名と なっていますっていうことで実際に見て みるとこれですね、参加者のところがつや という風に入ってきたのが正しく出てきて いるのが分かるかと思います。こんな感じ でチャットのインターフェースからノ上の 情報を更新したり作成したり、あとは 取り出すっていうことができるようになっ たっていうのが今回のノーMCPサーバー の主な機能になります。ざっくり今のデモ を見ていただいて何ができるのかっていう ところはご理解いただけたかなと思うので 、少し技術の話をしておきたいと思います 。次にMCPっていうことでMCPの概要 を簡単に説明できればと思うんですけど、 まずMCPモデルコンテクストプロトコル の略になります。そもそもなんでこの MCPっていうのができたかって言うと、 この図クラドのホームページから、え、 引用してるものになるんですけれども、

3:51 左側が今僕がプロンプトを書いたチャット のUIだと思ってください。で、この チャットのUI上からいろんなデータ ソース上にアクセスして、そこから得られ た情報をチャット上でって見れるようにし たりと、データソースの更新を行った りっていうことが1箇所でできれば めちゃめちゃ便利な未来になるのがなんと なく想像つくかなと思います。で、今まで はこのいろんなデータソースにアクセス する時のエンジニア用語で企画って言うん ですけど、その企画がバラバラで、Aの データソースにアクセスしたい時はAの 方式、Bに行きたい時はBの方式っていう 感じで実装を都ど変える必要がありました 。なんですけど、去年の11月にクロード を開発してるアンスロピックっていう会社 がこういう企画はどうですかっていうのを 提唱したっていうのがこのムーブメントの

4:37 始まりで、こちら記事持ってきたんです けれどもモデルコンテキストプロトコルっ ていうことで、MCPはAIモデルは 異なるデータソースやツールに接続する 標準的な方法を提供しますっていう風に 書かれてます。で、例え話としてあげられ てるのがすごい分かりやすいなって思って て、USBCポートのようなものだと考え てくださいっていう風に書かれてて、これ 僕もかなり納得感あるんですけど、例えば このパソコンに刺さってる端子ってUSB Cで、それってiPhoneだったり Android端末だったりで同じ端子で こう抜き差しできるじゃないですか。なん ですけど、一昔前ってUSBAとCが 混じってたり、はたまたMicroUSB っていう端子があったりとかで、いろんな 企画がバラバラで、その都度ケーブルを 準備しなきゃいけなくて、ちょっとめど くさいみたいな感じだったと思うんですね 。なんですけど、最近の風潮でUSBCに 統一しようぜみたいな感じになってきて、

5:23 我々使う側のユーザーはUSBCの端子 だけ持ってればどんなものとも接続でき るっていう世界戦が実現できていて、今は 物理的なハードウェアの話だったんです けれども、これがコンピューターの中の 世界、ソフトウェアの世界でも同じ企画で 通信を統一するといろんなものと接続でき て楽だよねっていうことをクロードが提唱 したという感じになります。で、この動画 撮影してるのが繰り返しになるんですが、 2025年の4月で4月時点だと クライアント側って呼んでるんですけど、 さっきAIをこう使ったツールの部分は エンジニアが使うツールだったりとか、 あとさっき僕が使ったクロードとかでだけ 使用できるっていう形になってます。なん ですけど、これ使えるツールが増えてくっ ていうのは時間の問題かなっていう風に 思っていて、チャットGPTの会社

6:08 openAIも先月末かなにモデル コンテクストプロトコルに、え、アクセス できるようになりますよっていう風に言っ てて、数ヶ月後には対応する予定だよ みたいなことを言ってるので、もう ちょっとしたらチャットGPTでもさっき みたいなことができるようになってくるか なっていう風に思ってます。このMCPの 技術で右側のサーバー側、いろんな サービス側とAIツールがこう接続されて いくともう本当何でもできるようになる なっていう風に個人的に思ってて、個人的 にはこの技術にはこう投資しておいた方が いいんじゃないかなっていう風に思って おります。で、この時代の流れに乗っかっ てノー車もキャッチアップが早いですね。 この企画に乗ったサーバーを4月に リリースしたっていうことで、これがこの NOMCPサーバーになります。これ オープンソース化されていてGit部上で 2人誰でも見ることできるので興味ある人 は中のソースコードとか読んでみるといい

6:54 んじゃないかなと思います。2時間前とか にもね、コミットされててかなり今開発 頑張ってる感じだと思います。で、ここ からが動画の後半戦でこれの設定自体は 多分非エンジニアの方でもできると思うの で実際に設定方法をこの後解説していき たいと思います。設定方法は大きく2 ステップで僕の動画見てくださってる方は もしかしたらお馴染みかもしれないんです けどノーション側のインテグレーションの 準備をするっていうのが1つでもう1つは クロード側でMCPの初期セットアップを してやるクロード上からノを操作すること ができるようになります。ではステップ1 のノインテグレーションの準備からやって いきましょう。もしかしたら皆さんお なじみのページかもしれないんですがノで 検索して1番上に出てくるこちらの NOションAPIをクリックして右上 のビューマインテグレーションズを選び ます。で、この中から新しい

7:41 インテグレーションを選択して、この部分 にタイトルを入れておきます。MCP テスト今日の日付みたいにしておきます。 関連ワークスペースは自分が接続したい ワークスペースを選んで種類は内部のまま で大丈夫です。ここまで設定できたら保存 をクリックしましょう。そうするとここの 部分に内部インテグレーション シークレットというのが出てきて表示 ボタンをクリックすると中身をコピーする ことができます。で、この内部 インテグレーションシークレットなんです けど、外部に漏れてしまうと他の人のAI ツールから自分のノを操作されちゃう みたいな恐れがあるので、ここの部分は他 の人に漏らさないように厳重に管理する ようにしてください。僕のこのトークン 使ってちょっと悪用しないようによろしく お願いします。デフォルトだとこの機能の 部分でコンテンツを読み取る、更新、挿入 っていうところにチェックが入っていて、 さっきデータベース作ったと思うんです

8:26 けどデータベースの作成だったりあと 読み取りっていうのはこの3つにチェック が入っていればオッケーです。今後 コメントをAIツール上からさせたいって いう場合にはこちらの部分もチェックを 入れて右下の保存ボタンをクリックして おいてください。インテグレーションの 作成が完了したらAIツール上からノを 操作させたいページに先ほど作った インテグレーションを接続していくという ことをします。今回はこの空っぽのMCP というページを準備してこのページと接続 していければと思うんですが右上の メニューアイコンから接続の部分を クリックして先ほど作ったMCPテストと いうのを選択します。え、2025年4月 11日さっき作ったやつですね。こちらを 選択します。これでハを押せば設定が完了 になります。ここまででノ側の インテグレーションの準備という部分は 終わりです。次にクロード側でMCPの

9:14 セットアップをしていきましょう。今 クロードの画面映ってるかと思うんです けれども、クロードの設定画面を開きます 。設定画面の開発者というところを クリックして構成を編集をクリックし ましょう。そうするとMacの方は FINERダーが立ち上がってクロード デスクトップconfンジJonという ファイルが選択されているかと思います。 こちらを開いていきます。僕の場合はVS コードっていうエディターを普段使って いるのでこちらで開いていきたいと思い ます。開くとこんな感じでMCPサーバー ズっていうところに空っぽのオブジェクト が入ってるだけのJonファイル。こちら がデフォルトだと入っているかと思います 。で、ここの部分に接続設定を書いていく んですけれども、接続設定は先ほどお見せ したこちらですね。ノーション公式が出し てるノションMCPサーバーの Gabポジトoryの中のReリーMEの 中に、え、CopペPayで使えるものが

9:59 ありますので、こちらをコピーして いただいてエディターの中に貼り付ける。 これだけでオッケーです。で、1箇所だけ 自分のノーと接続するっていう設定をする 必要があって、ここですね、Open APIMCPheadッズというところの ベアラートークンのノーショバースタリス クってなってる部分。こちらの部分を 先ほど作成したノーのインテグレーション トークンに差し替えます。ここまででき たら保存をして設定は完了です。一度設定 したらクロード再起動する必要があるので 1回クロード落としてやってもう1度起動 させます。うまく設定できてるかどうか 確認する時はこちらですね。ここに ハンマーのアイコン出てれば大丈夫です。 こちらクリックしていただいた時にソース サーバーノションAPIってなってると 思うんですけど、ここの部分にノで それぞれ操作できる内容が出てれば、

10:46 さっきのJonファイルの設定は大丈夫 です。ここまで設定できたら下準備は完了 です。あとはここにプロンプトを書いて ノーション側の操作をさせていく形になり ます。最後MCPというページに接続でき ているか少しまたデモをしてみたいと思い ます。ノー上のMCPというページに クロードの料金別比較を作って欲しい。 こんな感じで命令してみたいと思います。 無事接続できてそうですね。こんな感じで AIがプランをちゃんと調べて調べた内容 をノに書き込むっていうことをしてくれて ます。1回エラーが起きたっぽいんです けど、エラー起きたけど代わりに大体案を 考えてそれを実行してくれてるみたいです ね。いいですね。途中で諦めないっていう のはめちゃめちゃいいですね。で、左側 見るとクロード料金プランっていう データベースができてます。完了しました

11:32 。ということで終わりましたね。ここまで 大体3分くらい時間かかったかなという風 に思います。ちょっと見てみると料金 プランっていうデータベースができてるん ですが、ここ中身からですねからだけど この下の部分にトグルの中に入れたかった のかもしれないですが、これトグルになっ てなくて、こんな感じでデータがまとまっ てます。あ、注意事項とか参考リソースと かも勝手に書いてくれてますね。すごい。 このデータベースはっき1 [音楽] [音楽] 回こうベース作ろうとしたけど、なんかうまくかくやりますよっていうことで上にキストで書いたやつの名残りが残ってるのかなっていう風に思います。この辺の度は多分時間の問題かなっていう風に思っていて後がっくと思うので、ま、問題ないかなという風には思ってるんですけど、こんな感じでドから命令を出し脳書に書き込ま せるっていうことができました。

12:18 これ例えばなんですけど、今後こういう風 になるんじゃないかなって思ってるのが、 例えば夜寝る前にAIのエージェントを何 個か走らせておいて、ノーション上に データをまとめておいてくれと。で、朝 起きたらそれが綺麗な形で仕上がってる みたいなことが全然実現できるんじゃない かなっていう風に思ってます。いや、この MCPっていう技術めちゃめちゃいいなっ て思ってるので、もし興味ある人はね、 是非触って試してみてもらえればと思い ます。え、最後になるんですけれども、 ノーションのお手伝い受け承回っており ますということで、まず個人の傾きにはノ が学べるオンラインコミュニティノーシン 大学というのを運営しております。総会員 数が今500名以上いて、例えば今回の MCPの話とかは、これはこの動画撮影 する前の日ですね。前の日にやったんです けど、ノションMCPサーバーを触って みる回みたいな感じでコミュニティの中 限定でイベントをやったりしていて、これ

13:03 以外にもたくさんイベント開催してるので 、これから納びたいぞという方は是非概要 欄のリンクから見ていただけたらと思い ます。え、法人様向けにもノーの構築代行 だったり、コンサルタントの支援してます ので、こちらも概要欄にリンク載せておき ますので、興味ある方是非チェックしてみ てください。ということで、本日は 2025年4月に新しくオフィシャルから リリースされたノーMCPサーバーを実際 に使ってみるデモと解説してみました。に はなるんですが、興味ある方は是非触って みていただければと思います。本日の動画 以上となります。最後まで見ていただき ありがとうございました。 [音楽]