入会金0円／契約期間の縛りなし
セミナー開催レポートブログ
Claude Code に、動画やスクリーンショットから Notion に画像付きの操作マニュアルを作るスキルを入れておくと、操作を録画した動画を渡すだけでマニュアルができあがります。手順ごとの見出し・説明文・画面の画像がそろったページが、Notion にそのまま作られます。つなぐために用意するのは、Notion で作るコネクトのアクセストークンと、書き込み先になる親ページの URL の2つです。一方で、トークンの発行とページの許可は自分の手で進める必要があり、Web で開いたマニュアルの画像が後から表示されなくなる例も当日の画面に出ていました。
2026年5月26日21時からのセミナーの講師は KEITO です。題材は、Substack のクロスポスト機能を操作した約47秒の録画でした。Claude Code のスキルクリエイターでスキルを作る所から、Notion のトークンと親ページの準備、設定の差し替えまでを、参加者と一緒に進めています。
KEITO が使っているのは、notion という名前で登録したスキルです。スキルは、作業の手順書（SKILL.md）とスクリプトをひとまとめにして Claude Code に覚えさせる仕組みで、名前で呼び出せます。呼び出し方は、/notion と打つか、「この動画からマニュアル化して」のように頼むかです。入力は動画ファイルかスクリーンショットの画像で、出力は Notion の親ページの下に作られる画像付きのマニュアルページです。
仕組みについて KEITO は、Claude Code は動画を画像に分けて、それぞれに何が映っているかを理解できるようなので、それを使って文章を作っている、と説明していました。Notion のコネクトは画像の添付にも対応しているため、動画からそのままマニュアルまで作れます。
処理は録画から Notion への書き込みまで、5つの手順で進みます。
ffmpeg は、動画から静止画を取り出すための道具です。配られたページでは、Claude Code と Python 3.9 以上、ffmpeg がそろっていることが前提になっていました。KEITO 自身も普段の活動でこのスキルを使っていて、前回や前々回のマニュアルもこのスキルで作ってきたそうです。
実演の題材は KEITO が最近気に入っているという Substack のクロスポスト機能でした。画面を録画しながら、クロスポストしたい記事を開き、右上の「…」からクロスポストを選んで、コメントを入れて「続ける」を押すまでを操作しています。
/notion を呼び出すと、スキルはまず素材と書き込み先を確かめ、動画ファイルのパス、マニュアルのテーマとタイトル、親ページの3つを聞いてきました。録画したファイルのパスを貼り、Substack のクロスポストの解説だと伝えると作業が始まります。
動画は約47秒のフルHDです。Claude Code はデスクトップに作業フォルダを作り、3秒おきにコマを抜き出しました。抜き出せたのは16枚。中身を読んで操作の流れを6つの手順にまとめ、途中に出てくる「シェア」ボタンはクロスポストとは別物なので注意点として触れる、と提案してきました。
続けて、マニュアルのどの手順にどのコマを使うかの選定案を表で示し、この選定で進めてよいかを聞いてきます。ok と返すと、画像のコピー、本文の作成、Notion への投稿まで進みました。
できあがったマニュアルの内訳は、画像が7枚（操作手順6枚とシェアとの違い1枚）、Notion のブロック数が51でした。Claude Code は自分で見直しもしています。動画にはコメントを入力したコマが「こ」の1文字までしか残っていなかったため、手順4に空欄のコマ、手順5に入力中のコマを割り当て直した、と報告していました。
Notion にできたページ「Substackクロスポスト操作マニュアル」には、クロスポストの説明、6つの操作手順、シェアとの違い、よくある質問4つが目次つきで並びます。
各手順には画面の画像と短い説明が入り、ところどころにポイントの囲みも付きます。この流れでクロスポストしてください、と伝えれば説明がつく操作マニュアルが一度でできるので、かなり楽になる、と KEITO は話していました。
スキルは、ターミナル版でもデスクトップ版でもよいので、Claude Code のスキルクリエイター（skill-creator）に作ってもらいます。最初から入っていなければ、プラグインとして追加する必要がありそうだと KEITO は話していました。Claude Code の公式ドキュメント［Claude をスキルで拡張する］でも skill-creator はプラグインとして案内されていて、ターミナルでは /plugin install skill-creator@claude-plugins-official で入れられます（2026年11月時点）。
やり方は配られた Notion のページのリンクをスキルクリエイターに貼り、作って、と頼むだけです。ページには全体プロンプトと手順がまとめてあるので、その通りに進めてくれます。スキルづくりには時間がかかるため、先に頼んでおき、待っている間に Notion のトークンを準備する段取りでした。
途中で参加者から、Notion の URL を直接渡すと Claude が読めないようだ、という声が上がりました。KEITO はその場で同じ内容の PDF を共有し、URL で読めない人は PDF を渡すように切り替えています。
スキルクリエイターに頼むときの手順と、質問への答え方も、ページに書かれていました。
できあがるスキルは、4つのファイルでできています。
スキルづくりは Claude Code に任せられますが、Notion 側の準備は自分の手で進めます。KEITO の画面に映った初期設定のマニュアルでは、やることが3つにまとめられていました。
アクセストークンは、Claude Code のような外のプログラムが Notion を操作するときに、許可を受けている証明として使う文字列です。1つ目のトークンは、Notion の開発者向けのページ「コネクト」で作ります。配られたページの my-integrations のリンクを開くと、これまでに作ったコネクトの一覧が出ます。Notion のアカウントがまだ無い人は別の画面になるはずなので、先にアカウントを作っておくよう KEITO は呼びかけていました。
コネクトは以前「インテグレーション」と呼ばれていた機能です。画面に映ったマニュアルにも、古い記事では Integration と書かれていることがあるが指すものは同じ、という注意がありました。
右上の「新規コネクト」を押します。名前は何でもよく、KEITO は「マニュアル作成用002」と付けていました。認証方法でアクセストークンを選んでから「コネクトを作成」を押すと設定画面に移ります。
設定画面の「アクセストークン」の欄からトークンをコピーして、メモ帳などに控えておきます。下の「機能」は、コンテンツを読み取る、コンテンツを更新、コンテンツを挿入の3つにチェックが入っていれば十分だそうです。
トークンの扱いには注意が要ります。Notion の設定画面には、トークンを知っている人なら誰でもコネクトを代理操作できてしまうので共有しないように、という注意書きがあります。配られたページでも、トークンを書いた設定ファイルは秘密情報なので Git に載せない、と念を押していました。
Notion の開発者向けドキュメント［Create an internal Notion connection］によると、この種類のコネクトを作れるのはワークスペースのオーナーです（2026年11月時点）。会社のワークスペースで試すなら、先にオーナーに確かめておくと止まらずに済みます。
コネクトを作っただけでは、Notion のどのページにも触れません。そこで、マニュアルの置き場になる親ページ（できたマニュアルを下にまとめていく入れ物のページ）を作り、コネクトに許可を出します。
Notion で新しいページを作り、タイトルだけ付けておきます。中身は空のままでかまいません。KEITO はコネクトと同じ「マニュアル作成用002」という名前にしていました。そのあとコネクトの設定画面に戻り、「コンテンツへのアクセス」の「アクセス権限を編集」から、作ったページにチェックを入れて「保存する」を押します。
これでトークンからそのページに触れるようになり、Claude Code がページを自由に編集できる状態になります。Notion の開発者向けドキュメントでも、親ページへの許可はその下の子ページにも引き継がれると説明されています（2026年11月時点）。スキルで作ったマニュアルは、この親ページの下に増えていく作りです。
接続を忘れたときの症状も、画面のマニュアルに書かれていました。スキルを動かして 401 Unauthorized が出たら、まずこのページの接続を疑う、というものです。
次に、親ページのリンクを控えます。Notion の左のサイドバーで作ったページを右クリックし、「リンクをコピー」を選びます。
配られたページの「6. 動かす」の上にあるのが、設定を書く欄です。notion_token にトークン、parent_page_url にページのリンクを入れ替えて Claude Code に貼り、差し替えて、と頼めば設定は終わりです。設定は ~/.claude/notion.local.md というファイルに保存されます。
KEITO も「notionのスキルの設定を下記に変更してください」と送って差し替えていました。Claude Code は設定ファイルの2行を書き換え、次から /notion の投稿は新しいトークンと親ページに作られること、親ページに接続していないと 401 になることを返しています。
あとは「この動画からNotionにマニュアル作って」と動画のパスを付けて頼めば、親ページの下に画像付きマニュアルができ、URL が返ってきます。KEITO は練習用の動画も共有フォルダに入れておき、設定が終わった参加者に試してもらっていました。仕上げとして「説明文を最適化して」と頼むと、スキルが呼び出される精度を上げてくれる、ともページに書かれています。
動画から Notion にマニュアルを作る設定は、6月22日の中級者向けの回、Claude・Codexのスキルの作り方｜NotionマニュアルとGmail通知の自動化でも扱いました。Claude Code と Notion をつないでデータベースまで作る話は、Claude Code×Notion連携｜接続からデータベース作成、ログの再利用までの回にあります。
作業中、スキルクリエイターがうまく動かなかったので、ページの文章をまるごと Claude Code に渡して進めている、という参加者もいました。
KEITO の助言は、スキルの保存場所を Claude Code に教えることです。Mac なら「Macintosh HD」の「ユーザー」の中にある自分のユーザー名のフォルダに .claude というフォルダがあり、その中の skills がスキルの置き場になっています。このパスを伝えて、ここにスキルを作って、と頼めば正確に作ってくれるはず、とのことでした。
スキルクリエイターを使わずにスキルを作らせると、Claude Code がこの場所を知らず、デスクトップなど別の所に作り始めることが何度かあったそうです。スキルクリエイターはそこをうまく処理してくれている感覚がある、と KEITO は話していました。
Claude Code の公式ドキュメントでも、個人用のスキルは ~/.claude/skills/<スキル名>/SKILL.md に置くと説明されています（2026年11月時点）。今回のスキルは ~/.claude/skills/notion/ に保存されます。
Notion で作る利点として KEITO が挙げたのは、そのまま PDF にしたり、Web で共有したりできることです。ページ右上の「…」からエクスポートを選ぶと、形式を PDF、HTML、マークダウンと CSV から選べます。Notion のヘルプ［Notionのコンテンツをエクスポート］にも、ページ右上の「•••」からエクスポートする手順が載っています（2026年11月時点）。
ただし、Web で共有するときは画像に気をつける必要があります。KEITO は以前、Notion の画像が2週間ほどで消えると調べたことがあり、当日もその場で過去のマニュアルを開いて見せました。ブラウザで開いたページでは、画像の所に「この画像は見つかりませんでした」と表示され、画像の置き場になっていた catbox という外部サービスの URL がエラー404になっていました。
消える画像と消えない画像があり、KEITO の見立てでは、Notion 側というより Claude Code が画像をどう埋め込んだかで分かれるようです。外部のサーバーに一時的に置いた画像を貼る形だと、途中で消えてしまうのかもしれない、という話でした。原因ははっきりしないままでしたが、配るときの対策は2つ挙がっています。
Claude Code に画像をダウンロードさせて貼り直す流れが作れれば解決しそうだが、今のつなぎ方ではそれが難しいかもしれない、とも KEITO は話していました。
当日の実演は1分足らずの操作でしたが、長い動画からも作れます。KEITO が見せたのは、30分ほどの YouTube 動画から作ったマニュアルで、Manus のクラウドコンピューターの使い方をまとめたページでした。
配られた全体プロンプトでも、主な用途として社内マニュアル、ツールの使い方の説明、AI ツールの操作手順、講座用の教材作りが挙がっていました。参加者からも動画からページを作れた、クライアントのサポートをしていてこの日もマニュアルを作っていた、という報告がありました。
気をつけたいのは使用量です。動画を渡すと Claude のトークンをかなり使います。それでも人に頼むよりは安く済む、というのが KEITO の考えでした。
マニュアルはコネクトに許可した親ページの中に作られていきます。ほかの置き方があれば試したいものの、コネクトがそのページを指定しているので、その中に入る形になる、というのが KEITO の説明でした。見た目はもう少し工夫できそうだ、とも話しています。
データベースの案は、Notion に詳しい参加者から出たものです。中身を見てプロパティを AI が割り振ってくれそうだと KEITO も乗り気で、データベースを作る勉強会をやろうという話になりました。Notion のデータベース作りは、6月1日の回、Notion AIでデータベース作成｜フォームとスキルで報告メールの下書きまでで扱っています。
もう1つの話題はプレゼンテーションモードでした。区切り線でページを区切っておくと、右上の「…」からプレゼンテーションとして映せます。マニュアルを作る時点で、節目に区切り線を入れておくよう Claude Code に頼めばよい、という案も参加者から出ていました。詳しい使い方は7月21日の回、Notion AIでプレゼン資料を作る方法｜文字起こしからスライドとパワポまでで紹介しています。
Claude Code、マニュアル作成のスキル、Notion のアカウントの3つです。スキルには、Notion で作ったコネクトのアクセストークンと、書き込み先になる親ページの URL を設定しておきます。配られたページでは、Python 3.9 以上と ffmpeg も前提になっていました。
PDF にして渡します。当日も URL では読めないという声があり、KEITO が同じ内容の PDF を配って進めました。
コンテンツを読み取る、コンテンツを更新、コンテンツを挿入の3つで足ります。画面に映ったマニュアルにも、このスキルはページを新しく作って画像とブロックを流し込むので、特に「挿入」は欠かせないと書かれていました。
親ページにコネクトを接続し忘れていないかを確かめます。コネクトの設定画面の「コンテンツへのアクセス」で、親ページにチェックが入っているかを見てください。
作れます。KEITO は30分ほどの YouTube 動画からもマニュアルを作っています。ただ、動画を渡すと Claude のトークンをかなり使うので、使用量には気をつけてください。
PDF にして配るのが安全だそうです。Web で共有すると、外部に置かれた画像が後から表示されなくなることがあります。画像を一度ダウンロードして同じ場所に貼り直す方法も挙がっていました。
アーカイブ動画はProcevoで見られます
プランは登録のあとに選べます
