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

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

はじめまして、独学で在宅エンジニアになった打田裕馬と申します！

当コースでは、Laravel8とMySQLを使ってWebアプリケーションの基本を学んでいきます。

何を作って学ぶか？

2021年6月におけるLaravel最新バージョンであるLaravel8とMySQLデータベースを使ってシンプルなメモアプリを作成します。

何ができるようになるか？

当コースを最後まで学習していただくと、簡単なWebアプリケーションを開発できるようになります。

具体的には・・・

• LaravelなどのMVCフレームワークの流れと書き方が理解できる

• MVCフレームワークのきれいな書き方を理解できる

• リレーショナル・データベースの設計が理解できる

• リレーショナル・データベースの中間テーブルの使い方が理解できる

• Bootstrapを使ったシンプルなUIを構築できるようになる

• CSSのメディアクエリを使ったレスポンシブデザインを理解できる

Progateしか学んだことのない初心者の方が、こういったWebアプリケーションの基本を理解できるようになります。

なぜMySQLを学ぶことが重要なのか？

MySQLデータベースを学ぶことによって、様々なアプリケーションの基礎となるデータベースの構造設計が理解できるためです。

MySQL単体だと学びにくいですがmこうしてPHPと共に学ぶことによってmテーブル間のリレーションを学び、ウェブアプリ以外のアプリケーションにも応用することができます。

そのため、MySQLを学ぶことは重要になります。

主な機能

シンプルながら、基本的な機能を網羅したメモアプリを作成します。
メモはクラウド上に保存され、端末を変更してもアプリ利用を継続することができます。

• 会員登録（メールアドレスとパスワードで登録）

• ログイン・ログアウト

• リレーショナル・データベースの基本機能（作成、編集、削除、一覧、詳細）

• レスポンシブデザインによるスマートフォン対応

主に使用する技術

• PHP7

• Laravel 8

• MySQL or MariaDB

• XAMPP or MAMPによるローカル開発環境

• JavaScript（jQueryは使わない）

1. コースの概要と事前学習
2. コース概要
3. Laravelフレームワークの概要
4. 当コースで使う専門用語一覧
5. PHPとは？
6. MVCフレームワークとは？
7. MySQLとは？
8. リレーショナル・データベースの仕組み
9. メモアプリのデータベース構造
10. （補足）GitHubを使ったソースコードの閲覧方法
11. 的確な回答をするためのお願い
12. 環境構築
13. （Windows）XAMPPのインストール
14. （Windows）composerのインストール
15. （Windows）node.jsとnpmの導入
16. （Windows）Laravelのインストールと初期設定
17. （Mac）MAMPのインストール
18. （Mac）composerのインストール
19. （Mac）node.jsとnpmの導入
20. （Mac）Laravelのインストールと初期設定
21. MySQLとMariaDBについて
22. メモ機能以外を実装
23. マイグレーションとは？
24. モデルとは？
25. .envファイルの例
26. モデルとマイグレーションファイルの作成
27. マイグレーションファイルにテーブル定義を実装
28. ログイン機能の実装
29. LaravelのViewであるbladeテンプレートの概要
30. Bootstrapとは？
31. 認証用レイアウトファイルを作成
32. レイアウトの大枠を開発
33. メモ基本機能の作成
34. メモ作成機能の開発（View側）
35. メモ作成機能の開発（DB側）
36. メモ一覧の取得（DB側）
37. メモ一覧のレンダリング
38. メモ編集機能の開発（View側）
39. メモ編集機能の開発（DB側）
40. メモ削除機能の開発
41. タグ機能の実装
42. 中間テーブルのリレーションについての解説
43. トランザクションとは？
44. メモにタグを付けられるように改良
45. empty()について
46. メモに既存タグを付けられるように改良
47. 【要修正】タグを選択しなかった際の分岐を追加してください
48. メモ更新にもタグ機能を付与（View側）
49. メモ更新にもタグ機能を付与（DB側）
50. メモ機能の細かい部分を実装
51. ViewComposerで共通処理をまとめる
52. タグからの絞り込み検索（View側）
53. タグからの絞り込み検索（絞り込みロジック）
54. 絞り込みロジックをモデルに移すリファクタリング
55. メモ作成機能にバリデーションを追加しよう
56. メモ削除機能に確認をはさもう
57. Viewのデザインを整える
58. fontawesomeの導入
59. 追加CSSで全体を整える
60. 完成後のおすすめ追加機能
61. bootstrapとCSSを使ってレスポンシブ対応をしよう
62. ボーナスレクチャー
63. ボーナスレクチャー

この講座はLaravel第３弾になります。

さまざまな業界で需要のある予約管理システムの中で、

日時を指定して予約できる「イベント管理システム」を想定して作っております。

Flatpickr.js、Carbonなどで日付の計算をしつつ、

JetStream + Livewireの機能を使い、

動的な予約カレンダーを作るように構成しています。

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

まずは動かしてみて、

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

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

講座の内容

セクション1・・講座の説明・環境構築

セクション2・・JetStream, Fortify

セクション3・・Livewire

セクション4・・Alpine.js

セクション5・・施設側その1

(リソースコントローラ、Gate, flatpickr.js, クエリビルダ(whereDate, whereBetween), アクセサ,)

セクション6・・施設側その2

(サブクエリ、外部結合(leftJoinSub)、whereNotNull)

セクション7・・利用者側その1

(Livewire、CarbonImmutable, 動的な予約カレンダー)

セクション8・・利用者側その2(追加予定)

予約機能、ログインしてない場合はログイン画面にリダイレクト、セッション、マイページ、予約キャンセル

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

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

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

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

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

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

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

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

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

■更新情報

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

2023/2 過去イベントを編集できないように対応。未ログインでも詳細までは表示できる方法を追加。

■動作環境

PHP 8.0

Laravel 9.x

Tailwindcss 3.x

■扱っている事

MVC/JetStream/Fortify/Livewire/Carbon/Bladeコンポーネント/RestFul/リレーション/外部キー制約/アクセサ/CarbonImmutable/Gateなどなど。

おまけ・・Tailwindcss, TailBlocks, flatpickr.js, Node.js/npm, Git/GitHub

1. 紹介
2. コース紹介
3. 講座の進め方、資料の場所など
4. 講座で扱っている資料・サンプルコード
5. 今回の講座で解説しない事
6. 講座の内容, Laravelの概要
7. 追記: windowsでのインストールコマンド
8. Laravelのインストール
9. DB設定、マイグレート
10. Git/GitHubの設定
11. 初期設定
12. 初期設定: 言語ファイルの設定
13. Jetstream, Fortify
14. 追加動画の補足(Vite)
15. 追加動画: Laravel9.18以降 Vite
16. Jetstreamの紹介
17. Jetstream+Livewireのインストール
18. ユーザー登録・ログイン
19. プロフィール画像のアップロード
20. ログイン時のソースコードを見てみる
21. ルーティング Fortify
22. ルーティング Jetstream
23. ビューファイル Jetstream
24. Livewire
25. Livewireの紹介
26. Livewireの準備
27. LivewireとAlpine.jsの比較表など
28. サンプル Counter
29. データバインディング wire:model
30. wire:modelのオプション
31. ライフサイクルフック (mount, updated)
32. アクション wire:click, wire:mouseover など
33. フォームの準備
34. wire:submitについての補足
35. $this と wire:submit.prevent
36. 登録とバリデーション
37. バリデーションメッセージ
38. tailwindcss3以降は npm run watch
39. リアルタイムバリデーション
40. フラッシュメッセージ
41. gitブランチ名変更 (sec02->sec03)
42. Alpine.js
43. Alpine.jsの紹介
44. Alpine.jsの下準備
45. x-dataの影響範囲(x-show, x-on:click)
46. イベント
47. dropdownのコードを読んでみる
48. ウィンドウイベントのリッスン
49. 施設側(manager)_その1
50. 今回の予約システムについて
51. アプリ名、ロゴ設定
52. roleの追加
53. Gate設定・ルーティングの確認
54. Event関連ファイル生成
55. Eventのマイグレーションファイル
56. ダミーデータの注意(開始日時と終了日時)
57. ダミーデータの生成(factory, faker)
58. アクセス制限 @can
59. events/index.blade.php
60. ダミーデータをView側に表示(pagination)
61. 追記: laravel-mixとviteでflatpickr設定が変わります。
62. flatpickr インストール
63. flatpickr 表示確認
64. 追記: flatpickr Vite対応
65. flatpickr 日本語化・時間表示
66. イベント新規登録 View
67. 新規登録 フォーム調整その1
68. 新規登録 フォーム調整その2
69. バリデーション
70. 保存処理 (日付と時間の結合)
71. 保存時の注意(重複チェック)
72. 重複チェックのクエリ(whereDate, whereTime)
73. サービスへの切り離し
74. Event@show
75. アクセサ・ミューテタ・PHPアロー関数
76. アクセサの実装
77. Show ビュー側の調整
78. edit
79. update
80. updateの修正(アクセサ・重複チェック)
81. 過去のイベント
82. indexイベントを本日以降のみ表示など
83. 追加: 過去イベントはurl直接変更しても編集できなくする
84. 施設側(manager)_その2
85. Reservation(モデル、マイグレーション、シーダー)
86. 予約数の合計クエリ
87. 外部結合 (leftJoinSub)
88. 予約人数の表示 (index, past)
89. 予約情報(リレーション設定)
90. cancel分を除いて予約情報を表示
91. whereNull (indexとpastのクエリ修正)
92. 予約情報のレイアウト調整
93. 利用者側その1 予約カレンダー
94. 予約カレンダーの準備
95. livewire Calendar作成
96. wire:change で日付を更新
97. whereBetweenで指定期間のイベントを取得
98. CarbonImmutable (初期表示で7日増えていた問題の対策)
99. ダミーデータの修正(分と時間を画面に合うように変更)
100. Calendarレイアウト
101. Bladeコンポーネント(day, calendar-time)
102. 判定用データ用意 (定数など)
103. 2つのfor文の設定(日付と時間)
104. １週間内にイベントがあるかの判定 (isNotEmpty)
105. 判定1 カレンダー日時と開始時間(DB)が同じならイベント名を表示 (firstWhere)
106. 判定2 イベント開始〜終了時間の背景色を変更する
107. git push
108. 利用者側その2 予約処理
109. dashboardのルーティングを変更
110. dashboardにカレンダー表示
111. イベント詳細表示
112. 予約可能な人数の表示
113. イベント予約処理 その1
114. イベント予約処理 その2
115. 満員時の表示変更
116. マイページの準備、コントローラ
117. 予約したイベントの取得(今日を含む未来と過去それぞれ)
118. マイページ index
119. マイページ show
120. マイページ キャンセル処理 JS
121. マイページ キャンセル処理 コントローラ
122. 予約済みのイベントを考える latest()
123. 予約済みのイベントは予約できないように変更
124. mypageのメニュー追加
125. メニュー追加
126. ログインしていない状態からのリダイレクト
127. 追加: 未ログインでイベント詳細も表示する方法
128. 補足1 VS Code, Git, GitHub
129. VS Codeのインストール 1
130. VSCodeインストール方法 その2
131. VS Code 拡張機能
132. Gitのインストール(mac)
133. GitHubの登録
134. gitのconfig設定
135. SSHキーの設定 (mac)
136. SSHキーの設定 (win)
137. gitHubにpushしてみる (init, add, commit, push)
138. 初回の補足と2度目のpush
139. ブランチとプルリク
140. 補足2
141. MAMPのインストール (mac)
142. phpのバージョン変更方法(mac, zshの場合)
143. コマンドプロンプトの使い方 (win)
144. composerのインストール (mac)
145. Node.jsのインストール方法

English translations are below the Japanese translation.

転職やフリーランス、Webシステム構築で安定した豊かな生活を手にしたいと思ったことはありませんか？

ここ最近では、コロナによるリモートワークの普及で、システム開発をリモートで行う需要が増えており、特にAWSを使ってのシステム開発は今後も増えていきます。コロナが今後落ち着くかもしれませんが、将来的にまた別の原因によって会社でのシステム開発ができなくなるかもしれません。

もし、そうなった場合にAWSでの開発経験があれば、柔軟に対応できますし、転職やフリーランスなどにも有利になります。この講座で、AWSでのシステム開発を実際に行うことで、AWSでのシステム開発の仕組みを理解することが可能になります。

また、WixでAPI連携を使うことでHTMLとCSSでのコーディングのデザインをする必要がなくなり、画面を直感的に作成できるので、開発時間を大幅に短縮できます。これは個人でシステム開発をしてサービスをリリースする方にとって大きなメリットになると思います。自分でWebシステムを構築してサービスを提供してすることで、さらに安定した生活を手にできます。是非ともWixとAWSでのAPIシステム開発を覚えることで将来に備えていただければと思います。

また本講座はAWSを覚えてリモートワークしたい人の就活・転職用ポートフォリオ超速作成術としてもご活用できますので、是非ご活用いただければと思います。

それでは、このコースの中でお会いしましょう。

English translation below

Course Title

Wix Laravel API System Development Course [Super-fast portfolio creation for those who want to learn AWS and work remotely]

Course Subtitle

Job hunting/career change, freelance/side hustle, build a pillar of income with web system development! AWS PHP 8  RDS(PostgresSQL) Nginx Laravel9 Support

Have you ever wanted to change jobs, freelance, or build web systems to have a stable and prosperous life?

These days, with the spread of remote work due to Corona, the demand for remote system development is increasing, especially using AWS. Corona may settle down in the future, but another cause may make it impossible to develop systems at the company in the future.

If that happens, having experience developing with AWS will allow you to be flexible and will give you an advantage in changing jobs or freelancing. This course will enable you to understand how system development on AWS works by actually performing system development on AWS.

In addition, using API integration in Wix eliminates the need to design coding in HTML and CSS, and allows you to create screens intuitively, which significantly reduces development time. This will be a great advantage for those who develop systems and release services on their own. By building your web system and providing services, you can have a more stable life. We hope that you will be prepared for the future by learning to develop API systems with Wix and AWS.

This course can also be used by those who want to learn AWS and work remotely to create a portfolio of work for job hunting or career change quickly.

See you in this course.

1. はじめに｜Introduction
2. このコースの概要と学べる事｜Overview of this course and what you will learn
3. AWSを始めよう｜Getting Started with AWS
4. AWSのアカウントを作成しよう｜Create an AWS account
5. CloudWatchで料金アラートを設定しよう｜Let's set up fee alerts in CloudWatch
6. IAMで作業用ユーザーを作成しよう｜Let's create a working user with IAM
7. ネットワークを構築しよう｜Let's build a network
8. VPCを作成しよう｜Let's create a VPC
9. サブネットを作成しよう｜Let's create a subnet
10. ルーティングを設定しよう｜Let's set up routing
11. Webサーバーを構築しよう｜Let's build a web server
12. EC2インスタンスを設置しよう｜Let's set up an EC2 instance
13. ElasticIPアドレスでIPアドレスを固定しよう｜Let's fix your IP address with ElasticIP address
14. Visual Studio Codeをインストールしよう｜Install Visual Studio Code
15. Visual Studio CodeでEC2インスタンスに接続しよう｜Let's connect to an EC2 instance
16. EC2インスタンスにLaravel8をインストールしよう｜Let's install Laravel8 on an EC2 instance
17. EC2インスタンスにLaravel9をインストールしよう(補足)｜Let's install Laravel9 on an EC2 instance
18. Laravelが画面表示されるか確認しよう｜Let's see if Laravel is displayed on the screen
19. AWSでSSL化に対応しよう｜Let's support SSL with AWS
20. 無料でドメインを取得しよう｜Get a free domain name
21. ホストゾーンを作成しよう｜Let's create a host zone
22. AWS Certificate Managerで無料のSSL証明書の発行をしよう｜Get a free SSL certificate
23. AWS ELBでロードバランサーを設定しよう｜Let's set up a load balancer with AWS ELB
24. ロードバランサー用のサブネットをインターネットゲートウェイに接続しよう｜Connect your subnet to an Internet gateway
25. Route 53でELBを設定しよう｜Let's set up an ELB with Route 53
26. DBサーバーを構築しよう｜Let's build a DB server
27. RDS用にプライベートサブネットを作成しよう｜Let's create a private subnet for RDS
28. RDS用にセキュリティグループを作成しよう｜Let's create a security group for RDS
29. RDS用にサブネットグループを作成しよう｜Let's create a subnet group for RDS
30. RDS用にDBパラメータグループを作成しよう｜Let's create a DB parameter group for RDS
31. RDSを設置しよう｜Let's set up RDS
32. WIxで画面を作成しよう｜Let's create a screen with WIx
33. Wixアカウントを作成しよう｜Create your Wix account
34. 基本的な編集画面の機能｜Basic Edit Screen Functions
35. 基本的な操作方法と説明｜Basic Operation and Description
36. ストリップの概念と基本的な使い方｜Strip concept and basic usage
37. 作成するアプリケーションの画面を確認しよう｜Let's check the screen of the application to be created
38. メニュー用のストリップを作成しよう｜Create a strip for your menu
39. ツイート検索画面用のストリップを作成しよう｜Let's create a strip for the tweet search screen
40. ツイート保存用のストリップを作成しよう｜Create a strip for saving tweets
41. 保存したツイートデータ検索用のストリップを作成しよう｜Create a strip for stored data retrieval
42. データテーブル用のストリップを作成しよう｜Create strips for data tables
43. 選択データ表示用のストリップを作成しよう｜Create a strip for displaying selected data
44. 詳細分析用のストリップを作成しよう｜Create strips for detailed analysis
45. メモ保存用のストリップを作成しよう｜Create a strip for storing notes
46. 削除用確認画面を作成しよう｜Let's create a confirmation screen for deletion
47. プリローダーを作成しよう｜Create a Preloader
48. ページデザインを調整しよう｜Let's adjust the page design
49. API呼び出し関数を作成しよう｜Let's create an API call function
50. イベント関数を作成しよう｜Let's create an event function
51. ログ機能でログを確認しよう｜Check the log with the log function
52. LaravelAPIでWixアプリケーションを作成しよう｜Let's create a Wix application with LaravelAPI
53. Laravel8からRDSへの接続設定をしよう｜Let's set up a connection from Laravel8 to RDS
54. Laravel9からRSDへの接続設定をしよう(補足)｜Let's set up a connection from Laravel9 to RSD
55. MVCモデルについて｜About the MVC Model
56. ControllerとModelを作成しよう｜Let's create a Controller and a Model
57. Laravelのルーティングの設定をしよう｜Let's configure Laravel routing
58. マイグレーションを実行しよう｜Let's perform migration
59. PGAdminでRDSに接続しよう｜Connect to RDS with PGAdmin
60. TweeterAPIでツイート検索機能を作成しよう｜Let's create a tweet search function with TweeterAPI
61. 検索ツイートを表示しよう｜Let's show search tweets
62. 検索ツイートをDBに登録しよう｜Let's register your search tweets in the DB
63. 登録ツイートをテーブルで表示しよう｜Let's display registered tweets in a table
64. 登録ツイートを部分検索で表示しよう｜Let's display registered tweets with the partial search
65. 登録ツイートのメモ機能を作成しよう｜Let's create a memo function for registered tweets
66. 登録ツイートの分析機能作成をしよう｜Let's create an analysis function for registered tweets
67. 分析機能作成をしよう(Laravel9)｜Let's create an analysis function (Laravel9)
68. 登録ツイートの分析結果を表示しよう｜Let's view the analysis results of the registered tweets
69. 登録ツイートの削除機能を作成しよう｜Let's create a function to delete registered tweets
70. アプリケーション全体を確認して調整しよう｜Let's check and adjust the entire application
71. ボーナスセクション｜Bonus Section
72. ボーナスレクチャー｜Bonus Lecture