【この1本で完結】LaravelとReact入門基礎マスター講座【Docker,Inertia,JavaScript】

🏅🏅LINE無料登録で豪華22大特典ゲット🏅🏅 https://business.shoheimomma.com/line/open/eY8E25lrDOpn?mtid=6Flp0nKHv7jG 【「LINEアプリを開く」をクリック】 ━━━━━━━━━━━━━━━━━━━━━━ 🏆⬇︎無料LINE登録で有料級特典22個⬇︎🏆 ✅20万文字越えプログラミング学習ドキュメント6本 ✅ガチ有益ITスキル開発動画5本 ✅マネるだけ面接テンプレ27選 ✅最速3ヶ月で完了迷わないロードマップ 🎁プレゼントの受け取りLINEはこちら🎁 https://business.shoheimomma.com/line/open/eY8E25lrDOpn?mtid=6Flp0nKHv7jG 【「LINEアプリを開く」をクリック】 📣LINE登録限定の17大特典 ╋━━━━━━━━╋ 🌟1個目🌟 📺限定動画 知らないとヤバい 一撃で学習効率を高める 解説動画 + 📝豪華特典付き 無料オーダーメイド 学習相談会📝 ╋━━━━━━━━╋ 🌟2個目🌟 📑ドキュメント 有料級！ Docker基礎解説 （15100文字） ╋━━━━━━━━╋ 🌟3個目🌟 📑ドキュメント 有料級！ PHP基礎解説 （30700文字） ╋━━━━━━━━╋ 🌟4個目🌟 📺スペシャル動画 元プログラマー 137万人越えYouTuber スペシャル対談 （14分） ╋━━━━━━━━╋ 🌟5個目🌟 📺スペシャル動画 開発のみで月190万を達成 現役エンジニア スペシャル対談 （13分） ╋━━━━━━━━╋ 🌟6個目🌟 📊図解 一撃で理解！ IT専門用語 図解セット （54選） ╋━━━━━━━━╋ 🌟7個目🌟 📊図解 勝手に作業効率が上がる！ 最新IT技術、ツール （17選） ╋━━━━━━━━╋ 🌟8個目🌟 🖼️スプレッドシート たった1年半で！ 月55万円の案件ゲット 当時のスキルシート ╋━━━━━━━━╋ 🌟9個目🌟 🖼️スプレッドシート 書き換えるだけ！ ITエンジニア就職 面接回答テンプレ (27パターン) ╋━━━━━━━━╋ 🌟10個目🌟 🖼️スプレッドシート 明日からすぐ使える！ ITエンジニア必須 Web開発を加速させる プロンプトキーワード （21選） ╋━━━━━━━━╋ 🌟11個目🌟 📺要約動画 一撃で理解！ コンピューターサイエンスの 基礎が身に付く 専門書解説(45分) ╋━━━━━━━━╋ 🌟12個目🌟 📺要約動画 ITエンジニア志望こそ有益 本当のUI基礎が身に付く 専門書解説(29分) ╋━━━━━━━━╋ 🌟13個目🌟 📺要約動画 見るだけ理解！ 本当のUX基礎が身に付く 専門書解説(33分) ╋━━━━━━━━╋ 🌟14個目🌟 📺要約動画 驚くほど分かる 本当のオブジェクト指向が身に付く 専門書解説(27分) ╋━━━━━━━━╋ 🌟15個目🌟 📺要約動画 知らないとヤバい IT著作権が身に付く 専門書解説(22分) ╋━━━━━━━━╋ 🌟16個目🌟 📺動画 今日で脱初心者！ エンジニア周辺知識 0→100完全理解 (99分) ╋━━━━━━━━╋ 🌟17個目🌟 📺自己紹介動画 もんしょーって誰？ 文系未経験からたった1年半で フリーランスITエンジニアになったの？ (37分) ╋━━━━━━━━╋ さらに 【無料オーダーメイド学習相談】 参加者のみ配布している 豪華5大特典のご紹介 ╋━━━━━━━━╋ 🏆18個目🏆 📑ドキュメント 有料級！ Laravel基礎完全解説 （98700文字） ╋━━━━━━━━╋ 🏆19個目🏆 📑ドキュメント 有料級！ Laravelアプリ開発解説 （49900文字） ╋━━━━━━━━╋ 🏆20個目🏆 📑ドキュメント 有料級！ JavaScript基礎解説 （51600文字） ╋━━━━━━━━╋ 🏆21個目🏆 📑ドキュメント 有料級！ React基礎解説 （69600文字） ╋━━━━━━━━╋ 🏆22個目🏆 📑ドキュメント 一発で分かる！ ゼロから分かる ITエンジニア ロードマップ ╋━━━━━━━━╋ 🎁これらを無料プレゼントします🎁 【⬇️LINE無料登録はこちらから⬇️】 https://business.shoheimomma.com/line/open/eY8E25lrDOpn?mtid=6Flp0nKHv7jG 【「LINEアプリを開く」をクリック】 ━━━━━━━━━━━━━━━━━━━━━━ ▼相談会参加者感想 https://business.shoheimomma.com/p/kS9Fmn87c98x ▼関連動画 約8時間でLaravel基礎完全解説 https://youtu.be/SXjrlVs5Tnk 約4.5時間でReact基礎完全解説 https://youtu.be/mwQtDfV5CXU 約4時間でJavaScript基礎完全解説 https://youtu.be/iHHoETeqDKo 約6時間でPHP基礎完全解説 https://youtu.be/rxWzqNeLXLI ▼目次 0:00:00 - DEMO 0:00:10 - 今回のテーマ 0:04:14 - 環境の準備 0:12:08 - 環境の準備/Laravelインストール 0:20:01 - Inertiajsのセットアップ 0:24:02 - Inertiajsのセットアップ/画面表示確認テスト 0:30:15 - データベース設計の全体像 0:32:54 - データベース設計の全体像/マイグレーションファイル 0:35:00 - データベース設計の全体像/E-R図 0:39:07 - ホーム画面 0:40:19 - ホーム画面/マイグレーションファイル 0:48:11 - ホーム画面/マイグレーションファイル/環境変数の設定 0:51:24 - ホーム画面/マイグレーションファイル/DB接続確認 0:56:26 - ホーム画面/モデル 1:00:08 - ホーム画面/テストデータ作成 1:11:55 - ホーム画面/コントローラー 1:20:17 - ホーム画面/ルーティング 1:22:01 - ホーム画面/コントローラー/デバッグ 1:25:18 - ホーム画面/Reactコンポーネント 1:33:07 - ホーム画面/ユニットテスト初期設定 1:36:33 - ホーム画面/デザイン調整 2:02:55 - ヘッダーとフッター 2:27:31 - ヘッダーとフッター/共通化 2:34:27 - 店舗詳細画面 2:35:31 - 店舗詳細画面/コントローラー 2:37:21 - 店舗詳細画面/Reactコンポーネント 2:54:07 - 店舗詳細画面/コンポーネント化 3:09:37 - レビュー投稿画面 3:10:05 - レビュー投稿画面/コントローラー 3:16:05 - レビュー投稿画面/モデル 3:18:06 - レビュー投稿画面/Reactコンポーネント 3:46:30 - レビュー投稿画面/デザイン調整 4:15:14 - ユーザー登録とログイン画面 4:28:00 - ユーザー登録とログイン画面/メニュードロワー作成 4:48:02 - 店舗新規作成画面 4:48:52 - 店舗新規作成画面/マイグレーション追加 4:56:47 - 店舗新規作成画面/画像の格納先フォルダを作成 4:58:17 - 店舗新規作成画面/コントローラー 5:13:27 - 店舗新規作成画面/モデル 5:18:11 - 店舗新規作成画面/Reactコンポーネント 5:50:09 - レビュー編集画面 5:51:28 - レビュー編集画面/コントローラー 5:53:29 - レビュー編集画面/モデル 5:54:39 - レビュー編集画面/Reactコンポーネント 6:08:17 - 店舗編集画面 6:08:57 - 店舗編集画面/コントローラー 6:18:07 - 店舗編集画面/モデル 6:18:44 - 店舗編集画面/Reactコンポーネント 6:27:32 - 店舗編集画面/モデルの修正 6:38:03 - 店舗編集画面/既存画像の削除UI修正 6:51:06 - 店舗編集画面/更新後のトースター 6:57:10 - マイページとユーザー別情報画面 6:58:06 - マイページとユーザー別情報画面/レビュー一覧 7:09:31 - マイページとユーザー別情報画面/関連店舗一覧 7:23:31 - 店舗の検索機能 7:32:43 - 追加機能 7:32:54 - 追加機能/平均レビューポイント 7:39:33 - 追加機能/ページネーション 7:44:46 - 追加機能/その他 7:51:30 - おしらせ ▼補足資料、ドキュメント ChakraUI(React CSSライブラリー) https://v2.chakra-ui.com/ Splide(画像のスライダー) https://ja.splidejs.com/ Inertia.js https://inertiajs.com/ ※ゼロからの解説はこちらの記事がわかりやすいです https://reffect.co.jp/laravel/laravel_inertia_js_react 使用DBクライアントツール(Sequel Ace) https://sequel-ace.com/ ▼概要 今回、LaravelとReactを使った入門解説をしました！ レビューアプリの開発をテーマにCURD機能、画像のアップロード、Authの認証などモダンなWeb開発でも使われている技術をとことん詰め込んでます。 今まではバックエンドとフロントエンドを結ぶのにAPIを使ってた部分をInertia.jsに変えることでより簡単にjsxを使えるようにしております。 何度も見て確実に力をつければ、実務の現場で重宝されます。 リンクはプロモーションを含みます 〓━━━━━━━━━━━━━━━━━━━━━〓 未経験もOKなエンジニア向け転職サービス ▼エンジーニアス▼ https://engenius.jp/lp_t/?channel=monsyo 自社サービス企業、SESなど幅広い対応可能 〓━━━━━━━━━━━━━━━━━━━━━〓 ▼投稿者、もんしょーについて。 〓━━━━━━━━━━━━━━━━━━━━━〓 ■Twitter: https://twitter.com/sima199407 ■ブログ: https://simablog.net/ ■お問い合わせ : https://simablog.net/contact-form/ 〓━━━━━━━━━━━━━━━━━━━━〓 #LINE登録でプレゼント配布 #もんしょー #ITエンジニア #フリーランス #プログラミング Thank you. Music | yuhei komatsu