THINKLAB
ADVANCEDAI開発中級

CursorでWebサイトを作る方法

プログラミング初心者が、AIとの対話を使ってWebサイトを制作する基本手順を紹介します。

読了目安 15分更新 2026年7月16日

関連ツール: Cursor · v0 · GitHub Copilot

GUIDE

本文

進め方の基本

Cursorは、エディター内でAIにコード生成や修正を依頼できる開発ツールです。まずは小さなページ(見出しと説明文だけ)から作り、動く状態を保ちながら機能を足していきます。

「全部一気に作って」より、「このファイルのこの関数だけ直して」と範囲を絞ると、原因追跡がしやすくなります。

確認すべきこと

生成コードは必ず実行・表示確認し、エラーメッセージをそのままAIへ戻して修正依頼します。

秘密鍵や本番用の認証情報はチャットに貼らないでください。公開リポジトリに載せる前に、不要なファイルが含まれていないかも確認します。