Laravel のおすすめの教材8選！ 【 2024年11月 最新版】

こんにちは！

コースに興味を持っていただきましてありがとうございます！

私はフリーランスの傍ら大手オンラインプログラミングスクールの講師をしております

ゼロからPHPでプログラミングの基礎を身に着けた人にとっては、あと少しだけ頑張れば就職や転職、副業などの人生を大きく変えるきっかけになるのにもったいない、一つ一つしっかり押さえていけば難しいものではないので是非そのお手伝いをしたいと思いこのコースを作成しました！

// 受講前に必ず下記をお読みください

目的

PHPの基礎学習を終えた方が最新版のLaravelを学び、実務でウェブサイトを開発できるスキルを身につける

受講の注意点

PHPの基礎知識がある方を対象にしております

(変数、関数、データ型、代入、if文、foreach文、配列、クラスとインスタンス、名前空間がわかる方)

Laravel9のコースとして作成しましたが、Laravel10でも動作することを確認済みです(2023/02/24時点)

Laravel11用に補足も追加済(2024/03/17時点)

Laravel8からLaravel9(10, 11)ではエラー表示や登録されているルート一覧表示リニューアル、内部的に最適化、機能追加などが行われていますが、コードの書き方は従来通りです

そのため、Laravel8(9, 10)の基礎を習得されている方にはあまり実りのないものになる恐れがあります

開発用PCについて

macOS / Windows(10以降)  どちらでも対応しております

解説はmacOSで行っていますが、Windowsの方向けにmacOSとは異なる初期設定に関しては専用にカリキュラムを設けていますのでご安心ください

※初期設定やプロジェクト作成までは無料コンテンツとしておりますので、コースのご購入前に問題なく行えるかご確認ください

使用する開発環境・ツール

Laravel / Laravel Sail / PHP(8.2) / Docker / MySQL / phpMyAdmin / Mailtrap

内容

開発環境の準備と最低限の基礎を学習後、ねこカフェのサイトを開発する想定で行います

サイトにはお問い合わせ機能があり、ユーザがお問い合わせすると予め登録している担当者にメールが届きます

管理者専用のログインページから店員がログインし、サイト上に公開するブログの管理(登録・更新・削除)を行います

ブログ情報はMySQLのデータベース上に保存されます

コースの内容は管理画面でのブログ管理までで網羅されているので、サイト上へのブログの表示に関しては終了後のチャレンジ内容としております(質問や模範解答は要望があれば対応予定)

学習の流れ

まずはLaravelの最低限の基礎知識を学び、猫カフェサイトの機能を少しずつ作っていきます

各レクチャー内で1機能を学び、基本的にはスライドを使ってその機能の説明を行い、その後実際にコードを書いて動作を確認します。

しっかりと説明があるのにも関わらず、答えを丸々写すこと(俗に言う写経)を行うことに拘る人は

その作業に満足し、できた気になっている方が私の経験上多い印象です

説明を理解し、実際にコードを書いているのを見て「どんな目的のために、どこで、どんな風に書くか」を見て

考えながらコードを書くようにしてください

それでもわからない、うまく行かない場合は動画を止めながら自分のコードを照らし合わして理解を深めるように活用してください

効果的な学習の流れ

1. スライドをみてしっかり理解

2. コードを実装している様子をさっと見て「この機能の使い所、今回やるべきこと」を理解

3. 自分で書いてみる(※このとき動画を見ながらの丸写しはしない)

4. もしエラーや挙動が異なる場合に、動画と見比べる

付録

Laravelの学習の際には「とりあえずこれが必要です」といった所謂おまじない的なものがいくつかあります

実務を行うためには必要なセキュリティ対策ですが、Laravelではそのおまじないのお陰でほぼ自動で行ってくれてるため意識することは少なくなるのもLaravelを使うメリットです

ハッキング手法とその対策を学習すると同時に、あまり他のコースやオンラインスクールでも深く解説されないそのおまじないの正体に関しても解説していきます

1. 紹介
2. コース紹介
3. 開発環境構築とプロジェクト作成(macOS)
4. Dockerのインストール
5. Laravelプロジェクト作成
6. sailコマンドの登録
7. 日本用の初期設定
8. 開発環境構築とプロジェクト作成(Windows)
9. Dockerのインストール
10. Laravelプロジェクト作成
11. sailコマンドの登録
12. 日本用の初期設定
13. ルーティング
14. ルーティング
15. ビュー
16. ビューファイルの目的と使い方
17. Bladeテンプレート
18. レイアウト
19. コントローラ
20. コントローラの目的と使い方
21. リクエスト
22. 送信データの取得方法
23. ルートパラメータ
24. 名前付きルート
25. フォームとHTTPリクエストメソッド
26. リソースコントローラとリソースルート
27. リダイレクト
28. セッション
29. セッションの目的と使い方
30. フラッシュメッセージ
31. ファイル操作
32. ファイルアップロード
33. アップロードした画像・動画の表示
34. ファイルの削除
35. ファイルのダウンロード
36. ねこカフェ用プロジェクトの作成
37. ねこカフェ用プロジェクトの作成
38. HTMLデータの利用方法
39. バリデーション
40. フォーム入力内容の検証
41. 電話番号のルール
42. エラーメッセージの表示
43. 入力内容の再取得
44. エラーメッセージの日本語化
45. フォームリクエスト
46. メール送信
47. 定形メールの送信方法
48. メール内容の動的化
49. リレーショナルデータベース
50. リレーショナルデータベースの概要
51. 正規化
52. Laravelでのデータベース操作
53. マイグレーション
54. ロールバック
55. 登録
56. 取得
57. 更新
58. 削除
59. クエリビルダー
60. ページネーション
61. モデルとルート
62. コレクション
63. リレーション
64. リレーションの概要
65. リレーションの準備
66. 1対多のリレーション
67. 多対多のリレーション
68. 認証
69. ユーザ登録
70. ログイン処理
71. 認証中ユーザの取得
72. ログアウト処理
73. authミドルウェア
74. intendedメソッド
75. guestミドルウェア
76. ルートグループ
77. 付録
78. XSS(クロスサイトスクリプティング)脆弱性
79. CSRF(クロスサイトリクエストフォージェリー)脆弱性
80. マスアサインメント脆弱性

今や世界中で使われ、大活躍しているプログラミング言語が『PHP』です。

『PHP』の初歩の初歩から解説し、

ホームページには必要不可欠なお問い合わせフォームを例題に、

セキュリティも気にしながら、データベースと接続して

情報をやりとりする方法を解説しています。

また、モダンPHPとも呼ばれますが、

オブジェクト指向、名前空間、オートロード、composerなども

できるだけわかりやすく解説しつつ、

PHPフレームワーク『Laravel』もセットで解説しています。

初心者の頃に詰まった事、知っておきたかった事など、

過去の自分に向けるように、

とにかくわかりやすさ重視で解説しています。

※※ 追記 ※※

わかりやすさをモットーに解説しておりますが、

まったくのプログラミング初心者の場合は少し内容が難しいかもしれません。

全くの初心者の場合はプロゲートやドットインストールなどで

プログラミングってこんなもの、と体験いただいてからご受講いただいた方がいいかもしれません。

また、いくつかコメントいただいていますが、

動かしながら覚えていくというスタンスで解説しているため、

特にLaravelは「どうやって動いているか」という詳細は解説していません。

Laravelはなぜ動いているかというのを解説しだすと、

サービスコンテナ/サービスプロパイダ/DI/Facade/Middleware/autoload/boostrap

あたりの解説が必要になってくるのですが、

最初からそれを解説するとそこで挫折する人が多いという判断で順番を変えております。

(僕なら挫折する)

図や絵を使ってやや抽象的に解説しているのですが

人によっては「適当な説明」と受け止める方もいらっしゃるので、

無料配信している映像をご確認いただいてから購入をお願いいたします。

※もし合わないと感じたら30日以内であれば返金の仕組みがございますので

遠慮なくご返金をお願いいたします。

※※ 追記ここまで ※※

■更新情報

2022/9/21 Laravel9に対応しました。

■動作環境

PHP 7.2～7.3

(Laravel 9.x セクションは PHP8.0)

Laravel 9.x

Laravel 6.0.x

■扱っている事

PHPパート・・環境構築(XAMPP/MAMP)/変数/関数/セキュリティ/データベース接続(PDO)/オブジェクト指向(クラス・抽象クラス・インターフェース・トレイト/名前空間/オートロード/composer/

Laravelパート・・MVC/起動の仕組み/コレクション/ファサード/マイグレーション/Vite/RESTful/シーダー/ファクトリー/リレーション などなど。

おまけ・・Bootstrap, Node.js/npm, GitHub

追加動画も検討していますのでぜひお気軽にご連絡くださいませ。

1. PHPの基礎
2. Udemyの簡単な説明
3. 講座で扱っている資料・サンプルコード
4. 本講座の概要
5. PHPやLaravelでできる事
6. PHPの環境説明
7. PHPの書き方 その1
8. PHPの書き方 その2
9. PHPの変数 その1
10. PHPの変数 その2
11. PHPの定数
12. PHPの配列
13. PHPの連想配列 その1
14. PHPの連想配列 その2
15. PHPの連想配列 その3
16. PHPの演算子
17. PHPのif文 その1
18. PHPのif文 その2
19. PHPのif文 その3
20. PHPのforeach
21. PHPのfor, while
22. PHPのswitch
23. ユーザー定義関数その1
24. ユーザー定義関数その2
25. 組み込み関数、phpマニュアル
26. 文字列関数 strlen, mb_strlen, str_replace
27. 文字列関数 explode, preg_match, substr
28. 配列の関数 array_push
29. 関数を自作してみる
30. 変数のスコープ
31. ファイルの読み込み
32. お問い合わせフォーム
33. フォームの解説 HTTP
34. PHP設定ファイル(php.ini)
35. 処理を止める exit
36. フォーム GET, POST
37. フォーム 入力、確認、完了
38. 戻るボタン
39. フォームセキュリティ XSS
40. フォームセキュリティ CSRF
41. バリデーションの準備1
42. バリデーションの準備2
43. バリデーション1
44. バリデーション2
45. Bootstrap4 その1
46. Bootstrap4 その2
47. ベーシック認証
48. ファイル操作 その1
49. ファイル操作 その2
50. データベース接続
51. データベースの解説
52. phpMyAdmin
53. CRUD
54. PDOの解説
55. PDOでデータベースと接続
56. PDO プリペアードステートメント プレースホルダ
57. PDO トランザクション
58. フォーム値をDBに保存 その1
59. フォーム値をDBに保存 その2
60. セッションや高度な関数
61. クッキーとセッション その1
62. クッキーとセッション その2
63. 少し高度な関数 タイプヒンティングなど
64. 少し高度な関数 コールバック関数など
65. オブジェクト指向やモダンPHP
66. オブジェクト指向の解説
67. クラスとインスタンス
68. 継承
69. 抽象クラスとインターフェース
70. トレイト
71. モダンPHPの解説
72. composerの実行
73. composer 名前空間、オートロード
74. composer ライブラリ Carbon
75. Laravel9 入門
76. 追記: windowsでのインストールコマンド
77. Laravelのインストール
78. Laravelの初期設定
79. キャッシュのクリア方法
80. データベース設定・接続確認
81. Laravelの概要 (MVCモデル + ルーティング)
82. Laravel ルート、ビュー
83. Laravel Artisan コマンド (list)
84. Laravel モデル
85. Laravel マイグレーション
86. Laravel tinker
87. Laravel コントローラ
88. Laravel MVCモデルの記述方法 1
89. Laravel MVCモデルの記述方法 2
90. ヘルパ関数
91. エロクアントとコレクション型
92. クエリビルダ
93. ファサード
94. 起動処理 DIとサービスコンテナ
95. ブレード（Blade)
96. フロントエンド
97. 認証 ( Vite と Laravel Breeze)
98. 追加されたルーティング情報を確認してみる
99. エラーメッセージの日本語化対応
100. Laravel9 簡易Webアプリ(CRUD/RESTful)
101. 概要 モデル・マイグレーション
102. マイグレーション・追加とロールバック
103. 以前書いていたコードの復元 (routes/web.php)
104. RestFulなコントローラー
105. ルーティング(グループ・認証)
106. Bladeコンポーネントについて (login.blade.php)
107. スロット、名前付きスロット など
108. form、多言語、tailwindcss
109. app.blade.php と navigation.blade.php
110. Create 新規登録 レイアウト調整
111. Createフォーム
112. Store Requestクラス
113. Store 保存
114. index 画面、ナビゲーション追加
115. show 詳細表示画面 その1
116. show 詳細表示画面 その2
117. edit 編集画面
118. update 更新画面
119. destroy 削除機能
120. サービスへの切り離し(ファットコントーラー防止)
121. バリデーション(フォームリクエスト)
122. oldへルパ関数
123. ダミーデータ(シーダー)
124. ダミーデータ(Factory & Faker)
125. ページネーション
126. 検索フォーム その1
127. 検索フォーム2 (クエリのローカルスコープ)
128. Laravel9 Webアプリを開発するために
129. 要件定義と基本設計 (Laravel6と同じ動画です)
130. リレーション(1対多) その1
131. リレーション(1対多) その2
132. リレーション 外部キー制約
133. リレーション(多対多)
134. おまけ：GitHubにファイルアップロード
135. おまけ：GitHubからファイルダウンロード
136. Laravel6 入門
137. 追加：PHPパス変更方法(mac, bash)
138. 追加: PHPパス変更方法 ( mac, zsh)
139. 2022年6月追記: Laravelバージョンについて
140. Laravelのインストール
141. Laravelの初期設定
142. Laravel キャッシュのクリア方法
143. Laravel データベース設定
144. Laravel データベース接続確認
145. Laravelの概要
146. Laravel ルート、ビュー
147. Laravel Artisanコマンド
148. Laravel モデル
149. Laravel マイグレーション
150. Laravel tinker
151. Laravel コントローラ
152. Laravel MVCモデルの記述方法 1
153. Laravel MVCモデルの記述方法 2
154. ヘルパ関数
155. コレクション型
156. クエリビルダ
157. ファサード
158. 起動処理 DIとサービスコンテナ
159. ブレード（Blade)
160. フロントエンド
161. 追加動画(Vite)の補足
162. 追加動画: Laravel9.18以降 Vite
163. Laravel-uiと認証
164. 追加動画： npm run watch
165. エラーメッセージの日本語化・マルチログインの補足
166. Laravel6 簡易Webアプリ(CRUD/RESTful)
167. 概要 モデル・マイグレーション
168. マイグレーション・追加とロールバック
169. RestFulなコントローラー
170. ルーティング(グループ・認証)
171. layout.blade.phpを読んでみる
172. login.blade.phpを読んでみる
173. Create 新規登録
174. StoreとRequest 保存の前に
175. Store 保存
176. DBに保存されているデータの取得
177. show 表示画面
178. edit 編集画面
179. update 更新画面
180. destroy 削除機能
181. サービスへの切り離し(ファットコントーラー防止)
182. バリデーション(フォームリクエスト)
183. ダミーデータ(シーダー)
184. ダミーデータ(Factory & Faker)
185. ページネーション
186. 検索フォーム
187. Laravel6 Webアプリを開発するために
188. 要件定義と基本設計
189. リレーション(1対多) その1
190. リレーション(1対多) その2
191. リレーション 外部キー制約
192. リレーション(多対多)
193. おまけ：GitHubやサーバーの種類
194. おまけ：サンプルプロダクトの紹介
195. 追加：Xサーバーへのアップロード
196. 終わりに
197. 補足
198. XAMPPのインストール (Windows)
199. MAMPのインストール (Mac)
200. Visual Studio Codeのインストール 1

2020年2月に第1弾『PHP/Laravel講座』をリリースしまして、

おかげさまでたくさんの方にご利用いただく事ができました。

リリース後、これまでに頂いたご意見と、

約1年間、他の複数の講座を作成した経験も踏まえ、

ようやく第2弾『Laravel講座』をリリースする事ができました。

この講座では実際のWebサービスでよく見かける、

管理者、オーナー、ユーザーとそれぞれ別ログイン画面を持つ『マルチログイン機能』を構築し、

本格的なECサイトを構築しながら、

『Laravel』の様々な機能を取得していく内容になっています。

「説明書を読むよりまず動かしてみる」というスタンスな事もあり、

まずは動かしてみて、

必要に応じて必要な知識を覚えていくというスタイルで講座を構成しております。

(必要に応じて学習していく事を【遅延評価勉強法】というそうです。)

■更新情報

2022/9/26 日本語対応のレクチャーを一部編集しました。

2022/7 Viteについて追加しました。

講座の内容

セクション1・・講座の説明

セクション2・・LaravelBreeze + Bladeコンポーネント

セクション3・・ライフサイクル

(サービスコンテナ/サービスプロバイダ/ミドルウェア)

セクション4・・マルチログイン機能の構築

セクション5・・管理側

(リソースコントローラ、ダミーデータ、CRUD操作、TailBlocksを使ったビュー画面、ソフトデリートなど)

セクション6・・オーナー側

(画像アップロード、画像リサイズ(Intervention Image)、リレーション(1対1, 1対多)、トランザクション、外部キー制約、イ―ガ―ローディング、Micromodal.js など)

セクション7・・ユーザー側その1

(リレーション(多対多)、Swiper.js、Stripe決済、Factoryなど)

セクション8・・ユーザー側その2 (追加中)

ローカルスコープ、表示順、表示件数、検索フォーム、メール送信、キュー・ジョブ・ワーカーなど

大量のコードを書いていく構成上、

ノーミスで全て収録するというのが難しい事もあり、

今回の講座ではセーブポイントのように後戻りできるよう、

『Git』を使って講座を進めています。

(ミスがあり次第セーブポイントに戻り、再収録しつつコードにも反映、

という事を何度か実施しています。)

もし『Git』を使ったことがなく、講座同様に扱ってみたいという場合は、

事前に補足のセクションをご参照いただいて、

『Git』の雰囲気もつかみつつ、講座をご利用いただければと思います。

■動作環境

PHP 7.4～8.0

Laravel 8.x

Tailwindcss 2.x

■扱っている事

MVC/ライフサイクル/サービスコンテナ/サービスプロバイダ/ミドルウェア/LaravelBreeze/Bladeコンポーネント/RestFul/ソフトデリート/トランザクション/リレーション/外部キー制約/エラー処理/画像アップロード/Eager Loading/stripe決済/ ローカルスコープ/表示順/表示件数/検索フォーム/メール/キュー・ジョブ・ワーカーなどなど。

おまけ・・Tailwindcss, TailBlocks, Intervention Image, Micromodal.js, Swiper.js, Stripe, Mailtrap, Node.js/npm, Git/GitHub

1. 紹介
2. コース紹介
3. 講座の進め方、資料の場所など
4. 講座で扱っている資料・サンプルコード
5. 講座の内容, Laravelの概要
6. 追記: windowsでのインストールコマンド
7. Laravelのインストール
8. DB設定、マイグレート
9. Git/GitHubの設定
10. 初期設定
11. Laravel Breeze + Blade Component
12. 追加動画の補足(Vite)
13. 追加動画: Laravel9.18以降 Vite
14. Laravel Breezeの紹介
15. 追加動画: 表示がおかしくなったら
16. Laravel Breezeのインストール
17. 表示の流れ、ルーティング
18. ルート->コントローラ->ビュー
19. 日本語化対応
20. tailwindcssの紹介
21. 追加: tailwindcss ver3変更にあたって
22. Blade コンポーネントの紹介
23. 準備 (ルート->コントローラ->ビュー)
24. $slot (スロット)
25. x-slot (名前付きスロット)
26. データの受け渡し方法 (属性)
27. データの受け渡し方法 (変数)
28. 初期値の設定方法 (@props)
29. 属性バッグ($attribute)
30. クラスベースのコンポーネント
31. クラスベースで属性・初期値を設定する
32. コンポーネントを読んでみる
33. Alpine.jsの紹介
34. ライフサイクル
35. ライフサイクル その1
36. サービスコンテナ その1
37. サービスコンテナ その2
38. ライフサイクル その2
39. サービスプロバイダ その1
40. サービスプロバイダ その2
41. マルチログイン対応
42. Laravel11以降の対応について
43. モデルとマイグレーション
44. マイグレーション(パスワードリセット)
45. ルート設定
46. RouteServiceProvider
47. Guard設定 config/auth.php
48. Middleware/Authenticate
49. Middleware/RedirectIfAuthenticated
50. リクエストクラス
51. コントローラ追加修正その1
52. コントローラ追加修正その2
53. ビューの追加修正
54. ビュー(レイアウト)の追加修正
55. 管理者側
56. 設計資料の紹介
57. アプリ名、ロゴ設定
58. リソースコントローラ
59. シーダー (ダミーデータ)
60. データを扱う方法の比較
61. Carbon 日付ライブラリ その1
62. Carbon その2
63. 一覧画面 (tailblocks利用)
64. Create 新規作成
65. Store 保存の解説
66. 保存(簡易バリデーション)
67. フラッシュメッセージ
68. Edit 編集
69. Update 更新
70. ソフトデリート View側
71. ソフトデリート 処理
72. ソフトデリート利用例(期限切れオーナー)
73. ページネーション(tailwindcss)
74. その他 (route修正、レスポンシブ修正など)
75. オーナー側
76. 不具合対策について
77. オーナーの概要
78. Shop 外部キー制約
79. Shop リレーション 1対1
80. Shop 作成 その1 (トランザクション・例外・エラー)
81. Shop 作成 その2
82. Shop Delete (カスケード)
83. Shop Index (ルート, コントローラ, ビュー)
84. Shop コントローラミドルウェア
85. カスタムエラーページ
86. Shop Index画面
87. Shop 画像アップロード
88. Intervention Image (画像リサイズ)
89. 補足: GDライブラリがないと言われたら
90. フォームリクエスト(カスタムリクエスト)
91. サービスへの切り離し
92. Shop Editの残り
93. Shop Updateの残り
94. Image 雛形作成
95. Image Index
96. Image Create (画像複数アップロード) とバリデーション
97. Image Store
98. Image Edit, Update
99. Image destroy
100. Image ダミーデータ
101. Category モデル, マイグレーション
102. Category ダミーデータ
103. Product の雛形作成
104. Product マイグレーション・シーダー
105. Product リレーション
106. Product Index
107. Eager Loading
108. Stock
109. Product Create(カテゴリー)
110. 追記: Micromodel追加に対する app.cssについて
111. Micromodal.js (画像選択)
112. Micromodal.js その2
113. Micromodal.js 補足(暫定策)
114. Product Createの残り
115. Product Store
116. Product Edit その1
117. Product Edit その2
118. Product Update その1 (Editの補足, フォームリクエスト)
119. Product Update その2 (楽観的ロックみたいに)
120. Product Update その3 (更新処理)
121. 定数 (クラスで対応)
122. Product Destroy
123. Image削除時の補足
124. その他 (routeなど)
125. 追加: ログアウト時のリダイレクト
126. ユーザー側 その1
127. ユーザーの概要
128. 商品一覧の準備
129. 商品一覧 ビュー側の調整
130. 大量のダミーデータ(faker & factory)
131. View側の調整
132. 商品一覧のクエリ その1
133. 商品一覧のクエリ その2
134. 商品の詳細 準備
135. 商品の詳細 View調整
136. Swipe.jsのお知らせ(バージョン指定)
137. Swiper.js (カルーセル) その1
138. Swiper.js その2
139. Shop情報 その1
140. Shop情報 その2 Micromodal.js
141. 商品の詳細 数量
142. Cart (カート) 多対多
143. Cart 商品を追加
144. Cart 保存処理
145. Cart indexメソッド
146. Cart Viewを作成
147. Cart 商品を削除
148. Stripe 概要・登録
149. Stripe ライブラリ〜コントローラその1
150. Stripe コントローラ その2
151. Stripe前の在庫処理
152. checkoutへのボタン追加
153. 追記: Stripe API更新に関して
154. Stripe Checkout・決済処理
155. Stripe 決済成功時の処理
156. Stripeキャンセル時の処理
157. Git pull request, readme.md 追記
158. ユーザー側 その2
159. 商品一覧 ローカルスコープ
160. 商品詳細 コンストラクタの修正
161. 表示順 その1
162. 表示順 その2
163. 表示件数
164. pagination 一部修正
165. 検索フォーム ビュー側調整
166. 検索フォーム カテゴリー
167. 検索フォーム キーワード
168. mailtrap.io
169. メールの設定・解説
170. テストメールの送信
171. 非同期処理 (キュー&ジョブ)
172. 非同期処理 その2
173. CartServiceの作成
174. カート情報から新しく配列をつくる
175. ユーザー向け商品購入メール
176. オーナー向け商品販売メール
177. その他、git pull、 README.md追記
178. 追加動画：不具合対策など
179. デバッグ (adminログイン後ownerログインした場合)
180. 対策1 セッション・クッキー
181. 対策2: Layouts/app.blade.php の修正
182. 補足1 VS Code / Git, GitHub
183. VS Codeのインストール 1
184. VSCodeインストール方法 その2
185. VS Code 拡張機能
186. Gitのインストール(mac)
187. Gitのインストール(win)
188. GitHubの登録
189. gitのconfig設定
190. SSHキーの設定 (mac)
191. SSHキーの設定 (win)
192. gitHubにpushしてみる (init, add, commit, push)
193. 初回の補足と2度目のpush
194. ブランチとプルリク
195. 講座コードのダウンロード&インストール方法
196. 補足2
197. XAMPPのインストール (Windows)
198. MAMPのインストール (Mac)
199. コマンドプロンプトの使い方(Windows)
200. composerのインストール (Mac)

Laravel11を用いたクイズアプリ開発を通してプログラミングを学ぶだけではなく、要件定義から基本設計・詳細設計を行い、それを元にプログラミングをするという実践的なアプリケーション開発の流れを体験して、自分で作りたいアプリを自分の力で開発するスキルを身につけることを目指すコースです。

【説明すること】

• 要件定義の基礎知識

• 基本設計の基礎知識

• 詳細設計の基礎知識

• 要件定義〜設計をアプリ開発で実践

• 環境構築

• Laravelを用いたアプリケーション開発

• リファクタリング

• データベース設計

【説明しないこと】

• HTML/CSS基礎

• PHP基礎

• プログラミング基礎

• Laravel超基礎

• データベース基礎

• Linuxコマンド

• JavaScript

• Git / GitHub

• Docker基礎

• AWS

【推奨環境】

• Mac（Windowsはサポート対象外）

• Visual Studio Code

【動作環境】

• PHP 8.3

• Laravel 11

1. 紹介
2. コース概要
3. 開発の進め方
4. 開発の進め方
5. Visual Studio Code + 拡張機能 インストール
6. 要件定義
7. 要件定義 解説
8. 要件定義 実践1
9. 要件定義 実践2
10. 基本設計
11. 基本設計 解説
12. 基本設計 実践1 画面設計
13. 基本設計 実践2-1 画面遷移図1 プレイヤー画面
14. 基本設計 実践2-2 画面遷移図2 管理画面
15. 基本設計 実践3 ER図
16. 基本設計 実践4-1 業務フロー1 プレイヤー画面
17. 基本設計 実践4-2 業務フロー2 管理画面
18. 詳細設計
19. 詳細設計 解説
20. 実践1-1 クラス図1
21. 実践1-2 クラス図2
22. 実践2 メソッドの仕様
23. 実践3 データベースの物理設計
24. 環境構築
25. 環境構築 解説
26. Homebrew, Nodebrew インストール
27. PHP 8.3 インストール
28. Composer インストール
29. Docker Desktop インストール
30. Laravel 11 インストール
31. Laravel Sail インストール
32. Laravel Breeze インストール
33. Sequel Ace インストール
34. 学習開始時・終了時に実行する操作について
35. 管理画面
36. 設計の確認
37. TailwindCSS
38. レイアウト作成1
39. レイアウト作成2
40. ログイン機能
41. ログアウト機能
42. 認証によるアクセス制御
43. カテゴリーテーブル作成
44. カテゴリー新規登録画面表示1
45. カテゴリー新規登録画面表示2
46. カテゴリー新規登録処理1 save
47. カテゴリー新規登録処理2 バリデーション
48. カテゴリー 一覧表示1
49. カテゴリー 一覧表示2
50. カテゴリー詳細表示1
51. カテゴリー詳細表示2
52. カテゴリー編集画面
53. カテゴリー更新処理
54. カテゴリー削除機能
55. ヘッダーロゴにリンクを設置
56. クイズ管理機能 設計の確認
57. クイズモデル,マイグレーションの生成
58. クイズテーブル作成
59. 選択肢テーブル作成
60. リレーションの設定
61. クイズ新規登録画面1
62. クイズ新規登録画面2
63. クイズ新規登録処理1
64. クイズ新規登録処理2
65. クイズ新規登録処理3 バリデーション
66. クイズ一覧表示1
67. クイズ一覧表示2
68. クイズ編集機能1
69. クイズ編集機能2
70. クイズ編集機能3
71. クイズ編集機能4
72. クイズ編集機能5 バリデーション
73. クイズ削除機能
74. 管理画面まとめ
75. プレイヤー画面
76. 設計の確認
77. レイアウト作成
78. トップ画面表示1
79. トップ画面表示2
80. スタート画面表示1
81. スタート画面表示2
82. クイズ出題画面表示1
83. クイズ出題画面表示2
84. クイズ出題画面表示3
85. クイズ出題画面表示4
86. クイズ解答画面表示1
87. クイズ解答画面表示2
88. クイズ解答画面表示3
89. クイズ解答画面表示4
90. クイズ解答画面表示5
91. セッション 解説
92. セッションにデータを保持1
93. セッションにデータを保持2
94. リザルト画面表示1
95. リザルト画面表示2
96. リファクタリング
97. おわりに
98. おわりに
99. 完成したアプリのソースコード

Laravel講座第4弾になります。

今回は事前に受講者の方へアンケートをお願いしまして、

一番投票数の多かった、

「顧客管理システム」「Vue.js3 (CompositionAPI + script setup)」

という内容で構成しております。

LaravelでVue.jsを扱う方法はいろいろありますが、

Laravel BreezeにInertiaを選択するのがもっとも扱いやすいという事で、

開発環境の構築の負担をできるだけ下げて構成しております。

・講座前半

環境構築、Inertia、Vue.js3 (CompositionAPI + script setup)の

仕様や動作の確認。

・講座後半

簡易的な顧客管理システム(CRM)を構築しております。

クエリスコープやAPI通信などさまざまな方法を織り交ぜながら、

顧客情報の登録・検索・分析ができるようになっています。

デシル分析やRFM分析など、

実践でもよく使われる分析手法を取り扱っています。

フロントエンド、バックエンド、データ分析と、

幅広い知識をまるっとまとめて吸収できる講座になっています。

■更新情報

2023/2 Inertia 1.0 に伴う追加ライブラリの案内、参考ページURL情報追加

■フロントエンド Vue.js3

CompositionAPI + script setup

defineProps, defineEmits, ref, reactive, computed, onMounted

v-show, v-if, v-on, v-bind, v-for,

■ バックエンド Laravel

LaravelBreeze, Inertia, Ziggy, Link,

Sanctum (API)、クエリスコープ(ローカル、グローバル)、リレーション(1対多、多対多, attach, sync)、ページネーション、トランザクション、Inertiaミドルウェア、フラッシュメッセージ、バリデーション、カスタムリクエスト、Seeder、Faker、Factory、Carbon

■データ分析

期間指定、日別分析、月別分析、デシル分析、RFM分析 など

■その他

yubinbango-core2, micromodal.js, axios, vue-charts-3

■動画収録時の環境

PHP 8.0.8

Laravel 9.3.0

composer 2.2.4

vue 3.2.0

1. 紹介、環境構築
2. コース紹介
3. 講座の進め方、資料の場所など
4. 講座で扱っている資料・コード一覧
5. アンケートにご協力ありがとうございました。
6. 追記: windowsでのインストールコマンド
7. Laravel インストール
8. DB設定、マイグレート
9. Git/GitHubの設定
10. 初期設定 (タイムゾーン、言語、デバッグバー)
11. 初期設定: 言語ファイルの設定
12. Inertia、Vue3、script setup (compositionAPI)
13. Laravel Breeze (Inertia)のインストール
14. 追加: Inertia v1.0 に伴うpackage.jsonへの追加依頼 サイトURL変更について
15. 簡易サーバー動作確認 (npm run dev など)
16. ChromeやVSCodeの拡張機能・プラグイン
17. 補足：コンポーネント名の変更
18. 生成されたファイルの確認 ( Inertia::render)
19. 補足:Linkコンポーネントについて
20. aタグとLinkコンポーネントの違い
21. Link 名前付きルート
22. Link ルートパラメータ
23. Linkコンポーネントでstore保存 その1
24. Linkコンポーネントでstore保存 その2
25. Vue.js3の概要
26. フォーム (create) その1
27. フォーム (create) その2
28. バリデーション
29. CSRF対策( 実施済み)
30. フラッシュメッセージ
31. Indexにv-forを追加してみる
32. イベントコールバック ( onBefore) その1
33. イベントコールバック ( onBefore) その2
34. スロット・名前付きスロット
35. 他のコンポーネントを使ってみる
36. defineEmits
37. git push
38. CRM 商品関連
39. CRMの概要
40. 設計資料の紹介
41. アプリ名、ロゴ設定
42. Items 下準備1: マイグレーション
43. Item 下準備2: モデル・ルーティング
44. Item 下準備3 ユーザーシーダー、ログイン後のロゴ調整
45. ItemSeeder、ナビメニュー
46. Items (商品・サービス) index
47. Item indexの調整・補足
48. Items createへのリンク
49. Items create
50. Items store
51. 追加：ValidationErrorsコンポーネントがなくなった件の対策
52. 【old】Items バリデーション
53. Items フラッシュメッセージ
54. Item Show 商品詳細
55. JSで bl2br 改行対応
56. Item Edit 商品編集その1
57. Item Edit 商品編集その2
58. Item Update 更新対応
59. Item Delete 削除処理
60. CRM 顧客情報・利用登録
61. Customers 1000件ダミー登録
62. Customers ダミーデータ修正
63. Customers index 顧客一覧
64. Customer ページネーション 確認
65. ページネーション コンポーネントの作成
66. ページネーションをIndexに組み込む
67. Customer 検索機能 (Laravel側)
68. Customer 検索機能 (Vue.js側)
69. Customer 新規登録
70. Customer 保存処理
71. 郵便番号から住所取得
72. CRM 購入画面
73. Purchase モデル・マイグレーション・リレーション・ダミー
74. ItemPurchase マイグレーション・リレーション
75. 中間テーブルのダミーデータ作成
76. 購入画面の準備
77. 購入日の日付を取得 (JS Dateオブジェクト)
78. 顧客情報をv-forで表示
79. 商品情報をv-forで表示
80. 合計金額をcomputedで計算
81. 保存処理その1 POST通信
82. 保存処理その2 DBに保存
83. 保存処理その3 トランザクション追加
84. Purchase/Create.vueのレイアウト調整
85. micromodal.js
86. API通信の設定確認 (Sanctum, axios)
87. async-await も使って 顧客情報取得
88. 顧客情報をモーダルウィンドウに組み込む
89. defineEmitで子 -> 親 に情報をアップロード
90. CRM 購買履歴画面
91. ダミーデータ 3万件投入
92. joinで4つのテーブルを紐づけて合計金額を表示 (mysql版)
93. グローバルスコープ
94. 購買履歴の一覧画面 (index)
95. 購入日の表示変更 (dayjs)
96. 購買履歴の詳細画面 (show) (小計・合計)
97. 詳細画面 (ビュー側調整)
98. 購買履歴の編集画面 (edit)の準備
99. 購買履歴の編集用コード(Laravel側)
100. 購買履歴の編集画面 (Vue側)
101. 購入履歴の更新その1
102. 購入履歴の更新その2 (sync)
103. データ分析
104. Analysisページ追加
105. 期間を指定する
106. Analysis.vueにフォームを追加
107. Api通信(Ajax通信)の通信確認
108. 日別売上のクエリ作成・取得確認
109. 期間指定のクエリ修正 (Carbon
110. 日別売上のテーブル表示
111. vue-charts-3 インストール
112. 日別売上のグラフ表示
113. サービスへの切り離し
114. 月別・年別分析の追加
115. 補足: デシル分析 customer_nameでエラーがでたら
116. デシル分析1 会員毎にまとめて金額順にソートする
117. デシル分析2 連番を振り必要な変数を設定
118. デシル分析3 case文で10のグループに分ける準備
119. デシル分析4 平均、合計、構成比を算出する
120. ResultTableコンポーネントに分離する
121. API通信でデシル分析結果を取得
122. 追記: RFM分析コードについて
123. RFM分析1 概要 RFMそれぞれの情報を取得
124. RFM分析2 RFMランクをつけてみる
125. RFM分析3 RとFの2次元でデータ取得
126. RFM分析 描画前の準備
127. RFMランク用のテーブルをView側に追加
128. RFMServiceを作成し非同期で受け取れるところまで対応
129. RFM分析結果を表で表示
130. デバッグ(Log), 外部結合, ranksテーブル・ダミー作成
131. 外部結合し0も表示できるように対応
132. 補足1 VS Code / Git, GitHub
133. Laravel第2弾・第3弾に含めていたものと同じ内容です。
134. VS Codeのインストール1
135. VS Codeインストール 2
136. VS Code 拡張機能
137. Gitのインストール(mac)
138. Gitのインストール(win)
139. GitHubの登録
140. Gitのconfig設定
141. SSHキーの設定 (mac)
142. SSHキーの設定 (win)
143. gitHubにpushしてみる(init, add, commit, push)
144. 初回の補足と2回目のpush
145. ブランチとプルリク
146. 講座コードのダウンロード&インストール方法
147. 補足2
148. XAMPPのインストール (Windows)
149. MAMPのインストール (Mac)
150. コマンドプロンプトの使い方 (Windows)
151. composer のインストール (mac)
152. Node.jsのインストール方法