教えるのは「デジタル」、教え方は「アナログ」。
通学制+リモート受講─オモドック・スクール
問合せ:

React-Next.js講座

React-Next.jsスクールの講座案内

オモドックReact-Next.js-Javaスクールは、JavaScriptとNode.jsによるフロントエンド開発者とバックエンド開発者を目指す人のための就職対策スクールです。

【フロントエンド開発の最先端技術!】
特に最近はReactフロントエンド開発と、Next.jsフルスタック開発の人気が高まっています。新規で作られるWebアプリ制作の需要はPHPよりも案件数が多いです。すでにIT-Web開発の現場で活躍している方のステップアップにもご利用ください。

【アットホームな小規模教室+リモート受講】
オモドック・スクールは小規模教室のため先生と生徒との距離が近く、きめの細かいサポートを通して、ひとりひとりの理解度に見合った指導を徹底して行っております。
関東以外の方はリモート受講も可能ですので、ぜひご利用ください。

目次

初心者向けMERN-React25回講座

料金通学制受講:178,000円
(入学金含む、月-土の全曜日)
リモート受講:32,000円x5ヶ月
(関東以外の方がメイン、月-金の平日)
時間数25回50時間(1回2時間x25回分)
通学例週1回で6カ月
週2回で3カ月
週4回で1.5カ月
週8回で3週間強
対象未経験者・初心者。14歳以上の中高生から60代以上のシニアまで。書籍や動画で上手に学べなかった人。
最新フロントエンド技術の「React」を学びたい人向け。
職種JavaScriptプログラマー、Node.jsプログラマー、フロントエンド開発者、バックエンド開発者向けです。
講座内容
1.初心者向け予習セクション10回

当スクールのすべての「初心者向け〇〇講座」では、最初にPerlで手続型用語に慣れる練習を7回行い、続けてJavaScriptを通してオブジェクト指向型用語に慣れる練習を3回行います。この「予習セクション10回」が後に学ぶ「手続型とオブジェクト指向型のハイブリッド言語」学習の準備になります。

このセクションで制作するもの
Perlによる簡易名簿JavaScriptによる各種ウインドウ操作本日の日付表示時間帯別テキスト表示オンマウスメニュー同期

2.Ajax・fetchセクション5回

次の「2.Ajax・fetchセクション5回」では、ライブラリを使わないバニラJavaScriptでサーバーとの「非同期通信」を行う「Ajax・fetchの基礎」を学びます。続けて「Ajax・fetchの応用」編として「JSON簡易名簿」と「JSON掲示板」を制作しながら、バニラJavaScriptの「fetch()関数とDOMオブジェクトの基礎」を学びます。

このセクションで制作する応用アプリ
JSON簡易名簿アプリJSON掲示板

3.MERNスタック-Reactセクション10回

最後の「3.MERNスタック-Reactセクション10回」ではNoSQLデータベースの「M(MongoDB)」、バックエンドの「E(Expressサーバー)」、「R(Reactフロントエンド)」、「Node.js」の頭文字からなる「MERNスタック」を順番に学びます。

最終的には「JWT(JSON Web Torken)」による認証機能付き「React簡易名簿」と「React掲示板」を制作します。さらに作成したプロジェクトをGoogle CloudのFirebase仮想アプリ環境に「デプロイ」し、インターネット上での動作確認を行います。

このセクションで制作する応用アプリ
*「ID:watashi、パスワード:wwwwww」でログインするとサンプルが見れます。
JWT認証機能付きReact簡易名簿

MERN-React-Next.js35回講座

料金通学制受講:238,000円
(入学金含む、月-土の全曜日)
時間数35回70時間(1回2時間x35回分)
通学例週1回で9カ月
週2回で4カ月
週4回で2カ月
週8回で1カ月
対象未経験者・初心者。14歳以上の中高生から60代以上のシニアまで。書籍や動画で上手に学べなかった人。
「React」フロントエンドと「Next.js」フルスタックを学びたい人向け。
職種JavaScriptプログラマー、フロントエンド開発者、バックエンド開発者向けです。
講座内容
1.初心者向け予習セクション10回

上記「初心者向けMERN-React25回講座」と同じ。

◉このセクションで制作するもの
Perlによる簡易名簿JavaScriptによる各種ウインドウ操作本日の日付表示時間帯別テキスト表示オンマウスメニュー同期

2.Ajax・fetchセクション5回

上記「初心者向けMERN-React25回講座」と同じ。

このセクションで作成する応用アプリ
JSON簡易名簿アプリJSON掲示板

3.MERNスタック-Reactセクション10回

上記「初心者向けMERN-React25回講座」と同じ。

このセクションで作成する応用アプリ
*「ID:watashi、パスワード:wwwwww」でログインするとサンプルが見れます。
ユーザー認証機能付きReact簡易名簿

4.Next.jsの基礎練習4回

Next.jsの基礎練習ではReact講座で作成した「React簡易名簿」をReactと共通の「Page Router」版に修正し、さらにNext.jsオリジナルの「App Router」版に修正していきます。

このときSEO対策に強いと言われるアクセス時にHTML化する「SSR」や、ビルド時にHTML化する「SSG」、定期的にHTML化する「ISR」についても学びます。

最終的にExpressサーバー機能を「API Routes」に移行し、「Server Action」との連携によるフルスタックアプリの「NestJs簡易名簿」と「NextJs画像掲示板」を制作します。

◉このセクションで作成する応用アプリ
ユーザー認証機能付きNextJs簡易名簿、NextJs掲示板、NextJs画像掲示板
*見た目は上記「JSON簡易名簿」「JSON掲示板」と同じ
JSON簡易名簿アプリJSON掲示板

5.書籍ECサイト制作セクション6回

Next.jsのリファレンス練習でよく登場する「ToDoアプリ」を1個作れるようになっても、いきなり大規模サイトは作れません。そこで複数アプリの連携で成立するECサイト全体を作ることで、大規模サイト開発への足がかりとします。

最終的に「買い物カゴ付き書籍ショッピングサイト」「Stripeカード決済機能付き書籍オーダーフォーム」「商品登録管理サイト」「発送日登録機能付き注文データ一覧サイト」の全機能を作成し、「MongoDB Atlas」と「Vercel」を使ってインターネット上に「デプロイ」し、動作確認を行います。

このセクションで作成する応用アプリ
*「ID:watashi、パスワード:wwwwww」でログインするとサンプルが見れます。
買い物カゴ付き書籍ショッピングサイトカート決済機能付きオーダーフォームロール権限者向け商品管理サイト
経験者割引PHP・Ruby・Pythonの実務経験者は「初心者向け予習セクション10回」のぞく25回分を、上記「初心者向けMERN-React25回講座」と同じ料金で受講できます。

各講座共通の特徴

授 業 時 間
1時限目10:00~12:00
2時限目13:00~15:00
3時限目15:30~17:30
4時限目18:30~20:30
教室場所JR山の手線新大久保駅徒歩2分
授業形式

①通学制受講

初心者・未経験者は基本的に新宿新大久保校にて「通学制受講」で学んでもらいます。講師が初心者の机の横に並んで質問に丁寧にお教えします。

②リモート受講

基本的に関東以外の方、なんらかの理由で通学が不可能な方向けです。場合によっては1、2割学びにくくなるため、なるべく通学制受講をお勧めします。
入学時期随時(申し込み日の翌日予約も可)
入学条件14歳(中学2年以上の国語力がある外国人の方も可)以上からシニアまで
受講曜日月曜から土曜(日祝休校)。月謝制分割い:土曜不可。
週間予約一括払い:週2回以上~週8回ぐらいまで自由。月謝制分割い:週1回のみ。
予約方式PCやスマホより開始時間直前まで予約キャンセルできる「完全自由予約制」