10-7. 第10章 総括
お疲れさまでした
Section titled “お疲れさまでした”第10章では、HTML / CSS / JavaScript / Java / Spring Boot / JPA という幅広い技術を組み合わせ、フロントエンドからバックエンド・データベースまで一気通貫した書籍管理アプリを作り上げた。
ここまで来られたことは、研修の大きな節目である。
第10章で学んだこと
Section titled “第10章で学んだこと”フロントエンド(10-1〜10-3)
Section titled “フロントエンド(10-1〜10-3)”| セクション | 内容 |
|---|---|
| 10-1 | アプリ全体の UI 骨格を HTML / CSS で設計した |
| 10-2 | 書籍一覧テーブルとフォームを JavaScript で動的に描画した |
| 10-3 | 入力バリデーションと localStorage による状態保持を実装した |
API 連携(10-4〜10-5)
Section titled “API 連携(10-4〜10-5)”| セクション | 内容 |
|---|---|
| 10-4 | Spring Boot で書籍管理 REST API(CRUD)を実装した |
| 10-5 | fetch を使ってフロントエンドから API を呼び出し、フルスタック連携を完成させた |
データ永続化(10-6)
Section titled “データ永続化(10-6)”| セクション | 内容 |
|---|---|
| 10-6 | JPA / Hibernate と H2 Database を使い、メモリ上のデータを DB へ永続化した |
全体の構成を振り返る
Section titled “全体の構成を振り返る”Browser UI(HTML / CSS / JavaScript) ↓ fetchController(Spring MVC) ↓Service(ビジネスロジック) ↓Repository(Spring Data JPA) ↓Database(H2)各層を分けた理由、つながり方、責務の違いを自分の言葉で説明できるようになっていれば、この章の目標は達成できている。
まだ触れていないこと
Section titled “まだ触れていないこと”今回のアプリには、実務でよく使われる要素でまだ実装していないものもある。
- テストクラス:
BookServiceTest(単体テスト)やBookControllerIntegrationTest(統合テスト)のような自動テストは扱わなかった。テストの書き方は第7章で学んだ内容をこのアプリに当てはめると練習になる。 - 本番 DB への切り替え:今回は H2 のインメモリ DB を使った。MySQL や PostgreSQL への切り替えは、
application.propertiesと依存ライブラリの変更で対応できる。 - 認証・認可:誰でも登録・削除できる状態のままである。Spring Security を使ったログイン機能の追加が次のステップになる。
- エラーハンドリングの充実:バリデーションエラー以外のケースへの対応や、ユーザーへのわかりやすいメッセージ表示はまだ最小限である。
これらは、この研修で得た基礎があれば自分で調べながら進められる領域である。
次のステップ
Section titled “次のステップ”第10章を通じて、フルスタック開発の全体像をつかむことができた。 ここからは、実際の業務や自分のプロジェクトで手を動かし続けることが一番の近道である。