作品はコチラ：https://portfoliofu.shop/salon_reservation/

1. 作品概要

小規模美容室の業務効率化と接客の質向上を目的とした、AI搭載型の予約管理システムです。直感的なインターフェースで予約を管理できるだけでなく、Gemini APIを活用したAIコンシェルジュが、施術内容に基づいた次回来店の提案文を自動生成します。

2. 主な機能

  • AI次回来店提案:
    施術メニュー（デザインカット、プレミアムカラー等）に合わせ、AIがスタイリスト向けの接客用トークデッキを提案します。
  • 予約時間の重複検知:
    新規予約時に前後60分以内の重複を自動チェックし、警告モーダルを表示してダブルブッキングを防止します。
  • サーバー不要で即日導入可能な「サーバーレス設計」:
    本システムは、バックエンドサーバーを一切必要とせず、ブラウザだけで全ての機能が動作するよう設計されています。これにより、サーバー契約をしなくても、ファイルを展開するだけでその日から運用を開始できます。
  • レスポンシブデザイン:
    Tailwind CSSを用いた高級感のあるデザインを採用し、PC・スマートフォンの両方で快適に操作可能です。

3. 技術的ポイント（テンプレートとしての拡張性）

本システムは高い汎用性を持って設計されており、以下の要素を調整するだけで多業種への展開が可能です。

  • メニューのカスタマイズ:
    整体院、ネイルサロンなど、業態に合わせたメニュー項目に容易に変更可能です。
  • AIプロンプトの調整:
    JavaScript内のプロンプトを書き換えることで、業種に特化した最適なアドバイスを生成できます。
  • デザイン:
    style.css 内のCSS変数を変更するだけで、美容室の「高級感」から、整体の「信頼感」、ネイルサロンの「華やかさ」まで、カラーブランディングを切り替えられます。

作成時間：別業種版合わせて約7時間