강의

N
챌린지

멘토링

N
클립

로드맵

BEST
Programming

/

Full-stack

[フルスタック完成] Supabaseでウェブサイト3つをクローンする (Next.js 14)

フルスタック開発に翼を授けるSupabase！ 3つのクローンプロジェクトを通じて、Next.js 14とSupabaseで実務レベルのフルスタック開発を行う方法を最速で学びます。

（4.8）受講レビュー 57件

受講生 881名

難易度 初級

受講期間 無制限

Next.js
Next.js
supabase
supabase
TailwindCSS
TailwindCSS
react-query
react-query
Firebase
Firebase
Next.js
Next.js
supabase
supabase
TailwindCSS
TailwindCSS
react-query
react-query
Firebase
Firebase

学習した受講者のレビュー

4.8

5.0

official

63% 受講後に作成

この講義を聞かないで悩む方々のために、私が講義を聞きながら感じたメリットについて説明しようと思います。また、聞くと役に立つ人々をまとめました。 利点 1. 3つのクローンコーディングで、最新の技術とSupabaseの使用にすばやく慣れることができます。 2. Server ActionsのようなNextJSの最新技術を直接体験して実装することができる 3. 無限スクロールなど、実際のプロジェクトを進める際に必要な重要な機能を中心的に学習できる。 4. VercelとAWSの2つのバージョンのデプロイ方法を学習して、開発経験を向上させることができます メリットはこんな4つで説明できると思います この講義を聞くと役に立つような方をまとめてみました 1. グローバル状態管理とサーバーAPIに基づいた背景知識があり、繰り返し学習を通じて熟練させたい方 2. バックエンドとフロントエンドを統合して一つのプロジェクトを完成させてみたい方 3. プロジェクト作成から配布まで、すべてのコースを直接体験したい方 4. 繰り返し学習でコードと機能の実装に慣れたい方 序盤にReact Query、Recoil、NextJSなど、その講義で扱う技術スタックについて全体的な説明をする講義が構成されていますが、基礎的な知識がないと理解しにくい場合があります。技術やライブラリーの基礎説明ではなく、活用中心に講義を進めるので、背景知識がない場合は、まず基本的な内容を学習して、この講義を聞くことをお勧めします。 他の講義に比べて進行速度が速く完成するプロジェクト数が多いだけに、短期間に繰り返し機能を実装し、実力向上が体感されることを感じることができるようです。熟練のために講義をお悩みの方はおすすめです。

5.0

Jane

66% 受講後に作成

Supabaseを使ってみたかったのですが、Next.jsに使ってみると、資料が足りなくて苦労している間にこの講義を聞くようになりました。ツーリストのような簡単なプロジェクトでSupabaseの基本を身につけてから、StorageやAuthのような主な機能も直接実装できることが気に入りました。 ノッションに講義内容の整理も上手くなっていて講義に追いつくのが難しくなく、説明もじっくりしてくださって会社を通いながらも講義をすでにかなり聞いたことがありますね☺️良い講義作ってくれてありがとう。助けてくれました。

5.0

조현석

100% 受講後に作成

フロントエンド開発をしながら自分だけのWebアプリを作ってみたくて受講を始めました。 Next.jsとSupabaseの連携を一人で試した時はとても難しかったのですが、今回の講義を通じて多くのことを学ぶことができました。 良い講義を作ってくださってありがとうございます！おかげでポートフォリオを3つもおまけで持って帰ることになります😊😊 追加で、現在Next.jsは15バージョンで講義では14バージョンを使用しているため、文法の違いが思ったより多くありました。 講義にバージョンの違いに関する補足資料を追加していただくか、npx create-next-app@14 ... コマンドを使用するよう案内していただければ、学習がより便利になると思います。

受講後に得られること

  • Supabaseでサーバーレスフルスタック開発をする方法（ユーザー認証、ファイルアップロード、リアルタイムチャット）

  • Next.js 14バージョン (feat. App Router, Server Action)

  • カカオOAuthログインの実装

  • Tailwind CSS、React Query、Recoil ライブラリ

  • VercelとAWSを通じたプロジェクトのデプロイ方法

  • 無限スクロール、ドラッグ＆ドロップ機能の実装

  • ドメインの購入および連携

この講義を通じて、皆さんは


NextJS 14バージョンと

強力なバックエンドサービスである Supabaseの組み合わせで


3つのクローンプロジェクトを進めながら

実務レベルのフルスタック開発者へと急速に成長します！

Divider

フルスタック開発に翼を授けてくれる
Firebaseの強力な対抗馬、

🚀 Supabase 🚀

PostgreSQL ベースで複雑な要件も簡単に実装できます

リアルタイムデータベース機能で、リアルタイムチャットの開発ももう怖くありません

ソーシャルログイン機能も簡単に実装できます (Kakao、Google、etc)

SDK、GraphQL、APIなど、自分に合った方法で簡単に連携できます

管理画面と自動でSQLを生成してくれるAI機能もすべて無料です

この講義を受講されるすべての方々は

合計4つのウェブサイトを一人でデプロイまで

すべて完了することになります 🚀

🔗 各プロジェクトにあるリンク(青いテキスト)をクリックしてみてください。

[プロジェクト 1] ToDoリスト (練習プロジェクト)

  • Supabase DatabaseでCRUDを実装

  • ToDoの作成、削除、検索、完了機能の実装

  • 初のNextJSフルスタックプロジェクト

[プロジェクト 2] Dropboxクローン (ファイルアップロード)

  • Supabase Storageでファイル機能を扱う

  • ファイルアップロードおよび削除、検索の実装

  • ドラッグ&ドロップ機能の実装

[プロジェクト 3] Netflixクローン

  • Supabase SDKで複雑なSQLを扱う

  • 映画リスト画面、検索機能、詳細ページの実装

  • 無限スクロールの実装 (intersection-observer)

[プロジェクト 4] Instagramクローン (会員登録、チャット)

  • Supabase Authで会員機能を簡単に構築

  • Supabase Realtimeでリアルタイム機能を扱う

  • 2通りの方式の会員登録、ログイン実装

  • リアルタイムチャット、リアルタイム接続状態の実装

  • + カカオログイン機能の実装講座が追加されました！

このような方に強くおすすめします

Supabaseを通じて
サーバー構築なしでフルスタック開発を
したい開発者

多様なクローンプロジェクトを通じて
開発の実力をしっかりと
固めたい開発者

最新技術を活用して
モダンなフルスタック開発を
したい開発者

Next.js 14とSupabaseの強力な組み合わせで 🚀

最短でフルスタックエンジニアへと導きます！

3つのクローンプロジェクトを通じて、素早く実力を向上させます 👩🏻‍🎓

この講義を受講された方だけ

得られる4つの特典！

一つ目、

Supabaseの4つの主要機能をすべて学びます！

(✅ DB照会、会員認証、ファイルアップロード、リアルタイム機能の実装まで、すべて学びます)

Supabaseの強力な機能を

様々なプロジェクトに一つ一つ適用しながら

4つの核となる機能をしっかりと学ぶことができます 😉

第二に、

合計3つのクローンプロジェクトを一緒に作っていきましょう！

(✅ 実務能力を早く身につけることができます)

計3つのクローンプロジェクトを通じて

ファイルアップロード、会員認証、リアルタイムチャット、検索機能、無限スクロールなどを実装してみて、

"実務にすぐ適用可能な技術スタック"を備えた

フルスタック開発者へと生まれ変わります！

(+ カカオ OAuth ログイン 講義が追加されました 😉)

第三に、

実務でよく使われる最新の技術スタックを学ぶことができます！

(✅ 各技術ごとに理論と実務の講義が提供されます)

単に「最新技術」だけにフォーカスするのではなく、

効率的なフルスタック開発ができる技術を選定しました 🙂


最新技術を別途学ぶ必要なく

実務で使われている方式そのままに

今回の講座ですべて学ぶことができます！

第四に、

2つのデプロイ方式を学び、ドメインまで連動させます！

(✅ 素晴らしいポートフォリオを自分だけのドメインで作ることができます)

AWS EC2とVercelでデプロイする方法から

自分だけのドメインを購入して連携する方法まで

すべて学ぶことになります ☺


(+ より専門性の高いポートフォリオを完成させることができます！)

受講前のご注意事項

学習資料

事前知識および注意事項

  • Next.jsまたはReact.jsを使用したことがある方なら、講義を十分に理解していただけます！ ☺

  • 基本的なCSSの知識は必要です。（例：flexとは何かなど）

購入後も継続的にアップデートされる講座

  • 理解しにくい部分がある場合は、Q&Aの他にも補足説明の講義が追加される予定です。

  • Supabaseに新しい機能が追加された場合、講義がアップデートされる予定です。

#Next.js, #supabase, #tailwind-css, #react-query, #슈파베이스, #recoiljs, #firebase, #Supabase RLS, #Row level Security

こんな方に
おすすめです

学習対象は
誰でしょう？

  • フルスタック開発を最後までやり遂げたいフロントエンドエンジニア

  • 開発と運用の難易度を大幅に下げたい個人・小規模開発チーム

  • サイドプロジェクトに最適化されたバックエンドサービスをお探しの方

前提知識、
必要でしょうか？

  • Next.jsまたはReact.jsに関する基本的な理解

  • 基本的なCSSの知識

こんにちは
lopunです。

キャリア認証

3,844

受講生

237

受講レビュー

67

回答

4.8

講座評価

8

講座

🚀 「旬なスタックで実践的なサービスを作る過程を、包み隠さずお見せします」

理論よりもプロジェクト中心の実務講義で、現場ですぐに役立つ内容を提供します。

  • （現）ネカラクベ シニア開発者

  • (前) ユニコーンスタートアップ在職

  • (現) 8年目フルスタックエンジニア

  • (講義) スパルタコーディングクラブ講師

  • (教育) 韓国科学技術院(KAIST) 電算学科 卒業

もっと見る

カリキュラム

全体

40件 ∙ (10時間 55分)

講座資料（こうぎしりょう）:

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

57件

4.8

57件の受講レビュー

  • fined0006806님의 프로필 이미지
    fined0006806

    受講レビュー 54

    ∙

    平均評価 4.7

    5

    100% 受講後に作成

    最新バージョンで例を分かりやすく作成していただき、大変勉強になりました。

    • official님의 프로필 이미지
      official

      受講レビュー 1

      ∙

      平均評価 5.0

      5

      63% 受講後に作成

      この講義を聞かないで悩む方々のために、私が講義を聞きながら感じたメリットについて説明しようと思います。また、聞くと役に立つ人々をまとめました。 利点 1. 3つのクローンコーディングで、最新の技術とSupabaseの使用にすばやく慣れることができます。 2. Server ActionsのようなNextJSの最新技術を直接体験して実装することができる 3. 無限スクロールなど、実際のプロジェクトを進める際に必要な重要な機能を中心的に学習できる。 4. VercelとAWSの2つのバージョンのデプロイ方法を学習して、開発経験を向上させることができます メリットはこんな4つで説明できると思います この講義を聞くと役に立つような方をまとめてみました 1. グローバル状態管理とサーバーAPIに基づいた背景知識があり、繰り返し学習を通じて熟練させたい方 2. バックエンドとフロントエンドを統合して一つのプロジェクトを完成させてみたい方 3. プロジェクト作成から配布まで、すべてのコースを直接体験したい方 4. 繰り返し学習でコードと機能の実装に慣れたい方 序盤にReact Query、Recoil、NextJSなど、その講義で扱う技術スタックについて全体的な説明をする講義が構成されていますが、基礎的な知識がないと理解しにくい場合があります。技術やライブラリーの基礎説明ではなく、活用中心に講義を進めるので、背景知識がない場合は、まず基本的な内容を学習して、この講義を聞くことをお勧めします。 他の講義に比べて進行速度が速く完成するプロジェクト数が多いだけに、短期間に繰り返し機能を実装し、実力向上が体感されることを感じることができるようです。熟練のために講義をお悩みの方はおすすめです。

      • lopun
        知識共有者

        ハックあまりにも詳細に受講坪を書いてくれてありがとう！プロジェクトが多いことを受講生の方々がどのように受け入れるのか多く心配していましたが、むしろ役に立ったと言ってくれてとても感動ですㅎㅎ とにかくすでに講義をほぼ終わらせていますね🫢残りの講義ファイティングです初心者！後半に難しい内容があれば積極的にお手伝いします:)

    • joy40176271님의 프로필 이미지
      joy40176271

      受講レビュー 2

      ∙

      平均評価 5.0

      5

      100% 受講後に作成

      フロントエンド開発をしながら自分だけのWebアプリを作ってみたくて受講を始めました。 Next.jsとSupabaseの連携を一人で試した時はとても難しかったのですが、今回の講義を通じて多くのことを学ぶことができました。 良い講義を作ってくださってありがとうございます！おかげでポートフォリオを3つもおまけで持って帰ることになります😊😊 追加で、現在Next.jsは15バージョンで講義では14バージョンを使用しているため、文法の違いが思ったより多くありました。 講義にバージョンの違いに関する補足資料を追加していただくか、npx create-next-app@14 ... コマンドを使用するよう案内していただければ、学習がより便利になると思います。

      • wjdgus23337358님의 프로필 이미지
        wjdgus23337358

        受講レビュー 2

        ∙

        平均評価 5.0

        5

        70% 受講後に作成

        他の講義のように数十時間ずつなる無駄に長い講義ではなく、 簡潔にコアだけで構成されているので、

        • lopun
          知識共有者

          とても貴重な受講評価ありがとうございます！私もあまり長い授業はついていけないので、10時間以内にできるだけ多くの内容を詰め込んでみました。 よく見てくださって本当にありがとうございます。

      • hamjw01224657님의 프로필 이미지
        hamjw01224657

        受講レビュー 1

        ∙

        平均評価 5.0

        5

        66% 受講後に作成

        Supabaseを使ってみたかったのですが、Next.jsに使ってみると、資料が足りなくて苦労している間にこの講義を聞くようになりました。ツーリストのような簡単なプロジェクトでSupabaseの基本を身につけてから、StorageやAuthのような主な機能も直接実装できることが気に入りました。 ノッションに講義内容の整理も上手くなっていて講義に追いつくのが難しくなく、説明もじっくりしてくださって会社を通いながらも講義をすでにかなり聞いたことがありますね☺️良い講義作ってくれてありがとう。助けてくれました。

        • lopun
          知識共有者

          こんにちはJane！会社を通いながら講義の受講までこんなに早くやりましょうなんてすごくカッコイイです 🫢 受講生の方々がよくご理解いただけるよう、ゆっくり説明していますよㅎㅎ 少し遅いようなら配速機能を活用してもいいと思います。大切な受講評を残してくれてありがとう！

      lopunの他の講座

      知識共有者の他の講座を見てみましょう！

      フロントエンド開発者のためのバックエンド101 (NestJS, TypeORM)講義サムネイル

      フロントエンド開発者のためのバックエンド101 (NestJS, TypeORM)

      lopun

      最も速くバックエンドに入門できるようサポートするNestJS！ 様々な実習プロジェクトを通じて、バックエンドフレームワークであるNestJSとTypeORM、そしてサーバー開発者なら必ず知っておくべき必須の理論知識まで、短期間で習得します。

      初級

      初級

      NestJS, TypeORM, PostgreSQL

      フロントエンド開発者のためのバックエンド101 (NestJS, TypeORM)講義サムネイル

      フロントエンド開発者のためのバックエンド101 (NestJS, TypeORM)

      lopun

      [フルスタック入門] Firebaseより10倍良いSupabase講義サムネイル

      [フルスタック入門] Firebaseより10倍良いSupabase

      lopun

      フルスタック開発を加速させるSupabase！Firebaseの上位互換のSupabaseで、フルスタック開発を2時間で完成させます。

      初級

      初級

      PostgreSQL, Next.js, TailwindCSS

      [フルスタック入門] Firebaseより10倍良いSupabase講義サムネイル

      [フルスタック入門] Firebaseより10倍良いSupabase

      lopun

      Inflearnクローンコーディング Part 2：受講からデプロイまで、本物のInflearnを完成させる講義サムネイル

      Inflearnクローンコーディング Part 2：受講からデプロイまで、本物のInflearnを完成させる

      lopun

      🔥 講義の受講から決済、デプロイまで、受講生が経験する全過程をそのまま実装してみる実践フルスタック講義です。講義の探索、詳細ページ、受講申し込み、動画視聴、受講レビューと質問、カートおよび実際の決済、続きから再生、Docker + AWSデプロイまでをすべて自ら作り、実際のサービスに近いユーザーフローと構造設計を学び、高度なフルスタック経験を完成させます。

      中級以上

      中級以上

      AWS, Docker, Next.js

      Inflearnクローンコーディング Part 2：受講からデプロイまで、本物のInflearnを完成させる講義サムネイル

      Inflearnクローンコーディング Part 2：受講からデプロイまで、本物のInflearnを完成させる

      lopun

      Inflearnクローンコーディング Part 1：Next.jsとNestJSで始める実践プロジェクト講義サムネイル

      Inflearnクローンコーディング Part 1：Next.jsとNestJSで始める実践プロジェクト

      lopun

      🔥 講義の登録から動画のアップロードまで、知識共有者機能をそのまま実装してみる実践フルスタック講義です。Next.js 15とNestJSを活用し、講義の作成、カリキュラム構成、サムネイルおよび動画のアップロード、詳細紹介の作成まで、実際のInflearn（インフラン）の流れに沿って作りながら、Prismaモデリング、JWT認証、S3 + CloudFrontアップロード、Swagger API設計など、実務に近い経験を積むことができます。

      中級以上

      中級以上

      AWS, Docker, Next.js

      Inflearnクローンコーディング Part 1：Next.jsとNestJSで始める実践プロジェクト講義サムネイル

      Inflearnクローンコーディング Part 1：Next.jsとNestJSで始める実践プロジェクト

      lopun

      似ている講座

      同じ分野の他の講座を見てみましょう！

      Vue3とSupabaseで求人求人サイトを作る講義サムネイル

      Vue3とSupabaseで求人求人サイトを作る

      Michael Kwon

      独自のフルスタックアプリケーション開発からプログレッシブWebアプリ（PWA）まで！

      初級

      初級

      Vue.js, PWA, supabase

      Vue3とSupabaseで求人求人サイトを作る講義サムネイル

      Vue3とSupabaseで求人求人サイトを作る

      Michael Kwon

      Inflearnクローンコーディング Part 2：受講からデプロイまで、本物のInflearnを完成させる講義サムネイル

      Inflearnクローンコーディング Part 2：受講からデプロイまで、本物のInflearnを完成させる

      lopun

      🔥 講義の受講から決済、デプロイまで、受講生が経験する全過程をそのまま実装してみる実践フルスタック講義です。講義の探索、詳細ページ、受講申し込み、動画視聴、受講レビューと質問、カートおよび実際の決済、続きから再生、Docker + AWSデプロイまでをすべて自ら作り、実際のサービスに近いユーザーフローと構造設計を学び、高度なフルスタック経験を完成させます。

      中級以上

      中級以上

      AWS, Docker, Next.js

      Inflearnクローンコーディング Part 2：受講からデプロイまで、本物のInflearnを完成させる講義サムネイル

      Inflearnクローンコーディング Part 2：受講からデプロイまで、本物のInflearnを完成させる

      lopun

      プロジェクトで簡単に学ぶSvelte（SvelteKit + Supabase）講義サムネイル

      プロジェクトで簡単に学ぶSvelte（SvelteKit + Supabase）

      Michael Kwon

      体系的な段階のプロジェクト実習と展開、ビルトインストア活用、SvelteKitとSupabaseでフルスタックアプリケーションまで一発で！

      初級

      初級

      Svelte, sveltekit, supabase

      プロジェクトで簡単に学ぶSvelte（SvelteKit + Supabase）講義サムネイル

      プロジェクトで簡単に学ぶSvelte（SvelteKit + Supabase）

      Michael Kwon

      AI時代を生き抜く：Supabaseでバックエンドをサクッと構築！講義サムネイル

      AI時代を生き抜く：Supabaseでバックエンドをサクッと構築！

      zerocho

      AI時代が到来し、開発者に求められる能力はますます複雑になっています。「フロントエンドさえできればいいだろう」と思っていても、自分だけのサービスを作ったりAI機能を組み込もうとしたりすると、結局バックエンドという巨大な壁に突き当たることになります。 しかし、いざバックエンドを始めようとすると、データベース設計、ユーザー認証(Auth)、ストレージ管理、そして複雑なインフラ構築まで、学ぶべきことが多すぎて圧倒されていませんか？もう、その重荷を下ろしてください。 本講義では、これらすべてのバックエンド機能を一気に解決してくれるSupabaseを活用します。複雑なサーバーの知識がなくてもバックエンドを「サクッと」完成させ、アイデアを即座に具現化するフルスタック開発者へと生まれ変わるための、最短の近道をご案内します。

      初級

      初級

      Node.js, DBMS/RDBMS, OAuth

      AI時代を生き抜く：Supabaseでバックエンドをサクッと構築！講義サムネイル

      AI時代を生き抜く：Supabaseでバックエンドをサクッと構築！

      zerocho

      一口サイズでかじり取るNext.js講義サムネイル

      一口サイズでかじり取るNext.js

      winterlood

      「ひとくちシリーズ」の第3弾！世界で最も親切で詳細なNext.js講座です。App Routerだけでなく、Page Routerまでプロジェクトを通じて学んでいきます。

      初級

      初級

      React, TypeScript, Next.js

      一口サイズでかじり取るNext.js講義サムネイル

      一口サイズでかじり取るNext.js

      winterlood

      1時間でAstroを使ってブログを完成させる（Markdown・SSG・デプロイまで一気に）講義サムネイル

      1時間でAstroを使ってブログを完成させる（Markdown・SSG・デプロイまで一気に）

      woongsnote

      この講座は、Astroを初めて触る方でも1時間以内に実際にデプロイされたブログを完成させることを目標としています。 理論の説明は最小限に抑え、コピーしてすぐに実行できるコードとステップバイステップのチェックポイントを中心に進めていきます。 講座が終わる頃には、 👉 「Astroを使ったことがある」ではなく 👉 「Astroで作ったブログを一つ持っている」という状態になります。

      初級

      初級

      TypeScript, Blog, TailwindCSS

      1時間でAstroを使ってブログを完成させる（Markdown・SSG・デプロイまで一気に）講義サムネイル

      1時間でAstroを使ってブログを完成させる（Markdown・SSG・デプロイまで一気に）

      woongsnote

      AI開発チームを運営して、決済・収益化Webサービスを完成させ、ローンチする

      cobaetoo

      💸 実際に決済が発生する収益型ウェブサービスAIエージェント講座！ ❗ ポートフォリオ用のウェブサイト制作はもうやめて、"在庫無限、原価0円"の<AI解説型商品ショッピングモール>を構築します！ 🤖 人間の開発チームと働くように、AI開発チームメンバーと「サービス仕様書」の基礎からしっかりと構築してみましょう！

      初級

      初級

      Next.js, Service Planning, Monetization

      AI開発チームを運営して、決済・収益化Webサービスを完成させ、ローンチする

      cobaetoo

      Flutterでメッセンジャーアプリ作り講義サムネイル

      Flutterでメッセンジャーアプリ作り

      DEV MOO

      FlutterのRiverpodの状態管理とFirebaseを活用してメッセンジャーアプリを制作します。

      初級

      初級

      Flutter, Firebase, riverpod

      Flutterでメッセンジャーアプリ作り講義サムネイル

      Flutterでメッセンジャーアプリ作り

      DEV MOO

      Vue 3 & Firebase 10 コミュニティ作成フルスタック - 「活用編」 (with Pinia、Quasar、Tiptap、VueUse)講義サムネイル

      Vue 3 & Firebase 10 コミュニティ作成フルスタック - 「活用編」 (with Pinia、Quasar、Tiptap、VueUse)

      gymcoding

      Vue3＆amp; Firebase(v10)を活用してコミュニティを作る講義でVue3実践活用法、Firebase基礎から実戦、最新のWeb技術活用法、知識共有者経験共有など多様な方面で開発者として一段階成長できるようにします！

      中級以上

      中級以上

      Vue.js, Firebase, Quasar

      Vue 3 & Firebase 10 コミュニティ作成フルスタック - 「活用編」 (with Pinia、Quasar、Tiptap、VueUse)講義サムネイル

      Vue 3 & Firebase 10 コミュニティ作成フルスタック - 「活用編」 (with Pinia、Quasar、Tiptap、VueUse)

      gymcoding

      アームアームの癖 ファイアベース講義サムネイル

      アームアームの癖 ファイアベース

      seokceed3035

      Androidの洗脳教室に続くサーバーをFirebaseにして置き換えましょう。

      初級

      初級

      Firebase

      アームアームの癖 ファイアベース講義サムネイル

      アームアームの癖 ファイアベース

      seokceed3035

      グルメマップアプリ作り (React Native & NestJS)講義サムネイル

      グルメマップアプリ作り (React Native & NestJS)

      Kyo

      React Nativeを利用して、自分だけのグルメ記録アプリを開発し、リリースする過程を学びます。デザインからフロントエンド、バックエンドの開発、そしてデプロイまで全工程を準備しました。

      中級以上

      中級以上

      React Native, TypeScript, NestJS

      グルメマップアプリ作り (React Native & NestJS)講義サムネイル

      グルメマップアプリ作り (React Native & NestJS)

      Kyo

      Vue.jsとUIを一度に学習/Nuxt3 + OpenWeatherMapでリアルタイム天気アプリ作成講義サムネイル

      Vue.jsとUIを一度に学習/Nuxt3 + OpenWeatherMapでリアルタイム天気アプリ作成

      gis

      Nuxt UI, Nuxt SEO, Nuxt Server Api, Pinia, PWA, Firebase, Email Login, Google Login を 簡単に学べます~~

      初級

      初級

      Vue.js, PWA, Firebase

      Vue.jsとUIを一度に学習/Nuxt3 + OpenWeatherMapでリアルタイム天気アプリ作成講義サムネイル

      Vue.jsとUIを一度に学習/Nuxt3 + OpenWeatherMapでリアルタイム天気アプリ作成

      gis

      一口サイズで切って食べるReact.js実践プロジェクト - SNS編講義サムネイル

      一口サイズで切って食べるReact.js実践プロジェクト - SNS編

      winterlood

      いよいよ実践に挑戦する番です 🔥 React.js + TypeScript + Supabaseで実務レベルのSNSを一緒に開発しながら、認証・認可、無限スクロール、画像アップロード、いいね、無限ネストコメント、ダークモードなどの機能を実装します。この過程で、ZustandとTanstack Queryを利用したサーバーおよびグローバル状態管理の手法も学んでいく予定です。

      中級以上

      中級以上

      React, TypeScript, react-query

      一口サイズで切って食べるReact.js実践プロジェクト - SNS編講義サムネイル

      一口サイズで切って食べるReact.js実践プロジェクト - SNS編

      winterlood

      バイブコーディング With Claude Codeでウェブサービス作り講義サムネイル

      バイブコーディング With Claude Codeでウェブサービス作り

      ref63184917

      現職スタートアップCTOが実際のサービスと複数の外注を通じて得たバイブコーディング知識をお伝えします。

      入門

      入門

      HTML/CSS, JavaScript, Next.js

      バイブコーディング With Claude Codeでウェブサービス作り講義サムネイル

      バイブコーディング With Claude Codeでウェブサービス作り

      ref63184917

      データベースを結合したUnity実践ゲーム制作講義サムネイル

      データベースを結合したUnity実践ゲーム制作

      JEngineer

      データベースと共にUnityで実践的なゲームを作る講座です。 なかなか触れる機会の少ない部分を、講義を通じて解き明かしていくことができます。

      初級

      初級

      C#, Unity, Firebase

      データベースを結合したUnity実践ゲーム制作講義サムネイル

      データベースを結合したUnity実践ゲーム制作

      JEngineer

      [2021]最近誰が有料でウェブサービスを構築するのか、ファイアベースのすべて - Javascript講義サムネイル

      [2021]最近誰が有料でウェブサービスを構築するのか、ファイアベースのすべて - Javascript

      David

      2021年に新しく戻ってきた、＆quot;最近、誰が有料でWebサービスを構築していますが、Firebaseのすべて - JavaScript＆quot;講義！ 1人創業を夢見る初級開発者のためのバイブルになります。

      初級

      初級

      Firebase

      [2021]最近誰が有料でウェブサービスを構築するのか、ファイアベースのすべて - Javascript講義サムネイル

      [2021]最近誰が有料でウェブサービスを構築するのか、ファイアベースのすべて - Javascript

      David

      Claude Code完全ガイド：AIエージェントを使いこなす

      Kyo

      Claude Codeを基礎からプロレベルまで使いこなします。核心機能（CLAUDE.md・サブエージェント・MCP・Hooksなど）を習得して実際のサービスを開発・デプロイまで進め、非専門家のための基礎付録と高度な活用講義で締めくくります。

      入門

      入門

      AI Agent, claude, Vibe Coding

      Claude Code完全ガイド：AIエージェントを使いこなす

      Kyo

      The 10x AI-Native Developer: 会社でAIを使って圧倒的な成果を出す方法

      dingcodingco

      AIはもはや選択ではなく生存の問題です。 3日かかっていた開発を30分に短縮し、反復業務はAIに任せて、あなたはより重要な問題解決に集中してください。 理論ではなく実務ですぐに使えるAIネイティブ開発法で、会社で「AIに強い開発者」として認められる確実な方法をお教えします。

      初級

      初級

      Spring Boot, Next.js, AI

      The 10x AI-Native Developer: 会社でAIを使って圧倒的な成果を出す方法

      dingcodingco

      [VOD] 6週間完成！開発実務のための高濃縮バイブコーディング (Cursor AI, Figma)講義サムネイル

      [VOD] 6週間完成！開発実務のための高濃縮バイブコーディング (Cursor AI, Figma)

      codecamp

      10分で바이브코딩で作れる単純なサービスはもう捨てましょう！ '本当の'実務適用바이브코딩を学ぶことができます。 企画とデザイン通りに実サービスレベルの高度化されたサービスをカーソルAI NCOPで作ってみましょう。 No Code, Only Prompt

      中級以上

      中級以上

      React, Next.js, cursor

      [VOD] 6週間完成！開発実務のための高濃縮バイブコーディング (Cursor AI, Figma)講義サムネイル

      [VOD] 6週間完成！開発実務のための高濃縮バイブコーディング (Cursor AI, Figma)

      codecamp

      Flutter + FirebaseでNetflix UIクローンコーディング [むやみにFlutter]講義サムネイル

      Flutter + FirebaseでNetflix UIクローンコーディング [むやみにFlutter]

      taebbong

      本講義は、FlutterとFirebaseでNetflixのUIをクローンコーディングする講義です！ 最も速くアプリ開発を学べるFlutterを始めましょう:)

      初級

      初級

      Flutter, Clone Coding, Firebase

      Flutter + FirebaseでNetflix UIクローンコーディング [むやみにFlutter]講義サムネイル

      Flutter + FirebaseでNetflix UIクローンコーディング [むやみにFlutter]

      taebbong