Spring Boot 入門：TODO アプリを作って学ぶ Web アプリケーション開発の基礎

Name: Spring Boot 入門：TODO アプリを作って学ぶ Web アプリケーション開発の基礎
Rating: 3.9 (528 reviews)

TODO アプリを作ることを通して、Web アプリケーションの基礎を学びましょう。CRUD 操作をすべて実装します。Bootstrap でスタイリングをします。

Created bypoco-tech at Udemy

Last updated 2/2024

Japanese

What you'll learn

Spring Boot で Web アプリケーションを開発する方法
Spring MVCを使ったWebアプリケーションの実装方法
Thymeleaf を使った HTML 生成方法
Dependency Injectionを使ったコードの実装方法
MyBatis（アノテーションベース）を使ったDB操作
Bootstrap を使った簡単なスタイリング

Course content

13 sections • 115 lectures • 6h 41m total length

Spring Boot とは？3:00
Web アプリケーションとはなにか？2:29
IntelliJ で生産的に Java を書く3:00
JetBrains Toolbox App を使って IntelliJ IDEA をインストールしよう1:33

講座で使うプロジェクト0:30
Spring Boot プロジェクトを IntelliJ にインポートしよう4:18
アプリケーションを起動する ① IntelliJ から1:58
コードの解説：build.gradle4:50
コードの解説：TodoApplication.java5:07
Webアプリケーションでブラウザに画面が表示されるまで4:56
Spring の場合：Controller とハンドラーメソッド3:23
トップページを表示してみよう4:25
テンプレートエンジン Thymeleaf を使おう4:56
Chrome Developer Tools で HTML を確認しよう2:24
【ちょっとした注意】そのコメントアウト丸見えです！1:33
開発効率化：import 文の自動追加/削除1:35
開発効率化： Hot Swapping2:56
開発効率化：Hot Swapping 対象に Thymeleaf のテンプレート含めよう1:57
開発効率化：Live Reload - ブラウザのリロードを自動化しよう1:35

Webアプリケーションのページ構成について学ぼう3:38
テンプレートエンジン Thymeleaf の基礎4:37
タスク一覧画面を作ろう3:06
トップページとタスク一覧画面にリンクを張ろう3:10
Java から Thymeleaf にデータを渡してみよう2:49
Thymeleaf に渡すデータを DTO にまとめよう4:21
タスクを table で表示しよう3:04
Java から複数のタスクを渡してみよう2:27
th:each を使って何件でもタスクを表示できるようにしよう1:26
th:object を使って変数の参照をリファクタリングしよう2:16

3層アーキテクチャを理解しよう6:59
サービス層を作ってビジネスロジックを分離しよう3:32
サービス層の TaskEntity を導入しよう4:11
TaskEntity と TaskDTO をマッピングしよう4:45
Dependency Injection とは7:11
Dependency Injection を使おう2:12
Dependency Injection 失敗時の対応方法3:34
【予行練習】DI 失敗：Bean 登録漏れ / Bean 取得漏れ4:28
Lombok の使い方5:13
Lombok を使ってボイラープレートコードを減らそう5:12

webjar を使って Bootstrap を使えるように設定しよう5:11
webjars-locator-core を使ってリファクタリングしよう1:50
余白を調整しよう：Container0:49
トップページ：thymeleaf-layout-dialect を使ってレイアウトを共通化しよう6:10
タスク一覧ページ：共通レイアウトを適用しよう1:39
タスク詳細ページ：共通レイアウトを適用しよう0:59
title-pattern を使ってタイトルの表示を共通化をしよう3:42
ナビバーを作ろう〜まずはコピペ〜1:22
ナビバーを作ろう〜表示項目をアプリケーションに合わせて調整〜1:06
ナビバーを作ろう〜リンクを張ろう〜1:32
各ページの表示内容を調整しよう2:27
余白を調整しよう：Spacing1:22
テーブルのスタイルを調整しよう1:03

タスク作成ページを表示しよう2:42
入力フォームを作ろう4:24
一覧ページに作成ボタンを設置しよう1:39
作成のリクエストを受けるハンドラーメソッドを実装しよう3:36
View からデータを受け取れるようにしよう5:43
ユーザーが入力した値をデータベースに保存しよう7:16
作成処理にトランザクションを張ろう3:28
POSTメソッドの多重送信を防ぐPRGパターンとは6:05
2重サブミット対策をしよう3:57
リファクタリング：TaskForm#toEntity を導入しよう2:12
リファクタリング：@RequestMapping でパス指定の繰り返しをなくそう2:07
バリデーション：概要は必須入力にしよう5:21
エラー時にフォームの内容を保持したままにするようにしよう6:18
リファクタリング：@ModelAttribute を使ってみよう23:14
バリデーションメッセージを表示しよう3:42
最大長のバリデーションを追加しよう2:35
ステータスに入力できる文字列をバリデーションで制限しよう5:05
Bootstrap でスタイリング：フォームの見た目を調整しよう3:34
Bootstrap でスタイリング：バリデーションメッセージを赤く表示しよう2:43
戻るボタンを追加しよう1:25

タスク編集ページを表示しよう5:27
タスク詳細ページにタスク編集ボタンを設置しよう3:07
タスク編集フォームにデータベースに保存されている値を表示しよう4:05
存在しないタスクIDの編集ページが呼ばれたときは404エラーを表示しよう5:08
リファクタリング：entity を form に変換するコード4:28
作成画面と編集画面に合わせてHTMLを生成しよう10:18
編集のリクエストを受け取るハンドラーメソッドを作成しよう3:07
編集内容をバリデーションしよう3:22
編集内容をデータベースに保存しよう5:00

Requirements

ローカル環境にJDK (17以降) がインストールされている
基本的なJavaコードを調べながら書ける（クラス/インターフェース/メソッド/アノテーション）
基本的な HTMLを調べながら書ける（h1, h2, table, form, id, class）
基本的な SQL を調べながら書ける（where 句ありの select / insert / update / delete）

Description

Spring Boot を使ったWebアプリケーション開発を学ぶための講座です。

Spring の勉強を始めたばかりの方で以下のような状態に陥っている方はいないでしょうか？

Springの書籍を読んだが、Webアプリケーションを作れる自信がない
Springの公式ドキュメントの Guides をいくつか試してみたが、Webアプリケーションを作れる気がしない

この講座は、このような方のために作りました。

穴埋めではなくすべてのコードをゼロから実装することで、Webアプリケーション開発の基本を身に付けましょう。

IDEは、IntelliJ IDEA (Community Edition) を使用します（もちろんUltimate でもご受講可能です）

Who this course is for:

Spring Boot でのWebアプリケーション開発を手を動かしながら学びたい人
Spring の公式ドキュメントを読んだり、いくつかの Guides を試してみたが、Webアプリケーション開発をいまいちイメージできていない人
Spring 関連の書籍を読んだが、Webアプリケーション開発をいまいちイメージできていない人
初めてWebアプリケーションを作る人
初めてSpring Boot (Java) を使う人

Spring Boot 入門：TODO アプリを作って学ぶ Web アプリケーション開発の基礎

What you'll learn

Explore related topics

Course content

はじめに4 lectures • 10min

入門編：まずはアプリケーションを動かしてみよう15 lectures • 46min

基礎編：課題一覧機能を実装しながら Spring Boot に慣れよう10 lectures • 31min

Spring らしいコーディングができるようになろう10 lectures • 47min

基礎編：データベースからデータを取得しよう6 lectures • 17min

課題詳細を実装しよう6 lectures • 24min

Bootstrap で画面のスタイリングをしよう13 lectures • 29min

エラーページ3 lectures • 12min

課題作成を実装しよう20 lectures • 1hr 17min

課題編集を実装しよう9 lectures • 44min

Requirements

Description

Who this course is for: