CHAPTER 1
COMPLETE SETUP TUTORIAL
🌸

SpaCounseling
完全セットアップガイド

約30分で完了・全60シーン

完成後に手に入るもの

📱
お客様用
カウンセリングシート
📊
自動データ保存
Googleシート
📧
翌日御礼メール
自動送信

導入の流れ（7ステップ）

👀
体験
🔐
Gmail
🎨
設定
🤖
自動構築
🌐
Web公開
📱
QR
✅
確認

📦 準備するもの

✅ Gmailアカウント（なければ作成・3分）
✅ PC（ネット接続必須）
✅ ダウンロードしたファイル一式
✅ 約30分の作業時間
STEP 0

まず体験してみる（1分）

完成形を掴みましょう

STEP 0.1 — デモURLを開く
🔒 spa-counseling-template.vercel.app/counseling-sheet.html
📋
YOUR SPA
BOUTIQUE SPA
言語を選択してください
STEP 0.2 — チャット形式で記入
YOUR SPA
ようこそ。言語を選んでください
日本語
お名前を教えてください
田中 花子
マッサージの強さ（1〜5）
1 2 3
3/5
STEP 1

Gmailアカウント作成（3分）

既にお持ちの方はスキップしてSTEP 2へ

STEP 1.1 — 登録ページを開く
🔒 accounts.google.com/signup
Google
Google アカウントの作成
「自分用」を選択してください
STEP 1.2 — 基本情報を入力
基本情報
STEP 1.3 — メールアドレス & パスワード
ログイン情報
@gmail.com が付きます
💡 必ずメモしてください
STEP 1.4 — 電話番号認証
📱 SMS認証
SMSで認証コードが届きます
→ 受信したコードを入力 → 完了
✅ これでGmailアカウント完成
STEP 2

設定エディタで屋号・色を設定（5分）

コード編集なし・フォーム入力だけ

STEP 2.1 — エディタを開く
🔒 spa-counseling-template.vercel.app/setup.html
🎨
かんたん設定エディタ
入力 → ダウンロード
STEP 2.2 — 画面の見方

左: 入力欄 / 右: リアルタイムプレビュー

入力欄
屋号・色・言語を入力
プレビュー
即座に結果表示
STEP 2.3 — 屋号を入力
CORAN BANGKOK
BOUTIQUE SPA
🌸
STEP 2.4 — カラーテーマ
ゴールド / ラベンダー / ターメリック / ミント
STEP 2.5 — 対応言語
🇯🇵 日本語 🇬🇧 EN 🇹🇭 TH 🇨🇳 中文 🇰🇷 한국어
STEP 2.6 — 質問項目ON/OFF
業態に合わせて切り替え
通院状況ON
筋骨格の問題ON
マッサージ圧OFF
STEP 2.7 — 御礼メール
CORAN BANGKOK
https://g.page/r/XXX/review
10:00（朝・推奨）
STEP 2.8 — クーポン設定
キャンペーン 1
🎫 SPRING2000 / 💰 ¥2,000 OFF / 📅 3-5月
キャンペーン 2（デフォルト）
🎫 THANKS500 / 💰 ¥500 OFF
➕ キャンペーンを追加
STEP 2.9 — 利用規約（任意）
記入した情報が私の知る限り正確であり、施術に関連する情報を隠していないことを確認いたします。本サービスはリラクゼーションを目的としたものであり...
現金、宝石、その他の貴重品は、お客様ご自身の責任で...
💡 デフォルト文章のままでもOK
STEP 2.10 — 🔑 送信用URL欄は空白でOK

URLは次のSTEP 3で自動生成されます

（空白のままでOK）
👉 何も入力せずに次へ進んでください
💡 なぜ空白でOK？
次のSTEP 3（Apps Script）で、URL + Entry ID 入りの「config.js 用コード」が自動生成されます。それを直接 config.js に貼り付けるので、ここに戻る必要はありません。
STEP 2.11 — ダウンロード

⬇ 全ファイルをダウンロード

⬇ すべてのファイルをダウンロード
config.js + auto-setup-all.gs
→ ダウンロードフォルダに保存
STEP 3

Apps Script で全自動構築（3分）

フォーム・メール・トリガーを一括作成

STEP 3.1 — script.google.com
🔒 script.google.com
Apps Script
＋ 新しいプロジェクト
STEP 3.2 — 空のエディタが開く
無題のプロジェクト
function myFunction() {
  
}
👆 デフォルトのコードが表示されます
STEP 3.3 — デフォルトを削除
無題のプロジェクト
// Cmd+A で全選択 → Delete で削除
空っぽにします
STEP 3.4 — auto-setup-all.gs を貼り付け
/** SpaCounseling — 全自動セットアップ */
const CONFIG = {
  brandName: 'CORAN BANGKOK',
  fromName: 'CORAN BANGKOK',
  sendAtHour: 10,
  couponCampaigns: [...],
};
function setupAll() {
  // 全自動セットアップ
}
📝 メモ帳で開く → Cmd+A → Cmd+C → Apps Scriptに Cmd+V
STEP 3.5 — Cmd+S で保存
💾 Cmd+S / Ctrl+S
保存しないと実行できません
STEP 3.6 — 関数を「setupAll」に
関数: setupAll ▼
👆
ドロップダウンから setupAll を選択
STEP 3.7 — ▶ 実行ボタンをクリック
関数: setupAll
👆
青い「実行」ボタンをクリック
STEP 3.8 — 初回は承認画面
⚠️

「承認が必要」ダイアログが表示されます

初回のみ。慌てずに次のシーンの手順で進めましょう。
これは「あなたのGoogleアカウントへのアクセス許可」を求めるものです。

CHAPTER 6 ⚠️

承認画面（最重要ポイント）

4画面を順番にクリアします

画面 1/4

「権限を確認」をクリック

Google

承認が必要

このプロジェクトで Google アカウントへのアクセスが必要です。

画面 2/4

自分のGmailを選択

Google

アカウントを選択

画面 3/4 a — 警告表示

⚠️ 「確認されていません」警告

Google
⚠️
このアプリは Google で確認されていません
よく知っているデベロッパーのみに許可してください。
ここで「安全に戻る」を押してはダメ！次のシーンで対処法
画面 3/4 b — 「詳細」をクリック

左下の小さな「詳細」をクリック

画面下部の左側を見てください:

⭐ 詳細 ←ココ！
目立たないグレーの小さな文字。見逃しやすいので注意！
画面 3/4 c — 「安全ではないページに移動」

表示される青いリンクをクリック

⚠️ このページは確認されていません
あなた自身のスクリプトなので安全です。以下をクリック:
無題のプロジェクト（安全ではないページ）に移動 →
画面 4/4

「許可」をクリックして完了

Google

以下を実行できるようにします

  • 📝 Google フォームの作成・編集
  • 📊 Google スプレッドシートの作成
  • 📧 Gmail でメール送信
  • ⏰ トリガー設定
承認完了 ✅
🎉

承認完了！

スクリプトが自動実行を開始します（約30秒）

STEP 3.9 — 実行ログ

画面下の「実行ログ」を確認

━━━━━━━━━━━━━━━━━━━━
🚀 SpaCounseling 全自動セットアップ
━━━━━━━━━━━━━━━━━━━━
📋 Step 1/4: Google フォーム作成 ✅
📊 Step 2/4: スプレッドシート作成 ✅
📧 Step 3/4: 御礼メール テスト送信 ✅
⏰ Step 4/4: トリガー設定 ✅
🎉 完了！
STEP 3.10 — Gmail で完成版 config.js を受け取る

📬 あなたの Gmail に自動で届きます（コード編集不要！）

📧
Gmail — 受信トレイ
【SpaCounseling】✅ 完成版 config.js をお届けします
Apps Script の自動セットアップが完了しました。添付の config.js を spa-counseling-template フォルダに入れて上書きしてください。
📄
config.js
約 3 KB
⬇ ダウンロード
STEP 3.11 — フォルダにドラッグ → 「置き換える」をクリック

🎯 ドラッグ＆ドロップで完了（コピペ・編集なし）

📥 ダウンロードフォルダ
📄
config.js
(完成版)
➡️
ドラッグ
📁 spa-counseling-template
├ 📄 counseling-sheet.html
├ 📄 config.js ← 古い
├ 📁 dashboard/
└ ...
「config.js」はすでに存在します。置き換えますか？
キャンセル
👉 置き換える
STEP 3 完了 ✅

フォーム・メール・トリガー全て稼働中

次は Web 公開（STEP 4）

STEP 4

インターネットに公開（3分）

Netlify で無料・ドラッグだけ

STEP 4.1 — Netlify Drop を開く
🔒 app.netlify.com/drop
Netlify Drop
アカウント登録不要
STEP 4.2 — フォルダを探す

Mac: Finder / Windows: エクスプローラー

📁 spa-counseling-template ← ドラッグ対象
├ 📄 counseling-sheet.html
├ ⚙️ config.js（更新済み）
├ 📁 dashboard/
└ 📁 その他
STEP 4.3 — ドラッグ＆ドロップ
📦 Netlify Drop
📁
Drag and drop your folder here
ここにフォルダをドロップ ⬇
STEP 4.4 — URL 発行 ✅

🎉 あなたのサロン専用URL

🔗
https://amazing-spa-xyz.netlify.app
👆 メモ必須！QRコードに使います
STEP 5

QRコード作成・設置（3分）

無料サイトで変換

STEP 5.1 — QR作成サイトを開く
🔒 qr-code-generator.com
📱
QR Code Generator
無料・アカウント不要
⚠️ STEP 5.2 — URL末尾を忘れずに！
URL入力欄:
https://amazing-spa-xyz.netlify.app/counseling-sheet.html
⚠️ 末尾の /counseling-sheet.html を忘れないで！
STEP 5.3 — QRコードダウンロード
⬇ Download PNG
A5で印刷推奨
STEP 5.4 — 受付に設置
CORAN BANGKOK
COUNSELING SHEET
📱 QRコードを読み取ってご記入ください
所要時間: 約5分
STEP 6

動作確認テスト（3分）

4項目を必ずチェック

✓ STEP 6.1 — スマホでQR読み取り
→
CORAN BANGKOK
📋
カウンセリング開始
日本語で始める
✓ STEP 6.2 — テスト送信 → スプレッドシート確認
📊 Spa Counseling Responses
タイムスタンプ お名前 年齢
2026-04-23 15:32 テスト太郎 ← NEW! 30-39
✓ STEP 6.3 & 6.4 — 多言語 + メール確認
✅ スマホでQR読み取り → 開いた
✅ テスト送信 → シートに新しい行
✅ 多言語表示 → 各言語切り替え正常
✅ テストメール → Gmailに受信
🎉

お疲れ様でした！

全セットアップ完了です。
明日以降、自動で御礼メールも送信されます。
困ったら coranbangkok@gmail.com へ

SpaCounseling セットアップガイドへようこそ
1. オープニング
1 / 60