Googleスプレッドシート連携

公開するのはアプリの画面です。スプレッドシートを一般公開する必要はありません。

1. Cloudflare Pagesへ公開

「Workers & Pages」からPagesの直接アップロードを選び、配布ZIPをアップロードします。公開後のHTTPSのURLをコピーしてください。

2. Google認証を設定

1. 同じGoogle CloudプロジェクトでGoogle Sheets APIを有効にします。
2. Google Auth Platformでブランド情報と対象ユーザーを設定します。外部／テスト運用の場合は、使うGoogleアカウントをテストユーザーに追加します。
3. 「クライアント」から「ウェブ アプリケーション」のOAuthクライアントを作成します。
4. 「承認済みのJavaScript生成元」に公開URLの生成元（例：https://your-project.pages.dev）を登録します。末尾のスラッシュやパスは不要です。リダイレクトURIは使用しません。
5. 「クライアントID」をコピーします。クライアントシークレットは使用しません。

3. アプリに接続先を保存

1. 「接続設定」でクライアントIDと対象タブのスプレッドシートURLを貼ります。URLにはgid=が必要です。
2. 学級名・調査名・調査日・更新先を選び、保存します。初回は新しい調査として保存します。
3. 「最新の回答を取り込む」を押し、閲覧権限のあるGoogleアカウントで許可します。
4. 初回は10問の列を確認します。自由記述2列は任意です。氏名・メール・タイムスタンプは選びません。

列を変更するときは「接続設定」の「回答列を選び直す」を押します。次回は取り込みボタンで更新できます。認証期限切れ時はGoogleの画面が再表示されます。見出し変更時は列を再確認します。

回答・保存について

1行目は見出し、2行目以降は回答です。選択肢は1〜4の数字、または数字から始まる文に対応します。空欄は欠測扱い、最大10000行です。更新しても作戦と振り返りを引き継ぎます。

回答・作戦・接続設定は、このブラウザに保存します。認証トークンは画面を開いている間だけ保持します。Googleの読み取り許可はアクセス可能なスプレッドシート全体を対象としますが、アプリは設定したタブの見出しと選択した列だけを読み取ります。自由記述に含まれる個人情報も取り込まれます。

端末変更に備え「バックアップ」を保存してください。旧アプリのバックアップを新しいCloudflare版で復元できます。接続設定はバックアップに含まれず、別端末では再設定が必要です。

接続できない場合

生成元URLの一致、Sheets APIの有効化、テストユーザー登録、閲覧権限、学校アカウントの制限、ポップアップブロックを確認します。取り込み失敗時は既存の回答を保持します。

Google公式設定手順 ／ Cloudflare公式公開手順