学習スタジオは PC でご利用ください
お手数ですが、画面の大きい PC 環境(または横向きタブレット)から
レッスンページにアクセスしてください。
より快適に学習いただけます
コース詳細に戻るCOURSE【IDE統合】AIコーディング入門
1. IDE統合型AIコーディングとは
スライド
1 / 3
【IDE統合】AIコーディング入門
このレッスンでは、Cursor / Antigravity / VS Code AI 拡張 などの
エディタ統合型AIを使ってWebページを作る方法を学びます。

ポイントはシンプルです。
- 作りたいものを日本語で伝える
- AIがファイルにコードを自動反映する
- プレビューで確認して、追加で修正を依頼する
このレッスンのゴール
- IDE内で「要件→生成→確認→修正」の流れを体験する
- 最低限のHTML/CSSでページを完成させる
- 失敗しにくいプロンプトの型を知る
ノート
💡 まずはチャットだけで始めたい方へ
このレッスンは Cursor / Antigravity / VS Code AI 拡張 などの IDE統合型AI を前提にしています。
まだエディタ連携の準備ができておらず、「まずはブラウザの ChatGPT / Gemini / Claude だけで試したい」という場合は
「【チャット型】AIコーディング入門」コース からスタートするのがおすすめです。
学習スタジオのコース一覧画面から選択して受講できます。
1 / 3