ミーティング予約アプリ

このテンプレートを使えば、見た目がプロフェッショナルで、セットアップしたその瞬間から使える個人用の日程調整ツールが手に入ります。カレンダーのAPIキーも、複雑な設定も、日程調整ソフトの使用経験も必要ありません。

技術的な部分はすでに用意されています。イベントタイプの作成、週ごとの空き時間グリッド、タイムゾーンを考慮した予約枠の計算、カレンダー用ファイルのダウンロード付き予約確認まで、すべて完成済みです。ミーティングの種類を決めて、リンクを共有することに集中できます。

完全な日程調整システムが揃っています。サービスを紹介するランディングページ、Google OAuthまたはメールによるサインアップとサインイン、ミーティングの選択肢を作成・管理できるイベントタイプのダッシュボード、「今後」「過去」「キャンセル済み」のタブを備えた予約画面、タイムゾーンに対応した週ごとの空き時間エディター、アバターをアップロードできるプロフィール設定、そしてゲストがアカウントを作らずに時間を選べる公開予約ページです。公開予約フローには、月表示と列表示、タイムゾーンの自動検出、ゲスト用フォーム、そして「Google Calendarに追加」「Outlookに追加」「.icsをダウンロード」ボタン付きの確認画面が含まれています。

Calendlyに料金を払ったり、Cal.comをソースからセットアップしたりするのに比べ、このテンプレートなら完全に自分のものとして所有できる、すぐに使える日程調整ツールが手に入ります。月額料金も、機能制限も、ベンダーロックインもありません。

おすすめの活用例

クライアントとの初回ヒアリング

コンサルタントやエージェンシーは、「30分の初回ヒアリング」というイベントタイプを作成して当日の内容を説明に書き添え、そのリンクを提案書やメール署名に貼り付けられます。クライアントは手間なく予約でき、すべての予約がゲストの名前、メールアドレス、メモとともにダッシュボードに届きます。行き違いが減れば、有償の仕事につながる商談も増えます。

定期的なオフィスアワー

チームリーダーやメンター、コミュニティマネージャーは、たとえば火曜と木曜の午後といった特定の空き時間帯を設定し、リンクを1つ共有するだけで済みます。同僚やコミュニティメンバーは、自分の都合に合う枠を選ぶだけです。カレンダー招待をやりくりする必要も、Slackのスレッドで「いつ空いてる?」と尋ねる必要もありません。

面接の日程調整

専任の採用担当者がいないスタートアップでも、電話面談や技術面接用に、それぞれ所要時間の異なるイベントタイプを作成できます。候補者は公開予約ページから自分で日程を予約します。予約画面では、これから面接する人、すでに面接した人、キャンセルした人を1つの画面でまとめて確認できます。

有料セッションの予約

コーチ、講師、セラピストは、時間の長さごとにセッションの種類を設定し、予約ページを自分のウェブサイトで共有できます。このテンプレートは直接決済を受け付けるものではありませんが、日程調整の部分はスムーズに処理します。ゲストが予約し、こちらが確定し、カレンダー用ファイルのダウンロードで誰も予定を忘れません。確定までの流れの中で、別途決済リンクを組み合わせて使いましょう。

はじめ方

1. このテンプレートをリミックスする

リミックスをクリックして、自分用のコピーを作成します。テンプレートには動作するデモが付属しており、4つのイベントタイプ、10件のサンプル予約、入力済みの空き時間スケジュールが含まれているので、何かを変更する前に、データが入った状態ですべての画面を確認できます。このテンプレートが合わなければ、別のテンプレートをリミックスすればよく、作業が無駄になることはありません。

2. ブランドに合わせてカスタマイズする

ランディングページの見出しとサブ見出しを、自分のビジネスに合わせて書き換えます。スタイル設定で、メインカラーをスカイブルーからブランドカラーに変更しましょう。ヘッダーにはロゴやワードマークをアップロードします。ランディングページには、製品モックアップ付きのヒーローセクション、機能紹介のタブ、お客様の声、行動喚起バナーが含まれており、すべてすぐに編集できます。

3. コンテンツを追加する

サインアップしてイベントタイプを作成します。それぞれに名前を付け、所要時間を設定し、説明を追加して、オンライン会議用のリンクを使うか、対面の場所を指定するかを選びます。続いて、週ごとの空き時間とタイムゾーンを設定しましょう。プロフィールには表示名、自己紹介、会議用URL(ZoomやGoogle Meetのリンクを一度貼り付けるだけ)を入力し、必要に応じてアバターをアップロードします。

4. ツールを連携する

このテンプレートは、認証、データベース、ファイルストレージにSupabaseを使用しており、リミックスするとすべて自動で設定されます。Google OAuthはLovable Cloudを通じて、設定不要ですぐに使えます。会議用URL(Zoom、Meet、Teams)は設定に保存され、すべての予約確認に表示されます。カレンダー連携には直接リンク用のURLパターンと.icsファイルの生成を使っているため、APIキーは必要ありません。

5. 公開する

プロジェクトを公開すると、誰でもアクセスできるURLが発行されます。予約ページのリンク(/book/yourusernameという形式)を、メール署名やSNSのプロフィール、クライアントへの提案書で共有しましょう。ゲストはページにアクセスしてミーティングの種類を選び、自分のタイムゾーンで時間枠を選んで、アカウントを作らずに予約を確定できます。すべての予約はダッシュボードで確認できます。

まとめ

この日程調整テンプレートは、月額のソフトウェア料金をかけずにプロフェッショナルな予約システムを導入したいフリーランサー、コンサルタント、小規模チームに最適です。複雑さのないイベントタイプ管理、カレンダーAPIの設定が不要なタイムゾーン対応の予約、そして一から作る必要のない洗練された公開予約ページが手に入ります。

デモにはデータがすべて入っているので、本格的に使い始める前にすべての画面を確認できます。リミックスして、ブランドとミーティングの種類を自分のものに差し替え、予約リンクを共有しましょう。ほとんどのユーザーが、1時間以内に最初のイベントタイプを公開しています。