https://zen23.shop/salon-reservation

AI連携型・個人サロン専用予約管理ツール

■ 作品概要

個人経営の美容室における「顧客一人ひとりに寄り添ったアフターケア」を自動化・効率化するための予約管理システムです。モダンでミニマルなUI（NY Minimalist Style）を採用し、直感的な操作性とAIによる付加価値の提供を両立させました。

■ 開発の背景と目的

個人サロンでは施術から事務作業まで一人で行うため、顧客へのきめ細やかなアドバイスが負担になることがあります。この課題を解決するため、「メニュー内容からAIが最適な次回来店時期とケアアドバイスを自動生成する機能」を搭載し、サロンワークの質を向上させることを目的に制作しました。

■ 主要機能

  • AI ADVICE機能: Google Gemini APIと連携。施術メニューに基づき、お客様へのパーソナライズされたアドバイスをワンクリックで生成します。
  • ハイブリッド・ビュー: 直近の予定を確認しやすい「リストビュー」と、月間の空き状況を把握できる「カレンダービュー」をシームレスに切り替え可能です。
  • レスポンシブ・ミニマルUI: 現場での使いやすさを重視し、情報の優先順位を整理したクリーンなデザイン。
  • データ永続化: ブラウザのLocalStorageを活用し、ページを閉じても予約データやAPI設定を保持します。

■ 使用技術

  • Frontend: HTML, CSS, JavaScript
  • AI Integration: Google Gemini API (gemini-2.5-flash)
  • AI Assistants: Gemini, ChatGPT (コードのデバッグ、プロンプトエンジニアリングの最適化に活用)

■ 制作詳細

  • 制作時間: 約9時間
  • 工夫した点:
    • AIの回答精度を高めるためのプロンプト設計。
    • APIキーをユーザー側で管理できる設定機能を実装し、実用性を考慮。
    • カレンダーの動的生成ロジックの自作。
    • 美容院のスタッフがなるべくマウスやキーボードを使わずに予約を登録できるように、日付や時間、予約メニューなどタブレットでタッチする操作できるよう入力を最小限にしました。
  • 今後の展望（未実装機能）:
    • 顧客カルテのメモ機能の追加。
    • LINE Messaging APIを用いた予約前日のリマインド自動送信機能の実装。