料理教室ホームページ / 本番運用中
料理教室 さんぽっぽ
料理教室の内容、レッスン、開催場所、お知らせを掲載し、問い合わせを受け付ける公式ホームページです。
公開サイトを開く
概要
「みんなのクッキングスクール さんぽっぽ」の公式ホームページです。教室案内、レッスン内容、開催場所、参加時の案内を掲載しています。
スマートフォン表示、お知らせの更新、問い合わせ受付に対応しています。管理者は認証が必要な管理画面からお知らせを更新できます。
- 想定利用者
- 料理教室への参加を検討する子ども・保護者・大人。開催予定や教室の方針を確認したい人。
- 制作目的
- 教室の内容と参加方法を分かりやすく伝え、最新情報の更新と問い合わせ受付をWeb上で行えるようにすること。
- 現在の状態
- 「みんなのクッキングスクール さんぽっぽ」の公式サイトとして本番運用中です。HTTPSで提供され、お知らせの更新と問い合わせを運用できる構成です。
主な機能
- 教室案内、レッスン内容、開催場所、参加時の案内を見る
- レッスンやイベントのお知らせを一覧・詳細で確認する
- 問い合わせフォームから連絡する
- PCとスマートフォンの双方で教室情報を確認する
- 認証が必要な管理画面からお知らせを作成・編集・削除する
- ページごとのタイトル・説明、共有用画像、sitemapを配信する
制作範囲
- 個人開発としての情報設計、画面実装、レスポンシブ対応
- お知らせと問い合わせを扱うバックエンド・DB設計と実装
- 管理画面の認証・認可と入力検証、レート制限の実装
- SEO、sitemap、セキュリティヘッダーの整備
- VPS、Nginx、systemd、TLS証明書を含む公開構成と運用手順の整備
- 自動テストと本番スモークテスト
技術情報
- 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、認可、入力、レート制限を検証