バイブコーディングで作るゲームウェブページ

Name: バイブコーディングで作るゲームウェブページ
Price: 55000 KRW
Rating: 4.5 (2 reviews)

コーディングを一度もしたことがないですか？それとも、すでに実力者ですか？自分で作ったゲームが、自分で作ったホームページに載っていたら、素敵だと思いませんか？そんな方々のために、この講座を準備しました。

（4.5）受講レビュー 2件

受講生 8名

게임개발

웹개발

앱개발

웹앱

웹디자인

Flutter

dart

netlify

ChatGPT

Vibe Coding

受講後に得られること

開発ツールを理解する
開発言語を理解する
AI時代における私の役割を理解する
ウェブデプロイとホスティングの理解
開発環境のセッティングに対する習熟

講義を開設しています...

コーディングを一度も試してみませんか？
それともすでに実力が良いのですが、新しい時代の開発方法を体験してみたいですか？

私が自分で作ったゲームが私が自分で作ったホームページに上がっているとしたら、想像しても素敵ではありませんか？
そんな夢を実現したかった方のために、この講義を用意しました。

この講義は、開発文法中心の講義ではなく、環境設定に近いです。
特に最近、GPTエージェントモードという機能が追加され、以前はプロの開発者が数日の夜を明るくしなければならなかった結果をわずか数分で作り出すことができました。その言葉は、環境設定だけがうまくいけば製品を撮ることができるという言葉に似ています。
この講義では、まさにその流れを体験しながら、あなたの創造的なアイデアが実際のゲームで、そして実際のウェブページに配布される全過程を経験することになります。

💡少しの意志だけで可能です。
この講義は事前の知識が全く必要ありません。
コーディングを一度もやったことがなくても、各ステップごとに行うだけです。
もちろん既に実力を持っている方なら、「こんなことも可能なの？」と感心します。

過去には単純なゲームでも自分で作ってウェブに載せるまで数多くの設定と複雑なビルド過程を経なければなりませんでした。
サーバー環境を別々に設定し、ホスティングを購入し、ドメインを接続し、数多くのエラーを解決するために数日夜をエビすることもよくありました。開発者の開発の主な時間消費は検索でした。
しかし、AI特異点が近づいてきた今は全く違う世界です。
熟練した人なら、単純なプロジェクトは5分で十分です。はるかに少ない意志で、はるかに良い製品を作ることができます。

単純なコーディング能力は現在中心ではありません。
むしろアイデアがより重要になった。私はアイデアを教えることはできません。しかし、アイデアを通じて製品を撮る簡単な方法はお見せできます。これさえも事実は多くの意志があれば直接調べられる時代でしょう！しかし、この講義はより少ない意志で簡単に実行することができます。

今回の講義を通じて、皆さんは「もうコーディングを知らなくてもこのように作ることができるんだ」という感覚を得て、同時に「このように様々なことを試してみたい」というバイブを手に入れることができます。

このレッスンでは、最近リリースされたGPTエージェントモードとGoogleのホットな言語、 FlutterとDartを活用して独自のゲームを作成し、Webにアップロードするプロセスを直接実行します。

Netlifyによる簡単なWebデプロイ、ドメインとホスティングの概念の理解、 Flutterプロジェクトの基本構造まですべてをカバーします。

あなたを熟達させます。今すぐ始めましょう。 🚀✨

こんな方に
おすすめです

学習対象は
誰でしょう？

開発が初めての方
コーディング経験はないが開発実務を希望する方
個人プロジェクト進行のワークフローを学びたい方

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

flutter (知らなくてもよい)

こんにちは
です。

受講生

受講レビュー

回答

4.8

講座評価

講座

서울과학기술대학교 전자IT미디어공학과 졸업
용산 카투사 Military Police 만기전역
태화 이노베이션 R&D 소프트웨어 연구소 연구원, 싱가폴 암호화폐 거래소 Bitget 에서 요직으로 근무
현재 속세를 떠나 방구석 연구가이자 코더로 활동중

カリキュラム

全体

9件 ∙ (52分)

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

授業資料

セクション 1．講義紹介

2件 ∙ (12分)

セクション 2．開発環境設定

4件 ∙ (17分)

3. Android Studio インストール
04:35
4. Flutter SDKと環境変数の理解とインストール
06:51
5. LLMとエージェントの理解、GPTエージェントモード
03:04
6. Netlifyの登録 / ウェブホスティング、ドメインに関する理解
03:28

セクション 3．ゲーム開発およびアップロード

3件 ∙ (21分)

7. カチカチでゲーム開発 / flutter build
09:19
8. コード簡単説明/オンライン配布/ドメインについて
10:13
9. デブリーフィング & あなたが進むべき方向
02:06

講座掲載日:

最終更新日:

受講レビュー

全体

2件

4.5

2件の受講レビュー

lilag
受講レビュー 2
∙
平均評価 5.0
修正済み
5
100% 受講後に作成
前回に続いて二回目の講義を受講する受講生です。当該講義は単にAIを活用するに留まらず、AIの発達による開発のハードルが下がった現在、自分の夢とビジョンを現実化できるよう障壁を下げてくれる実質的な助けを与える非開発者が実行できるガイドラインとなりました。また受講生への配慮として、分からないような内容も適切な比喩を通して理解しやすいよう配慮した説明も気に入りました。前回の講義に続いて成果物を作るのに助けを与えるだけでなく、今回の講義でも長期的に私たちが考えてみる価値のあることや方向性について悩むことができる良い時間でした。価格に比べてあまりにも満足できる高いクオリティの講義資料だと思います。次回も良い講義でお会いしたいです。ありがとうございます。
- slu
  知識共有者
  前回の講義より初心者の方々に気を配りました。良い評価ありがとうございます^^
hang
受講レビュー 11
∙
平均評価 4.3
4
33% 受講後に作成

￥6,873

sluの他の講座

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

GPT + Bitget APIで作る実践自動売買: 自分だけの先物取引ボット完全実装

slu

GPTとBitget APIを活用し、24時間自動で稼働する実践トレードボットを自作します。大手取引所の主要人材として直接勤務した経験を基に、開発のみされてきた方々が知らない裏の情報や、実戦のコツも伝授いたします。

입문

Excel, bitcoin, ChatGPT

GPT + Bitget APIで作る実践自動売買: 自分だけの先物取引ボット完全実装

slu

似ている講座

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

非専攻者もカーソル+バイブコーディングでウェブサイト作り

Neo

コーディングを全く知らなくても大丈夫です！この講座では、AIツールである「Cursor」と「VibeCoding」を活用し、誰もが簡単にウェブサイトを作成できる方法をお伝えします。実践例題2つに沿って、クリックだけで実践ウェブサイトを作成し、デプロイまで学んでみましょう。

입문

vercel, ChatGPT, Cursor AI

非専攻者もカーソル+バイブコーディングでウェブサイト作り

Neo

非開発者でも4時間でフルスタックサービス開発するバイブコーディング

heyjames

コーディングを知らなくても、フルスタック開発を知らなくても、Rails開発を知らなくても、Inflearnのような複雑なプラットフォームを作ることができます。ウィンドサーフとカーサー、クロードコードを使います。

입문

Ruby, Ruby on Rails, Vibe Coding

非開発者でも4時間でフルスタックサービス開発するバイブコーディング

heyjames

AIで企画から開発まで！LLM主導Next.jsショッピングモール制作

ludgi

v0、cursor AIおよび各種LLMと共に、PRDからAI商品推薦まで！実戦プロジェクトでNext.jsショッピングモールを完成させましょう

초급

nextjs, ChatGPT, LLM

AIで企画から開発まで！LLM主導Next.jsショッピングモール制作

ludgi

知っていれば定時退社できるSpring Bootバックエンドバイブコーディング体験

nullnull8537

IntelliJを使用するJavaバックエンド開発者がClaude Codeを利用して生産性を最大化できる方法をお教えします。特にWindows環境を使用している方が経験するバイブコーディング環境の問題を完璧に解決できるようサポートいたします。

입문

Java, Spring Boot, IntelliJ IDEA

知っていれば定時退社できるSpring Bootバックエンドバイブコーディング体験

nullnull8537

非開発初心者のためのバイブコーディング入門（注意！開発者受講申請禁止！）

openlab

本講義は非開発者向けのコーディング入門コースとして、コーディングに対する漠然とした恐怖心を取り除き、直接ウェブサービスやアプリケーションを制作できる自信を培うことを目標としています。

입문

Git, VSCode, GitHub

非開発初心者のためのバイブコーディング入門（注意！開発者受講申請禁止！）

openlab

2時間で終わるフロントエンドテスト基本機

jasonkang

テストコード！どこから始めなければならないのか、大変な方のために準備しました。テスト作成から、自動化による配布まで一度に！

초급

React, Cypress, Jest

2時間で終わるフロントエンドテスト基本機

jasonkang

AI Vibe(バイブ) コーディングでTodoList Appを一日で作る

usefulit

本コースは、Cursor AI人工知能Cursor AIツールを使用して、質問だけでTodoListアプリを作ってみる動画コースです。

입문

Cursor AI, Vibe Coding

AI Vibe(バイブ) コーディングでTodoList Appを一日で作る

usefulit

ChatGPT API入門講座 - 30分で多国語翻訳機Webフルスタック開発

kyaryunha

ChatGPT APIで30分で多言語翻訳ウェブフルスタックを開発し、人工知能を全く知らなくてもプロダクトに最新の人工知能（ChatGPT API）を導入してみましょう！

입문

ChatGPT, Python, HTML/CSS

ChatGPT API入門講座 - 30分で多国語翻訳機Webフルスタック開発

kyaryunha

FlutterでWebサービスを開発する(1) - Responsive Web

sailingit

最高のクロスプラットフォームFlutter、 FlutterでWebを開発してください。

초급

Flutter, dart, Responsive Web

FlutterでWebサービスを開発する(1) - Responsive Web

sailingit

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

DEV MOO

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

초급

Flutter, Firebase, riverpod

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

DEV MOO

14日間のClaude Code

sorryhyun96

リリースされてすぐに使い始め、14日間使ってみた結果就活生も現職者もすぐに適用できるクロードコード！ (AIコーディング) と、皆にオススメする理由をすぐにお伝えします。

입문

React, Python, Java

14日間のClaude Code

sorryhyun96

シリコンバレーエンジニアと一緒に学ぶStreamlitバイブコーディング

altoformula

🔥 バイブコーディング with Streamlit 🔥 コード一行で自分だけのWebサービスをすぐに作るリアルタイムコーディング体験！ MZ世代の感性に合わせたビジュアル中心の実習型講義、複雑なバックエンド知識は必要ありません。 Streamlitの基礎を学び、実用的なアプリまで直接実装しながら開発感覚を目覚めさせます。今すぐ「自分だけのサービス」をコードでvibeよく完成させてみてください😎💻

입문

Python, streamlit, Vibe Coding

シリコンバレーエンジニアと一緒に学ぶStreamlitバイブコーディング

altoformula

GPT + Bitget APIで作る実践自動売買: 自分だけの先物取引ボット完全実装

slu

입문

Excel, bitcoin, ChatGPT

GPT + Bitget APIで作る実践自動売買: 自分だけの先物取引ボット完全実装

slu

非開発者が4週間で収益化サービスを作る：AIバイブコーディングウェブ + アプリ ALL IN ONE

dingcodingco

コーディング知らなくてもOK！あなたのアイデアをたった4週間で実際の収益に変えてみませんか。 AIと最新ツールを活用して、ウェブサイトとアプリを同時に作り、すぐにサービスまで連結します。

입문

Flutter, Next.js, cursor

非開発者が4週間で収益化サービスを作る：AIバイブコーディングウェブ + アプリ ALL IN ONE

dingcodingco

生成型AIでWebサイト制作から配布まで（w. Chat GPT、Cursor AI、Database）

JEngineer

生成AI（Chat GPT、Cursor AI）を通じてWebサイト開発とデプロイのプロセスを全般的に学習します。

초급

HTML/CSS, JavaScript, Web Application

生成型AIでWebサイト制作から配布まで（w. Chat GPT、Cursor AI、Database）

JEngineer

マーケター向けGA4 Googleアナリティクス eコマース設定実習(2025)

GA4 Guide

一人でインターネットを調べながら学ぶには難しすぎるGA4（Googleアナリティクス）Eコマース設定の核心を、実習を通じて学習することができます。パフォーマンスマーケターやGA4 Eコマースを初めて設定してみる初心者開発者も簡単に理解できるよう、直接cafe24デモショッピングモールに一つ一つ設定しながら練習してみることができます。開発者の役割はchatgptに任せて実習を進めるため、専門的な開発知識のないマーケターやPM/企画者もGA4 Eコマース設定について学ぶことができます。

입문

Google Analytics, Data Engineering, Data literacy

マーケター向けGA4 Googleアナリティクス eコマース設定実習(2025)

GA4 Guide

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

ludgi

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