Crafio

・Vannou / 開発担当 / フルスタックエンジニア 2026年9月 〜 2026年10月

【プロジェクト概要】 出張施術サービス向け予約・顧客管理Webシステム「Vannou」の設計・開発 個人事業主が日々の予約受付、顧客情報管理、スケジュール調整などを効率的に行えるよう、業務内容に合わせたWebアプリケーションを制作しました。 一般的なホームページ制作ではなく、予約データの保存・更新、管理者向けの操作画面、外部サービスを利用した通知処理などを備えた業務管理システムです。 【担当範囲】 ・利用目的や必要機能の整理 ・画面構成、操作フローの設計 ・フロントエンドの実装 ・バックエンド処理の実装 ・データベースを利用した情報管理 ・外部サービスとの通知連携 ・スマートフォン向け画面調整 ・動作確認、不具合修正 ・公開環境の構築、設定 【主な実装機能】 ■ 予約受付機能 お客様がスマートフォンから希望日時や必要情報を入力できる予約フォームを制作。新規・再来の区分、施術内容、訪問先住所など、出張施術に必要な情報を受け付ける構成としました。 ■ 予約管理機能 管理者が予約状況を確認し、登録・変更などを行える管理画面を実装。電話やLINE、口頭で受け付けた予約についても、管理者側で手動登録できるようにしました。 ■ 予約重複防止・受付管理 予約枠の重複を防ぐ処理や、受付可能な日時を管理する機能を実装。予約受付の有効・無効を切り替える操作にも対応しました。 ■ 顧客管理機能 顧客情報の登録・検索・確認に対応。予約情報とあわせて必要な顧客データを管理できる構成としました。 ■ カレンダー管理機能 予約状況をカレンダー形式で確認できる管理画面を制作。スマートフォンでの操作性を考慮し、日常的に利用しやすい画面構成を目指しました。 ■ メール通知機能 Google Apps ScriptとGmailを利用し、予約に関する通知メールを送信する仕組みを実装しました。 ■ SNS用画像生成機能 営業日や予約状況を反映したカレンダー画像を生成する機能を制作。背景画像の指定や表示調整に対応し、スマートフォンから保存・共有しやすい構成としました。 ■ データ管理機能 登録情報の保存・更新に加え、CSV形式でのデータ出力など、日常業務での情報管理を補助する機能を実装しました。 【使用技術】 ・JavaScript ・HTML / CSS ・Cloudflare Workers ・Cloudflare D1（SQLite） ・Google Apps Script ・Gmail 【制作上の工夫】 出張施術という業務形態に合わせ、予約受付から管理までを一つのシステムで扱えるよう設計しました。 特に、Webフォームからの予約だけでなく、LINEや電話など別経路で受け付けた予約もまとめて管理できる点を重視しています。 また、PCだけでなくスマートフォンからの操作を想定し、管理画面やカレンダーのレイアウト、入力操作などを調整しました。 【対応領域】 今回の制作経験をもとに、予約管理・顧客管理・売上記録・スケジュール管理など、個人事業主や小規模事業者向けのWebシステム制作に取り組んでいます。 制作前に必要な機能や利用環境を整理し、業務内容に合った構成をご提案します。