学習方法

メンター情報

料金

対応時間帯

返信スピード

学習方法

メンター情報

料金

対応時間帯

返信スピード

PHP Laravel TypeScript React.js next.js

超本格サービス実装で本物の実力を身につける💪🔥

評価: 5.0
受講生:15
超本格サービス実装で本物の実力を身につける💪🔥-image1
超本格サービス実装で本物の実力を身につける💪🔥-image2
超本格サービス実装で本物の実力を身につける💪🔥-image3
超本格サービス実装で本物の実力を身につける💪🔥-image4
超本格サービス実装で本物の実力を身につける💪🔥-image5

できること

業務レベルまでに必要な知識を完全網羅!

現役メガベンチャーエンジニアが、プログラミング基礎レベルから業務レベルまでに必要な知識を徹底的に洗い出し、課題に落とし込みました!

このコースをやり切ることで、Webサービス構築知識はもちろんのこと、さらに独学では習得の難しかった、

  • DB設計、API設計の定石
  • セキュリティやパフォーマンス
  • モノリス、疎結合などのアーキテクチャ
  • CSRやSSR等のレンダリングの仕組み

などの体系的な知識を手に入れることが出来ます💪

image

利用する技術

  • Laravel v11
  • Next.js v14 (App Router)

こんな方におすすめ

✅ 学んだ知識がどのように使えるのかイメージが出来ない。
✅ 書籍や動画で写経してみたものの自力で実装出来ない。
✅ 次に何を学んだらいいのかよく分からない。

上記以外にも、すでにある程度出来るが上級者と比べると知識が足りてないと感じる方 なども、レベルに合わせた調整が可能です!

カリキュラム

以下のような教材ページの流れに沿って、コースを実施していただきます✨

image

image

コース内容

1️⃣ LP (ランディングページ) 実装

image

まずはWebページの見た目がどのような仕組みで作られているのかを理解するために、HTML, CSS, JavaScriptを使ってLPを実装いただきます。

LPはなるべく実務に近づけるため、架空の旅行記録サービスのデザインを用意しています。

FlexやGridレイアウトなどの最近のレイアウト手法をおさらいするとともに、CSSで見た目を整えたり、JavaScriptで動きをつける基本的な方法をしっかり押さえてもらいます。

2️⃣ CRUDアプリ実装

image

続いてLaravelを使って、簡単なCRUDアプリを実装してもらいます。
Laravelの基本に慣れるために、まずはチュートリアルとしてbladeを使ったシンプルなTODOアプリを作成いただきます。

次に学んだことのアウトプットとして、映画記録アプリを実装いただきます。

デザインはモダンな機能・見た目を意識して作成しているので、アプリ実装に必要な観点を自然と身につけることが出来ます。

このフェーズでDB設計の方法や、データの保存や更新が可能な動的サイトの構築方法を身につけます。

3️⃣ ECサイト実装

image

最後に超本格サービスの実装を行います。

まずはチュートリアルにより、Reactの導入から始まり、Next.js v13のApp Routerの使い方まで押さえます。

その後課題として、絵画専門のECサイトを実装いただきます。この課題は、皆さんが一般的に使うWebサイトに必要な機能をほぼ網羅するよう設計しています。

実装はフロントエンド・バックエンドを完全に分離し、バックエンドはJSONを返すだけのAPIサーバ、フロントエンドはCSR, SSRを組み合わせたモダンな実装を行います。

このフェーズではDB設計はもちろんのこと、API設計も行います。
ここをクリアすれば、世の中のWebサイトのほとんどの機能を実装できるようになるでしょう。

ご注意事項

  • progateなどでHTML、CSS、JavaScriptの基礎は完璧でなくても一通り押さえている前提で進めます。
  • Windowsでも実施可能ですが、OS起因で発生したエラーの対処は少しお時間いただく可能性があります。

メンタープロフィール

いのうえ@都内メガベンチャーエンジニア

最終ログイン:6時間前
契約実績:81
評価: 4.8

レビュー

オオサカ05
★ ★ ★ ★ ★
オオサカ05

長い間お世話になりました。
とても勉強になりました。

秋枝尚樹
★ ★ ★ ★ ★
秋枝尚樹

一度私用で解約いたします。

ogatan
★ ★ ★ ★ ★
ogatan

ありがとうございました。

会員登録後、全てのレビューをご覧いただけます。

このメンターの他のプラン
【解決力保証!】開発でわからないこと何でも相談してください!
【解決力保証!】開発でわからないこと何でも相談してください!
【解決力保証!】開発でわからないこと何でも相談してください!
4.7 (35)
あなたにおすすめの人気メンター
【未経験・初心者大歓迎🔰】プログラミング学習、開発お手伝い(授業や相談、不具合発見のお手伝いなど)
【未経験・初心者大歓迎🔰】プログラミング学習、開発お手伝い(授業や相談、不具合発見のお手伝いなど)
【未経験・初心者大歓迎🔰】プログラミング学習、開発お手伝い(授業や相談、不具合発見のお手伝いなど)
4.6 (26)
CADなんでも相談ルーム
CADなんでも相談ルーム
CADなんでも相談ルーム
5.0 (2)
【未経験者・初級者歓迎】プログラミングの初歩の初歩からサービス設計・グロース、転職・キャリア構築まで相談受けます
【未経験者・初級者歓迎】プログラミングの初歩の初歩からサービス設計・グロース、転職・キャリア構築まで相談受けます
【未経験者・初級者歓迎】プログラミングの初歩の初歩からサービス設計・グロース、転職・キャリア構築まで相談受けます
4.9 (62)
相談に乗ります
相談に乗ります
相談に乗ります
5.0 (1)
【初心者・非エンジニア歓迎】Web開発の知識教えます!
【初心者・非エンジニア歓迎】Web開発の知識教えます!
【初心者・非エンジニア歓迎】Web開発の知識教えます!
5.0 (75)
[未経験大歓迎]AWS、インフラ、サーバー、コンテナなどSREが現場で通用する技術をフォローします!
[未経験大歓迎]AWS、インフラ、サーバー、コンテナなどSREが現場で通用する技術をフォローします!
[未経験大歓迎]AWS、インフラ、サーバー、コンテナなどSREが現場で通用する技術をフォローします!
4.6 (249)
【初心者から中級者もOK】プログラミング基礎からプロダクト開発を分かりやすくお答えます!
【初心者から中級者もOK】プログラミング基礎からプロダクト開発を分かりやすくお答えます!
【初心者から中級者もOK】プログラミング基礎からプロダクト開発を分かりやすくお答えます!
4.5 (12)
【Rails】オリジナルのロードマップを作成し、エンジニア転職に向けた学習と就職サポートをします🔥
【Rails】オリジナルのロードマップを作成し、エンジニア転職に向けた学習と就職サポートをします🔥
【Rails】オリジナルのロードマップを作成し、エンジニア転職に向けた学習と就職サポートをします🔥
4.8 (354)
【転職成功実績あり】Ruby on RailsやReactの学習ポートフォリオ作成サポート
【転職成功実績あり】Ruby on RailsやReactの学習ポートフォリオ作成サポート
【転職成功実績あり】Ruby on RailsやReactの学習ポートフォリオ作成サポート
4.9 (80)
iOS・Androidアプリ開発全般&アプリの運用・グロース・収益化などをアドバイス・サポートします
iOS・Androidアプリ開発全般&アプリの運用・グロース・収益化などをアドバイス・サポートします
iOS・Androidアプリ開発全般&アプリの運用・グロース・収益化などをアドバイス・サポートします
5.0 (1)
Laravel、AWSのことならおまかせ!
Laravel、AWSのことならおまかせ!
Laravel、AWSのことならおまかせ!
4.4 (21)
個人ゲームアプリやWebサービスの喫茶店ガチレビューと、私ならではの情報提供
個人ゲームアプリやWebサービスの喫茶店ガチレビューと、私ならではの情報提供
個人ゲームアプリやWebサービスの喫茶店ガチレビューと、私ならではの情報提供
3.0 (2)
【未経験者歓迎】プログラミングからキャリア相談まで(初心者向学習)
【未経験者歓迎】プログラミングからキャリア相談まで(初心者向学習)
【未経験者歓迎】プログラミングからキャリア相談まで(初心者向学習)
3.5 (27)
これからRuby on Railsを学び始めたい・学んでいるがメンターを探している方のフォローを致します!
これからRuby on Railsを学び始めたい・学んでいるがメンターを探している方のフォローを致します!
これからRuby on Railsを学び始めたい・学んでいるがメンターを探している方のフォローを致します!
5.0 (4)
【未経験歓迎】開発歴10年の現役フリーランスが独学やポートフォリオ作成・就職活動をサポート
【未経験歓迎】開発歴10年の現役フリーランスが独学やポートフォリオ作成・就職活動をサポート
【未経験歓迎】開発歴10年の現役フリーランスが独学やポートフォリオ作成・就職活動をサポート
4.9 (64)
【未経験対応🔰】スクール不要!独学エンジニア育成コース
【未経験対応🔰】スクール不要!独学エンジニア育成コース
【未経験対応🔰】スクール不要!独学エンジニア育成コース
4.3 (416)
Ruby on Railsを用いたWeb開発のお悩み解決のお手伝いをします
Ruby on Railsを用いたWeb開発のお悩み解決のお手伝いをします
Ruby on Railsを用いたWeb開発のお悩み解決のお手伝いをします
5.0 (9)
【初心者限定!】Ruby on Rails学習のサポート!単発相談、質問し放題、動画学習など5つのプランから選べます
【初心者限定!】Ruby on Rails学習のサポート!単発相談、質問し放題、動画学習など5つのプランから選べます
【初心者限定!】Ruby on Rails学習のサポート!単発相談、質問し放題、動画学習など5つのプランから選べます
4.9 (26)
デザインエンジニアがなんでも相談に乗ります
デザインエンジニアがなんでも相談に乗ります
デザインエンジニアがなんでも相談に乗ります
5.0 (1)
ITスキルアップのためのお手伝いします。
ITスキルアップのためのお手伝いします。
ITスキルアップのためのお手伝いします。
5.0 (19)

相談できます

いのうえ@都内メガベンチャーエンジニア

6時間前

本人確認 秘密保持契約(NDA)
契約実績
81
評価
4.8

返信スピード

24時間以内

※あくまでも目安となります

スキル
Python 〜3年
Swift 〜5年
Flutter 〜1年
React.js 〜3年
このプランをシェアしよう!