Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
Programming

/

AI Coding

非専攻者でも可能な超簡単グループチャット作り(バイブコーディング、Cursor AI)

この講義をすべて受講し、応用すれば皆さんだけのサイト、アプリを作ることができます。この講義はCursor AIを利用して、私たち家族だけのためのグループチャットルームをWebサイトとして作成しながら、コーディングの流れを自然に習得するバイブコーディング入門講義です。App開発者アカウントやMacBookなしで、Windows環境だけでも開発を知らなくても誰でも簡単に真似することができ、実際のWebサイトとして配布する方法も学びます。

  • teracokr
실습 중심
AI 코딩
AI 활용법
토이프로젝트
Firebase
Next.js
vercel
Cursor AI
Vibe Coding

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

こんなことが学べます

  • Vibeのコーディングを最も効率的に学べます。

  • 実習中心: そのまま進めるだけで完成する実践チャットウェブ

  • Firebaseのコアサービス(Auth, Firestore)完全攻略

  • Vercelでデプロイまで一気に!

👨‍👩‍👧‍👦私の子供のためのプライベートメッセンジャー、自分で作りました


もしこのような悩みをしたことがありますか?

「小さな子供が商用メッセンジャーを書くのが心配です…」
家族同士しか使えない、
安全なメッセンジャーがあってほしい!」


広告も多く、見知らぬ人とつながることもある
通常のメッセンジャーではなく
私たちの家族だけが利用できる、
簡単で安全なメッセンジャーがあったらと思いました。


だからFlutterとFirebaseを使って
直接私たちの家族専用のメッセンジャーを作りました。
(このレッスンではWeb + Firebaseを使用します。)


iPhone、iPad、Android携帯電話…
家族が使用する機器のオペレーティングシステムはそれぞれです。
クロスプラットフォームをサポートするFlutterを選択しました。



🧑‍💻ところで、これをどう作ったのでしょうか?


まさに最近流行するという「バイブコーディング」です!


私はApple、Google開発者アカウントを持っているので
実際の機器に設置までしてみましたが、

しかし、この講義ではそのようなアカウントがなくても、
Windows環境で誰でも簡単にフォローできるように
Webベースのメッセンジャーバージョンで用意しました。

一度バイブコーディングに触れることが重要ですから!



📚この講義はこんな方のための講義です!


  • 開発一つも知らなくても大丈夫だろうか?」

  • MacBookなしでWindowsだけがある環境で始めたい人

  • 実際に働くウェブサイトを私の手で作りたい方

  • 家族、カップル、友達同士で書く自分だけのメッセンジャーを作ってみたい方




🎥講義はこのような順序で行われます。


  1. 完成したWebメッセンジャーのデモンストレーション- まず、結果を見てやる気を起こさせる!

  2. Firebase、GitHub、Vercel アカウントを作成する— 本番準備手順

  3. Node.jsのインストールと環境の構成- 開発環境の設定も次々に

  4. Cursorインストール(AIコーディングヘルパー) - コーディングが初めてでも心配はありません!

  5. 本格的なメッセンジャーコーディングを開始- 直接機能を実装しましょう

  6. Vercelを介したリアルタイムWeb配信- 私が作ったメッセンジャー、世界に公開!



🌟実際に動作する、独自のWebメッセンジャー


このレッスンではコーディング言語を教えていません。
バイブコーディングをする方法だけを学びます。

そしてこうして作ったメッセンジャーは
実際に友人や家族と使用できる
本物のメッセンジャーのウェブサイトを完成させます。



🌱そして、次の挑戦はFlutterアプリです!
(このレッスンではモバイルアプリは作成しません)


ウェブでメッセンジャーの構造と原理を身につけたら、
今はモバイルアプリにも皆さんが直接挑戦してみてください!


Flutterは1回のコードで
iOS、Android、Webまで同時に開発できる素晴らしいツールです。
いつかあなたも
家族のための自分だけのアプリ、自分で作れます。


コーディングが初めてでも大丈夫です。
一番簡単な出発線から、実戦まで一緒に行きます。
私たちだけのメッセンジャーを作る準備ができましたか

こんな方に
おすすめです

学習対象は
誰でしょう?

  • 直接動作するチャットを作ってみたい入門者

  • Firebaseの実践活用法を学びたい方

こんにちは
です。

224

受講生

18

受講レビュー

4

回答

4.8

講座評価

2

講座

안녕하세요. 코딩 및 개발을 체험하면서 서비스까지 만들어보는 강의를 하는 체험코딩입니다.

カリキュラム

全体

11件 ∙ (1時間 21分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

15件

4.7

15件の受講レビュー

  • shbaek894813님의 프로필 이미지
    shbaek894813

    受講レビュー 1

    平均評価 5.0

    5

    36% 受講後に作成

    • jjhgwx님의 프로필 이미지
      jjhgwx

      受講レビュー 495

      平均評価 4.8

      5

      27% 受講後に作成

      Thank you for the great lecture!

      • teracokr
        知識共有者

        I'm glad and thankful you listened well, despite my inadequate lecture. Any questions, please ask anytime~

    • terroir7137824님의 프로필 이미지
      terroir7137824

      受講レビュー 1

      平均評価 5.0

      5

      45% 受講後に作成

      • yebak0419님의 프로필 이미지
        yebak0419

        受講レビュー 8

        平均評価 5.0

        5

        36% 受講後に作成

        • one00su님의 프로필 이미지
          one00su

          受講レビュー 2

          平均評価 4.5

          5

          36% 受講後に作成

          I don't know what it is, but it's fun ^^;;

          • teracokr
            知識共有者

            Hello kyoungmin Han, thank you for leaving a course review. If there are parts you don't understand well, please leave them on the community's Q&A board, and I will explain as much as possible. Please don't give up and challenge yourself to the very end, Once you complete all lectures, definitely try challenging yourself to create other apps as well!

        ¥1,167

        teracokrの他の講座

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

        似ている講座

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