WORK 03
料理教室ホームページ
みんなのクッキングスクールさんぽっぽ
制作のポイント
- 何のために
- 教室の内容と参加方法を伝え、お知らせ更新と問い合わせ受付をWeb上で行うために制作しました。
- 担当した範囲
- 画面と情報設計から、お知らせ管理・問い合わせ受付・DB・公開サーバーの構築まで担当しました。
- 工夫した点
- お知らせは認証付き管理画面から更新でき、問い合わせには入力検証と連続送信の制限を設けました。
公開サイトの画面
2026年10月5日にPC表示で撮影した公開画面です。
ABOUT
概要
「みんなのクッキングスクールさんぽっぽ」の公式ホームページを制作しました。教室の内容、レッスン、開催場所、参加時の案内をスマートフォンからも確認できます。
お知らせの一覧・詳細、FAQ、問い合わせフォームを用意しました。認証付きの管理画面からお知らせを更新でき、ページ制作に加えてデータベースと公開用サーバーも構築しています。
- 想定利用者
- 料理教室への参加を検討する子ども・保護者・大人。開催予定や教室の方針を確認したい人。
- 制作目的
- 教室の内容と参加方法を分かりやすく伝え、最新情報の更新と問い合わせ受付をWeb上で行えるようにすること。
- 現在の状態
- 公式サイトとして、独自ドメインとHTTPSで本番運用中です。お知らせの更新と問い合わせを受け付けられます。
主な機能
- 01
教室案内、レッスン内容、開催場所、参加時の案内を見る
- 02
レッスンやイベントのお知らせを一覧・詳細で確認する
- 03
問い合わせフォームから連絡する
- 04
PCとスマートフォンの双方で教室情報を確認する
- 05
認証が必要な管理画面からお知らせを作成・編集・削除する
- 06
ページごとのタイトル・説明、共有用画像、sitemapを配信する
制作範囲
- 教室・レッスン・お知らせ・FAQの情報設計とスマートフォン対応画面の実装
- お知らせ更新と問い合わせ受付のバックエンド・DB実装
- 管理画面の認証・認可、入力検証、レート制限の実装
- ページ別metadata、sitemap、セキュリティヘッダーの整備
- VPS、Nginx、アプリケーション、DB、HTTPSを含む公開構成の整備
- 自動テストと本番スモークテスト
TECHNOLOGY
技術情報
- Backend
- Java 25 / Spring Boot 4 / Spring MVC
- Frontend
- Thymeleaf / HTML / CSS / JavaScript
- Database
- MySQL / MyBatis。お知らせ等のデータを管理
- Security
- Spring Security。管理画面認証、CSRF、問い合わせ・ログインのレート制限
- Infrastructure
- Ubuntu 24.04 VPS / Nginx / systemd / Let’s Encrypt
- SEO
- ページ別metadata、canonical、sitemap、robots、構造化データ
- Testing
- JUnit / Spring Boot Test。SEO、認可、入力、レート制限を検証