会社のCloudflareアカウントにStudioを追加する

ストレージが有効になっているか確認する

Studioは、キャプチャをCloudflare R2に保存します。会社のCloudflareアカウントにサインインして、一度だけ確認してください：

1. Cloudflareダッシュボードで「Storage & databases → R2 → Overview」を開きます。
2. CloudflareからR2の追加を案内されたら、チェックアウトを完了してください。アカウントの請求担当者がご自身でない場合は、その担当者にこの手順を依頼してください。

Studioのダッシュボードで、使用中のストレージ量を確認できます。2026年10月に確認したCloudflareのR2ドキュメントには、R2は毎月の無料利用分が含まれていて無料で使い始められること、そして利用分は月ごとに請求されることが記載されています。

パソコンにStudioを用意する

• Windowsの場合：Maxisnapで「設定 → アカウント → Maxisnap Studio セットアップウィザード」を開き、「はじめましょう」、続いて「ダッシュボードをダウンロード」をクリックします。MaxisnapがStudioのZIPファイルを「ダウンロード」フォルダーに保存し、そのフォルダーを開きます。
• Macの場合：Maxisnapで「Settings → Welcome & Help → Studio Setup Guide」を開き、「Get Started」、続いて「Download Dashboard」をクリックします。MaxisnapがStudioのZIPファイルを「ダウンロード」フォルダーに保存します。

ZIPファイルを展開します。Windowsでは、右クリックして「すべて展開」を選びます。Macでは、ダブルクリックします。

最初からロゴとカラーを反映したいですか？「Maxisnap Studio - Start Here.html」をダブルクリックし、ブランドをデザインして「Lock in my branding」をクリックします。アシスタントがその設定を使います。この手順を省略して、あとからダッシュボードの「Branding」でブランド設定を変更することもできます。

アドレスを決める

Studioには常にworkers.devのアドレスが付き、最初から使えます。このCloudflareアカウントでドメインが有効になっていれば、snaps.yourcompany.comのような、ドメインの新しいサブドメインも追加できます。

アドレスは次のような形になります：snaps.yourcompany.workers.dev

ご自身のドメインは、あとから何も失わずに追加できます。

作業をAIアシスタントに任せる

1. AIコーディングアシスタントを開きます。Claude Code、Codex、Cursorなど、パソコン上でコマンドを実行できるものを使います。
2. AIアシスタントを使ったセットアップのガイドから用意済みの指示文をコピーし、山かっこで囲まれた行をStudioフォルダーの場所に置き換えて、貼り付けます。
3. 会社ですでにCloudflareを使っていること、そしてサブドメインが必要かどうかを伝えます。アシスタントはStudioフォルダーにある指示書ファイルを読み、各手順を実行する前に説明します。

用意済みの指示文を入手する。

アシスタントに求められたら、Cloudflareのキーを作成する

デプロイには、アカウント内で作業する権限が必要です。その権限は、Cloudflare APIトークンで与えます。トークンは、この作業専用のパスワードのようなものです。

1. Cloudflareで「My Profile → API Tokens」を開き、「Create Token」をクリックして、カスタムトークンの作成を選びます。
2. 次の4つの権限を追加します：Account Settings Read、Workers Scripts Edit、Workers R2 Storage Edit、D1 Edit。
3. サブドメインを使う場合は、さらに3つ追加します：Zone Read、DNS Read、Workers Routes Read。
4. 「Account Resources」で、会社のアカウントを選びます。サブドメインを使う場合は、「Zone Resources」で、ご自身のドメインを含めます。
5. 「Continue to summary」、続いて「Create Token」をクリックします。Cloudflareはトークンを一度しか表示しないので、すぐにコピーしてください。
6. アシスタントから求められたら、トークンはチャットではなく、ご自身でターミナルに貼り付けてください。

CloudflareのAPI Tokensページを開きます。

各権限が何に使われるかは、技術資料に書かれています。Studioが動き出したら、トークンは削除できます。あとでStudioを更新または削除するときは、新しいトークンが必要です。

実行計画を確認してから、Studioを作成する

「はい」と答えるまで、何も作成されません。アシスタントはまず実行計画を作成して、その内容を表示します。「Will create」には、1つのWorker、1つのR2バケット、1つのD1データベースのほか、workers.dev名が新規の場合はその名前、サブドメインを選んだ場合はそのサブドメインが表示されます。「Will not touch」には、ドメインとDNS、ほかのWorker、バケット、データベースが表示されます。

1. 実行計画に、すでに使われている名前などの問題が表示された場合は、別の名前を選んで、実行計画をもう一度作成してください。
2. 実行計画の内容に問題がなければ、アシスタントに進めるよう伝えてください。デプロイが途中で止まった場合は、同じコマンドをもう一度実行すれば、何も二重に作成することなく続きから再開されます。

管理者キーを保管する

1. 完了すると、デプロイによってStudioのアドレスと管理者キーが一度だけ表示されます。キーは、パスワードマネージャーのような安全な場所に保管してください。このキーでダッシュボードにサインインします。キーを知っている人は、誰でもStudioを使えます。
2. デプロイは、cloudflareフォルダーにdeployment.jsonというファイルも書き出します。このファイルは保管しておいてください。あとでStudioを更新または削除するときに使われます。

Maxisnapを接続して試す

• Windows版Maxisnap：「設定 → アカウント → Maxisnap Studio セットアップウィザード」を開き、「はじめましょう」をクリックします。ステップ4の「Maxisnap を接続」まで、「次へ」をクリックして進みます。Studioのアドレスとキーを貼り付け、「接続をテスト」、「次へ」の順にクリックして、最後のページで「完了して保存」をクリックします。セットアップで表示された管理者キーを使えます。ダッシュボードの「People & access」にあるアップロードコードも使えます。
• Mac版Maxisnap：「Settings → Welcome & Help → Studio Setup Guide」を開き、「I already have a dashboard」を選びます。Studioのアドレスとキーを貼り付け、「Test Connection」、「Next」、「Finish & Save」の順にクリックします。

何かをキャプチャして、エディターで「アップロード」をクリックします。Windowsでは、Ctrl+Alt+7を押すと範囲をキャプチャして、すぐにアップロードします。共有リンクはクリップボードにコピーされます。

Windows版MaxisnapとMac版Maxisnapは、CloudflareのStudioに各アップロードを1回のリクエストで送信します。受け付けるのは、ファイルあたり25 MBまでです。

次のステップ：ダッシュボードの「People & access」でチームメンバーを追加し（全員にそれぞれ専用のコードとロールが付きます）、ロゴやカラーはいつでも「Branding」で変更できます。