AIでWeb制作を始めよう

Genspark（ジェンスパーク）

AI検索エンジン。Web制作の調査・リサーチに最適。

Perplexity

AI搭載の検索エンジン。技術ドキュメントの要約やコード例の検索に強い。

v0 by Vercel

プロンプトからUIコンポーネントを生成。Next.js/React向き。

Bolt.new

ブラウザだけでフルスタックアプリを生成・デプロイ。

Replit Agent

AIがアプリを自律的に構築。対話しながら開発を進められる。

ChatGPT

コード生成・デバッグ・翻訳・文章作成。万能AIアシスタント。

Google AI Studio

無料枠でHTML/CSS/JSを生成。まず体験したい人向け。

MDN Web Docs

Web技術の公式リファレンス。AIで生成したコードの理解に必須。

Udemy

セール時1,200円〜。HTML/CSS/JS/React/Next.jsまで一気通貫。

Progate

スライド形式で基礎を固める。AIを使う前の土台作り。

デイトラ Web制作コース

業界最安級のWebスクール。実案件レベルの課題で実力がつく。

DMM WEBCAMP

即戦力のスキルを身につけるプログラミングスクール

本町デザインスクール

完全個別指導で、Web・グラフィックデザインを学べるスクールです。教室とオンラインから選べ、定額制プランや卒業後の無期限サポートも特徴です。

ストアカ - AI×Web制作 講座

対面/オンラインで講師に直接質問できる。

ココナラ - Web制作レッスン

自分のペースで個別指導。1対1で学べる。

無料で使える3大AI ChatGPT・Gemini・Claude徹底マスター

楽天ブックスで購入可能

マンガで合格！ 生成AIパスポート テキスト＆問題集

楽天ブックスで購入可能

ChatGPT＆Gemini生成AI活用ガイド

楽天ブックスで購入可能

エックスサーバー レンタルサーバー

初心者の方ほど、ロリポップ・さくらインターネットと月額料金が安い方にいきがち。だけどオプションとか月額料金以外の金額を見た時に、実はエックスサーバーの方が総額や安いときもある。

エックスサーバー VPS

電話サポートあり！安くて高性能。システム開発をするならVPSサーバーは必須！VPSサーバーもやっぱりエックスサーバー