
このコースで学ぶことと身に付くスキルについてわかります
本講座で作成する成果物について理解できます
本講座で作成するyoutubeの管理アプリのzipファイルを提供します。
LaravelとReactをinertiaでインストール出来るようになります
inertiaでコントローラーからレンダリングが出来るようになります
inertiaでルーティングからレンダリングする方法が分かるようになります
ユーザ登録とログインが出来るようになります
reactとLaravelのテーブル設計ができるようになります
Laravelのテーブル作成ができるようになります
reactアプリケーションのページ・機能設計ができるようになります
JSXについて理解できます
コンポーネントについて理解できます
LaravelとReactを使うための方法がわかります
LaravelとReactで一覧画面を作成するようになります
LaravelとReactで詳細画面を作成することができるようになります
LaravelとReactで新規作成画面を作成することができるようになります
LaravelとReactで更新画面を作成することができるようになります
LaravelとReactで削除画面を作成することができるようになります
Chakura uiについて理解できます
Chakra UIをインストールする方法がわかります
Chakura UIを利用したStackによるレイアウト制御ができるようになります
Chakura UIを利用したTable作成ができるようになります
Chakura UIを利用したTextの利用ができるようになります
chakura uiの理解が深まります
Chakura UIを利用したボタンを利用できるようになります
Laravelの定数管理ができるようになります
【Chakura UI】詳細画面をデザインすることができるようになります
Laravelのアクセサのappendsが理解できるようになります
chakura ui を利用した編集画面をデザインできるようになります
chakura uiを利用した新規作成画面をデザインできるようになります
MUI(マテリアルUI)について学べます
MUI(Material UI)のインストールが使えるようになる
MUI(Material UI)のコンポーネントが使えるようになる
MUI(Material UI)のコンポーネントが使えるようになる
MUI(Material UI)のテンプレートを使えるようになる
TypeScriptをインストールする
TypeScript(ts)について
作成したファイルをTS化する
Reactの勉強方法がわかりようになります
Reactのコンポーネントについて理解が深まります
Reactのスタイルと変数について理解が深まります
Reactの条件付きレンダーとリストのレンダーについてわかります
Reactのイベントについてわかります
Reactのコンポーネント間のデータを共有する方法についてわかります
ローカル環境構築方法がわかります
3目並べの盤面の作成方法がわかります
propsを通したデータの渡し方がわかります
インタラクティブなコンポーネントの作成方法がわかります。
React Developer Toolsが使えるようになります
なぜイミュータビリティが重要なのか?勝利の判定ができるようになります
タイムトラベル機能を作成できます
タイムトラベル機能が実装できます
このコースでは、PHPのフレームワークであるLaravelとReactについて学びます。
必要な箇所のみを学ぶ事ができる初心者・入門者向けの実践体験型のコースになってます。
このコースでは、LaravelのReactを利用した、CURDと呼ばれるアプリケーションとデータベースを利用した登録・更新・参照・削除処理を学びながら、Chakura UI、MaterialUI(MUI)、TypeScript等が手を動かしながら学びます。
最終的な成果物は無料プレビュー画面で公開されてますので、そちらをまず御覧ください。
専門用語や、難しい説明は省いて、実際に手を動かす事によって、感覚的にlaravelとReactを理解します。
コースは、簡易的な説明 → 実際に手を動かしながら学ぶスタイルになってます。
また、ドキュメントを利用した学習をするので、本コースが終わった頃にはドキュメントが読めるようになります。
また、このコースでは、macを利用します。
windowsの方の操作の違いについては、ご連絡頂ければサポートさせて頂きます。
本コースで取り扱っているLaravelの内容は下記になります。
・Laravelのインストール
・Inertia
・React
・Chakura UI
・Material UI(MUI)
・LaravelとReactを利用したCRUD
・migration
・seeder
・TypeScript
※注意事項
・バージョンにより記述方法が異なる場合があります。
本講座は、Laravel Framework 10.32.1、React 18.2.0で検証しています。
・セクションの追加情報
2024年3月15日に「【おまけ】Reactで三目並べを作ろう」を追加しました。
2024年3月18日に「MUI(Material UI)について」を追加しました。
2024年4月12日に「jsxファイルをtsxファイル化する」を追加しました。