【完全保存版】要件定義からインフラ構築まで一貫して学べるフルスタックアプリ開発講座
要件定義、画面/DB設計、開発、インフラ構築、デプロイ運用...一貫して学べる講座は日本にも数個しか存在しません。この講座を完遂できればアプリ開発の自走力が身につきます。作りたいアプリが自由自在に作れるようになるので、フルスタックエンジニアになりたい方は必見の内容です。
本講座で学べる事
無料プレビュー本講座の注意点
【追加】この講座について
※質問する場合はDiscordサーバーへ
要件定義をはじめよう
機能要件を考えよう
ユースケースを考えよう
開発費用・コスト計算しよう
マネタイズポイントを考えよう
無料プレビューマーケティングを考えよう
機能設計/技術選定から考えよう:その①
無料プレビュー機能設計/技術選定から考えよう:その②
技術選定のコツ・ポイント
機能設計/技術選定から考えよう:その③
機能設計を構成図で書いてみよう:その①
機能設計を構成図で書いてみよう:その②
Figmaを使って画面設計を考えよう:その①
Figmaを使って画面設計を考えよう:その②
Figmaを使って画面設計を考えよう:その③
Figmaを使って画面設計を考えよう:その④
DB設計を考えよう:その①
DB設計を考えよう:その②
DB設計を考えよう:その③
DB設計を考えよう:その④
DB設計のコツとポイント
プロジェクトマネジメント(PM)とは
開発スケジュールを組んでみよう
チーム管理はSlackまたはDiscordを利用する
PMがやるべきことは何か
フルスタックプロジェクト開発環境を整えよう
Githubリポジトリを作成しておこう
mainブランチとdevブランチを分けてみよう
Next.jsのディレクトリ構成を考えてみよう
ヘッダーコンポーネントを作成しよう
ヘッダーのレイアウトをTailwindCSSでスタイリングしよう
Link等の共通コンポーネントは別ファイルで管理してみよう
ブランチをpushしてPRを送ってマージしよう
Heroセクションを作成しよう
Heroセクションの文字や画像を修正しよう
フッターコンポーネントを作成しよう
ユーザー新規登録ページの作成をはじめよう
InputFiledコンポーネントを作成しよう
InputFiledにPropsをつけて呼び出そう
Buttonコンポーネントを作成しよう
プロジェクト全体で日本語用にフォントを変更しよう
react-hook-formとzodを導入してフォーム管理をはじめよう
inputにregister関数を登録してバリデーションチェックをしてみよう
カスタムフックスに切り出してリファクタリングしよう
ユーザーログインページの作成をはじめよう
確認コード用のページを作成しよう