강의

멘토링

로드맵

NEW
Programming

/

Mobile Application Development

Inflearn クローンコーディングで学ぶオールインワンLMSソリューション: Next.js・Flutter・AWS・Supabaseで実装する多言語HLSストリーミング基盤MVPプロジェクト

この講義は単純なクローンコーディングや基礎講義ではありません。 Inflearn(Inflearn)のようなLMS(Learning Management System)プラットフォームをMVP(エム ブイ ピー)レベルで最初から最後まで実装しながら、フリーランサー・1人開発者・スタートアップ初期メンバーが実務ですぐに活用できるオールインワンソリューションを提供します。 Next.js、Flutter、Supabase、Firebase(FCM)、AWS、Vercel、Xcode、Android Studio、ElevenLabs、トスペイメンツまで実際の実務で使用するスタックを一度に扱います。 ウェブとアプリを同時に開発し、ソーシャルログイン、多言語自動ダビング、HLSストリーミング基盤講義再生、決済連動、アップストア・プレイストア配布まで全過程を直接経験できます。 この講義は細かいコード一行よりも、実務で重要な流れ、設定、配布過程に重点を置きました。 したがってフリーランサーとして独立しようとする開発者、スタートアップで迅速にMVPを検証しなければならないチーム、そして実務全般を経験したいジュニア開発者に適しています。

22名 が受講中です。

  • ludgi
실습 중심
ai활용
AI 코딩
SEO
lms
Flutter
AWS
supabase
nextjs

こんなことが学べます

  • 実務レベルのLMS MVP フロー理解

  • Next.jsとFlutterでWeb・アプリ統合プロジェクト作り

  • SupabaseとFirebase(FCM)でバックエンドおよび通知システムを実装する

  • AWS・Vercel・CloudFront・S3・Route53を通じたデプロイ戦略を学ぶ

  • ソーシャルログイン(Google・Apple)直接実装してみる

  • Toss Payments決済システム連携

  • ElevenLabsを活用した多言語自動ダビング体験

  • iOS/Android アプリストア配布及び審査過程を身につける

  • フリーランス実務プロジェクト設計及び管理フロー学習

  • Inflearnクローンコーディングを通じた実務ソリューション制作を経験する

Inflearn クローンコーディングで学ぶ実務型LMSプロジェクト with nextjs

Next.js・Flutter・AWS・SupabaseでMVPソリューションを実装 with Elevenlabs

なぜこの講義なのか?

Online Classesプラットフォームは単純なWebサイトではありません。
会員登録、ソーシャルログイン、決済、通知、デプロイ、多言語対応まで含まれた複合的なシステムです。
多くの講義が特定の技術一つにのみ集中しますが、この講義はサービス全体の流れに沿って実務ですぐに活用できるMVPソリューションを提供します。


扱う核心技術スタック

  • Next.js: ウェブフロントエンドとサーバーサイドレンダリングを同時に扱い、SEOに優しい構造を学習します。

  • Flutter: iOSとAndroidアプリを一度に開発し、WebViewを通じてLMSと自然に連携します。

  • Supabase: データベースと認証、APIバックエンドを簡単に構築し、Firebaseと組み合わせて通知システムを完成させます。

  • AWS: CloudFront、S3、Route53などを活用して実際のサービス配布と運営を経験します。

💡Inflearn クローンコーディングで学ぶ実務型LMS MVPプロジェクト

  • この講義ではnextjsFluttersupabaseAWSを活用して実際のInflearnのようなオンライン講義プラットフォーム(LMS)をMVPレベルで直接実装します。

  • 単純にコードを書き写すのではなく、ソーシャルログイン、決済、通知(FCM)、多言語吹き替え、アプリ配布まで、サービスが完成する全体のプロセスを体験します。

  • このコースはフリーランサー、スタートアップの初期メンバー、またはLMSを準備する事業体の代表に有用であり、実際の実務プロジェクトの草案を確保できる機会を提供します。

この講義の特徴

  • 実務フロー中心:単純にコードを真似する講義ではなく、実際のサービスがどのように企画され配布されるかのエンドツーエンド(end-to-end)フローを体験します。

  • MVPソリューション完成: Next.js、Flutter、Supabase、AWS、Firebaseなど最新スタックを活用してInflearn レベルのLMS MVPを直接実装します。

  • アプリ配布まで含む: ウェブサービス制作にとどまらず、iOS/Androidアプリのパッケージング、ストア審査及び配布プロセスまで扱います。

  • フリーランサー・スタートアップ向けカスタマイズ:フリーランサーのポートフォリオ制作、スタートアップ初期のMVP検証など、すぐに実務に適用可能な成果物を提供します。

  • コードより設定・フローを重視:Firebase設定、AWSインフラ構成、決済連携、多言語自動吹き替えなどサービス運営に必要な核心要素を扱います。

  • 豊富な参考資料:アーキテクチャダイアグラム、デプロイプロセスのキャプチャ、実際のアプリ画面など視覚資料中心の説明で理解を助けます。


💡 核心特徴と差別化ポイント

  • フロー中心の講義:単純に特定機能の実装にのみ集中するのではなく、ウェブ → アプリ → サーバー → デプロイまで、サービス全体の流れに沿って学習します。

  • 実務環境の再現: Next.js、Flutter、Supabase、AWS、Firebase、Vercelなど、実際のフリーランサー・スタートアップ現場でよく使われるスタックをそのまま扱います。

  • MVPソリューション完成: InflearnのようなLMSプラットフォームをMVPレベルで直接作成し、すぐにポートフォリオや社内プロジェクトの初案として活用可能です。

  • アプリ配布を含む:講義でよく抜けがちなiOS/Androidアプリのパッケージング、ストア審査から配布まで全過程を扱います。

  • 非開発者でも理解可能な説明:フリーランサー、開発者だけでなく、スタートアップ代表、企画者、PMも流れを把握できるよう、理論と実習をバランス良く配置しました。

  • 視覚資料と実習中心:アーキテクチャダイアグラム、デプロイプロセスのキャプチャ、実際の実行画面を活用して理解度を最大化します。

こんな方におすすめです

フリーランス開発者になりたい。

実際のプロジェクトフローを経験し、ポートフォリオとして活用したい方。

スタートアップで素早くMVPを作る必要があります。

アイデアを検証する初期バージョンを直接実装したい方

アプリ配布プロセスを知りたいです
iOS/Androidストア審査と配布まで直接体験したい方

💡この講義が必要な受講生

  • ポートフォリオが単純なクローンコーディングレベルなので、実際のサービスに近いプロジェクトを経験したい方

  • フリーランサーとしてプロジェクトの依頼を受けたいが、MVP全体の流れを経験していないため不安な方

  • スタートアップでアイデアを検証する必要があるが、素早くWebとアプリを同時に作らなければならない状況に置かれた方

  • ウェブ開発はできるが、アプリのデプロイとストア審査プロセスは経験したことがない方

  • LMSプラットフォーム(例:Inflearnのようなサービス)を準備中で、開発チームがないため直接初期バージョンを作らなければならない代表/企画者

受講後には

  • Next.jsとFlutterを活用してWebとアプリを同時に開発し、デプロイできるようになります。

  • SupabaseとFirebase(FCM)を連携して認証、通知、データ管理を直接実装できます。

  • AWSとVercelを利用したデプロイプロセスを理解し、実際のサービス運用環境を構築できます。

  • ソーシャルログインと決済システム(トスペイメンツ)連携を実習しながら実務にすぐ適用できます。

  • iOS/Androidアプリのパッケージングとストア審査プロセスを経験し、実際のユーザーにサービスを配布することができます。

  • 多言語自動吹き替え(ElevenLabs)適用を通じて、グローバルサービスを念頭に置いたプラットフォームを設計することができます。

  • 実際のInflearnレベルのLMS MVP初案を確保して、ポートフォリオやスタートアップ検証段階で活用できます。

💡この講義を受講することで得られる変化

  • 単純なクローンコーディングではなく、実際のサービス全体の流れを理解して構築できるようになります。

  • Next.js、Flutter、Supabase、AWS、Firebaseを活用した実務レベルのプロジェクト経験をポートフォリオに追加することができます。

  • ウェブとアプリを同時に開発し、ストア配布まで直接体験しながら自信を得ることができます。

  • ソーシャルログイン、プッシュ通知、決済連携、多言語吹き替えなどの機能を直接実装し、実務ですぐに使える能力を身につけることができます。

  • スタートアップやフリーランスの現場でMVP初案を提案し実行できる実戦能力を確保することができます。

  • 断片的な技術ではなく、サービス運営観点の思考方式を育ててプロジェクトをより大きな絵で見ることができます。

このような内容を学びます。

Flutter: WebViewとアプリパッケージング

単純な画面実装を超えて、サーバーサイドレンダリングと静的ページ生成を活用したSEO フレンドリーなフロントエンド構築方法を学びます。

Flutter: WebViewとアプリパッケージング

一つのコードベースでiOS/Androidアプリを同時に制作し、ウェブビューを通じてLMS機能をモバイルアプリに拡張する過程を扱います。

Supabase: 認証とデータ管理

会員登録、ログイン、ソーシャルログインまで認証フロー全般をSupabaseで実装し、データベースとストレージを活用して実際のサービス運営に近い構造を体験します。

Firebase: プッシュ通知とリアルタイム機能

Firebase Cloud Messaging(FCM)を活用してプッシュ通知を実装し、リアルタイム機能をプロジェクトに適用する方法を学習します。

AWS & Vercel: デプロイとインフラ運営

AWS S3、CloudFront、Route53、SES、そしてVercelを活用して実際のサービスデプロイと運用環境を構成し管理する方法を学びます。

ElevenLabs: 多言語自動吹き替え

AIベースの吹き替えツールを使用して講義を複数の言語に自動変換する方法を学び、グローバルサービスとして拡張できる可能性を探ります。

決済システム:トスペイメンツ連携

実務でよく求められる決済機能を直接実装します。トスペイメンツ連携プロセスを通じて安全な決済フローを構築できます。

アプリ配布:ストア審査とリリース

XcodeとAndroid Studioを活用してアプリをパッケージングし、iOS App Store / Google Play Store審査過程を経て実際のリリースまで経験します。

受講前の参考事項

実習環境

  • 講義はWindowsとMacOSを混合して進行します。

    • 一般的なWeb/アプリ開発とデプロイ準備は、Windows環境でも無理なく進めることができます。

    • iOSアプリのビルドおよびApp Store配布プロセスは、MacOS + Xcode環境が必須です。(Apple開発者アカウントが必要)

  • VS Codeを基本開発ツールとして使用し、追加でAndroid StudioXcodeを活用します。

  • Node.js、npm、Flutter SDKをインストールする必要があり、各オペレーティングシステム別の環境設定は講義でご案内します。

クラウドおよびサービスアカウント

  • Supabase、Firebase、AWS、Vercel、토스페이먼츠のアカウントが必要です。

  • ほとんどの実習は無料ティアで可能ですが、一部のサービスではカード登録が必要な場合があります。

事前知識

  • HTML、CSS、JavaScript の基礎知識があると楽になります。

  • ReactまたはFlutterを一度でも扱った経験があれば、学習速度が速くなります。

学習資料

  • 各セクションごとに進行状況に合わせたプロジェクトファイル(圧縮ファイル)を提供します。

  • 講義の後半および終了段階ではGitHubリポジトリのアドレスを共有して、全体のコードを一目で確認し、直接クローンできます。

  • さらに講義内容の整理はNotionリンクで提供されるため、実習の流れを復習したり参考資料として活用していただけます。

前提知識および注意事項

  • この講義は基礎文法講義ではありません。HTML、CSS、JavaScript、React/Flutterなどの基本スキルをすでに学習された方を対象としています。

  • 小さなトイプロジェクトやクローンコーディングの経験はあるが、サービス全体の流れ(ログイン → 決済 → デプロイ)を初めて経験する方に適しています。

  • Git/GitHub、データベース基礎(SQLまたはNoSQL)程度を知っていれば、スムーズについてくることができます。

  • 「全体的なサービス構築経験はないが、実務の流れを学びたいジュニア開発者・フリーランス志望者・スタートアップ初期メンバー」に適しています。

講義学習に必要な参考事項

1. 実習環境

  • オペレーティングシステム(OS): WindowsとmacOSの併用 (一般的な開発はWindows、iOSアプリのビルドと配布はmacOS + Xcodeが必要)

  • 使用ツール:VS Code(無料)、Android Studio、Xcode(iOS配布時必須)

  • 必須インストール: Node.js、npm、Flutter SDK

  • 推奨スペック:8GB RAM以上、安定したインターネット環境

2. 学習資料

  • 講義中間段階:プロジェクトファイル圧縮(zip)提供

  • 講義の仕上げ段階:GitHubリポジトリのアドレス共有(全体コードの確認およびクローン可能)

  • 追加参考:講義要約・整理はNotionリンクで提供

3. 前提知識および注意事項

  • この講義は基礎概念講義ではありません。HTML、CSS、JavaScript等の基本文法を既に学習した方を対象としています。

  • ReactまたはFlutterで簡単なプロジェクト経験があると楽になります。

  • Git/GitHubの使用、データベース(SQL/NoSQL)の基礎概念があると良いです。

  • 全体的なサービス構築経験はありませんが、実務フローとデプロイプロセスを学びたいジュニア開発者・フリーランス志望者・スタートアップ初期メンバーに適しています。

終了

  • 🚀 これまで学んだ基礎を超えて、一緒に実務の流れを体験してみましょう。最後まで完走すれば、きっと成長した自分に出会えるはずです!

  • 💡 小さなトイプロジェクトを超えて、実際のサービス全体を作る経験をする時間です。最後まで楽しくついてきてください。

  • 👩‍💻 一人では途方に暮れていたプロジェクトも、今回の講義を通して最初から最後まで成し遂げることができます。一緒に挑戦してみましょう!

  • 🙌 難しく見えても一つずつ積み重ねていけば、結局完成します。講義が皆さんの次のステップを開くきっかけになることを願っています。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • フリーランサーとして実務プロジェクトを準備中または進行中の方

  • スタートアップ初期メンバーとしてMVPを素早く構築したい方

  • ウェブとアプリを同時に扱い、デプロイまで経験したい1人開発者

  • 単純な基礎講義ではなく、実際のサービスフローを学びたい方

  • 実際のサービスフローを学びたい方(コードより全体プロセスに関心のある方)

  • Online Classes プラットフォーム(LMS)構築を準備中の事業体代表者や企画者

  • 開発知識があまりなくても、開発チームとコミュニケーションを取りながら初案を具体化したい創業者/代表者

  • フリーランサーとの協業をリードしなければならないPM、企画者、または非開発職群従事者

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

  • HTML、CSS、JavaScriptに関する基礎知識

  • ReactまたはFlutterの基本的な使用経験があれば、より楽になります

  • Git/GitHubを活用した基本的なプロジェクト管理経験

  • 代表者/企画者であれば、開発を直接深く理解していなくても、プロジェクト進行に必要なMVP初案を具体化することができる

こんにちは
です。

508

受講生

22

受講レビュー

8

回答

4.2

講座評価

8

講座

안녕하세요, 주식회사 럿지의 대표입니다.


저는 스타트업, 금융권, 공공기관 등 다양한 분야에서 프로젝트를 진행하며,

개발뿐만 아니라 서비스를 직접 운영하는 경험을 쌓아왔습니다.

 

이 과정에서 팀원 및 프리랜서들과 협업하며 문제를 해결하고 프로젝트를 완성하는 능력을 길렀습니다.


특히, 단순히 개발자로서의 역할을 넘어서 자신의 서비스를 운영하고자 하는 꿈을 가진 분들께 더 많은 도움을 드릴 수 있다고 생각합니다.

 

완성의 즐거움과 성취감을 함께 경험하며 성장해 나가길 기대합니다. 감사합니다.

カリキュラム

全体

44件 ∙ (9時間 11分)

講座資料(こうぎしりょう):

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

受講レビュー

まだ十分な評価を受けていない講座です。
みんなの役に立つ受講レビューを書いてください!

期間限定セール、あと3日日で終了

¥85,800

70%

¥34,075

ludgiの他の講座

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

似ている講座

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