非エンジニアからバイブ・コーディングできるようになるまでの学習ロードマップ
開発の経験が一度もない「非エンジニア」が、AIを使ったバイブ・コーディングができるようになるまでのロードマップ講座になります。何をどういった手順で学べば良いのか、どうすれば最短でVibe Codingでプロダクト開発ができるようになるのかを体系的に学べます。
Course curriculum
-
-
本講座で学べる事
無料プレビュー -
※Discordサーバーで質問対応中
-
まずは全体像を把握しよう
無料プレビュー
-
-
-
Webの3層構造
-
API
-
ブラウザの仕組み(HTTP入門)
-
-
-
CursorをPCにインストールしよう
-
Linuxの基礎コマンドを理解しよう
-
Node.js環境を整えよう
-
【補足】Cursorの細かい設定を知りたい方
-
-
-
HTMLの意味と基礎を理解しよう：その①
-
HTMLの意味と基礎を理解しよう：その②
-
バイブ・コーディングを試してみよう
-
CSSの意味と基礎を理解しよう
-
padding / margin / border
-
Flex Box
-
Grid
-
メディアクエリとブレイクポイント
-
-
-
バイブ・コーディングでWebサイトを作ってみよう
-
Webサイトをもっとリッチにしてみよう
-
Webサイトを公開する仕組み
-
Netlify DropでWebサイトを公開してみよう
-
-
-
変数
-
再代入とlet / const
-
基礎文法：if文
-
基礎文法：for文
-
関数(function / 引数 / return)
-
import / export / default export
-
map / filter
-
DOM
-
About this course
- 69,800円
- 46回のレッスン
- 4時間の動画コンテンツ