セットアップガイド

技術知識不要。この手順どおりに進めれば、約10分で予約システムが完成します。

10分
所要時間
5ステップ
手順数
0円
費用

設定が不安ですか？

「おまかせセットアップ」なら、あなたに代わって全て設定します。

おまかせプランを見る

事前に用意するもの

すべて無料で取得できます

📧

Googleアカウント

Google Apps Script とスプレッドシートに使います。
既にGmailをお使いなら、そのアカウントでOKです。

💬

LINE公式アカウント

無料プランで十分です。まだお持ちでない方は
LINE for Business から作成できます（3分程度）。

STEP 1 / 5 — 約2分

Google Apps Script プロジェクトを作成

  1. script.google.com をブラウザで開きます
  2. 左上の 「+ 新しいプロジェクト」 をクリック
  3. プロジェクト名を 「LiffCal」 に変更（左上のタイトルをクリック）
  4. 画面に表示されている function myFunction() のコードを 全て削除 します
  5. 以下のリンクからCode.gsの中身を 全てコピー して貼り付けます：
    Code.gs（GitHub）
  6. Ctrl+S（Mac: Cmd+S）で保存

次に、HTMLファイルを2つ追加します

ファイル名の横にある 「+」→「HTML」 をクリックし、以下の2つを追加：
1. ファイル名: index → index.html の中身 を貼り付け
2. ファイル名: admin → admin.html の中身 を貼り付け

⚠️ ファイル名は正確に index と admin にしてください（.html は不要。GASが自動で付けます）。

STEP 2 / 5 — 約3分

LINE Developers でチャネルを作成

  1. LINE Developers Console にLINEアカウントでログイン
  2. プロバイダー がなければ「作成」をクリック
    名前は「自分の店名」や「自分の名前」でOK
  3. 「Messaging API」チャネル を作成
    • チャネル名: あなたの店名やサービス名
    • チャネル説明: 「予約管理」など
    • カテゴリ: 該当するものを選択
  4. チャネル作成後、「Messaging API設定」 タブで チャネルアクセストークン を「発行」→ コピーして控える
  5. 次に 「LIFFアプリを追加」 をクリック
    • LIFFアプリ名: LiffCal
    • サイズ: Full
    • エンドポイントURL: https://example.com（後で変更します）
  6. 作成されたLIFF IDを コピーして控える（例: 1234567890-abcdefgh）

📝 この時点で2つの値を控えているはず：
1. チャネルアクセストークン（長い英数字）
2. LIFF ID（数字-英数字）

STEP 3 / 5 — 約2分

GASにスクリプトプロパティを設定

STEP 1で作ったGASプロジェクトに戻ります。

  1. 左のメニューから 「プロジェクトの設定」（歯車アイコン）をクリック
  2. 下にスクロールし 「スクリプト プロパティ」 セクションで「スクリプトプロパティを追加」
  3. 以下の3つを登録：
プロパティ名（コピペ） 値
LINE_CHANNEL_ACCESS_TOKEN STEP 2で控えたアクセストークン
LIFF_ID STEP 2で控えたLIFF ID
ADMIN_EMAIL 予約通知を受け取るメールアドレス

「スクリプトプロパティを保存」をクリックして保存

STEP 4 / 5 — 約2分

GASをウェブアプリとしてデプロイ

  1. GASエディタに戻り、右上の 「デプロイ」→「新しいデプロイ」 をクリック
  2. 種類の選択で 「ウェブアプリ」 を選択
  3. 設定：
    • 説明: LiffCal v1.0
    • 次のユーザーとして実行: 自分
    • アクセスできるユーザー: 全員
  4. 「デプロイ」 をクリック
  5. 「アクセスを承認」が表示されたら:
    • Googleアカウントを選択
    • 「詳細」→「LiffCal（安全ではないページ）に移動」
    • 「許可」をクリック
  6. 表示された ウェブアプリURL をコピー

📝 ウェブアプリURLは以下のような形式です：
https://script.google.com/macros/s/AKfycb.../exec
このURLが予約システムの本体になります。

STEP 5 / 5 — 約1分

LIFF のエンドポイントURLを更新

  1. LINE Developers Console に戻る
  2. STEP 2で作ったLIFFアプリの編集画面を開く
  3. エンドポイントURL を、STEP 4で取得したウェブアプリURLに変更
  4. 「更新」をクリック

初期セットアップを実行

ブラウザで以下のURLにアクセスしてください（スプレッドシートが自動作成されます）：
あなたのウェブアプリURL?action=setup
※ 実際のURLを使ってください

設定完了！

おめでとうございます！LiffCalのセットアップが完了しました。

確認方法

  • LINE公式アカウントのトークルームでLIFFアプリが開ける
  • 予約を作成すると、LINEに確認メッセージが届く
  • 管理パネル（ウェブアプリURL?action=admin）で予約が表示される
  • 管理者メールに通知が届く

困ったときは

自分で設定するのが難しい？

Shimanto AI があなたに代わって全て設定する「おまかせセットアップ」をご用意しています。

おまかせプランの詳細を見る