AIGPAIGP

用AI开始网页制作

无编程基础也能用AI建站。精选课程与资料,助你快速提升。

学习路线图

  1. 01
    1 天

    先体验

    用 Gemini(免费)生成 HTML

  2. 02
    2 周

    打基础

    理解 HTML/CSS/JS

  3. 03
    1 周

    引入 AI 工具

    用 Cursor 或 Copilot 提效

  4. 04
    1 个月

    做真实项目

    把 AI 代码做成作品集

注目のAIサービス

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

月額1,078円

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

查看详情

本格的に学ぶ(スクール)

デイトラ Web制作コース

推广独立サポートあり

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

DMM WEBCAMP

推广徹底学習サポート

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

本町デザインスクール

対面もオンラインも可能

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

本町デザインスクール

マンツーマン・個別指導で学ぶ

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

1回完結

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

查看详情

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

推广個別指導

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

書籍で深める

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

推广¥1,430

楽天ブックスで購入可能

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

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

推广¥2,090

楽天ブックスで購入可能

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

ChatGPT&Gemini生成AI活用ガイド

推广¥1,540

楽天ブックスで購入可能

ChatGPT&Gemini生成AI活用ガイド

とりあえずサーバー契約をしてみる

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

推广初心者こそエックスサーバー

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

エックスサーバー VPS

推广VPSでもエックスサーバー

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

先动手试试

复制本站代码片段并亲自运行。

查找代码
首页ヘルプ