未分類

AIでホームページを作る方法 — STEP13/20【コーディング型】 CursorやGitHub Copilotでコードを書きながら仕上げる v0やBolt.newで大枠ができたら、より細かい部分を自分でコントロールし […]

AIでホームページを作る方法 — STEP12/20【コーディング型】 Bolt.newでプロンプトからサイトごと作る v0がパーツ単位の生成に強いのに対し、Bolt.newは「サイト全体」をプロンプト一つで組み上げてく

AIでホームページを作る方法 — STEP11/20【コーディング型】 v0（Vercel）でUIパーツをAI生成する ここからはコーディング型の世界です。まずはv0。テキストで指示するだけで、実際に動くUIコンポーネン

AIでホームページを作る方法 — STEP10/20【ビルダー型】 Durableで30秒サイト作成を試す 「とにかく最速でサイトを持ちたい」という方には、Durableが一つの答えになります。business名と業種を

AIでホームページを作る方法 — STEP9/20【ビルダー型】 Framer AIでプロっぽいレイアウトを一瞬で作る デザイン性の高さで定評のあるFramerには、テキストで指示するだけでレイアウトを生成するAI機能が

AIでホームページを作る方法 — STEP8/20【ビルダー型】 Wix ADIでAIにデザイン案を作ってもらう ビルダー型の代表格、Wix ADI（Artificial Design Intelligence）を実際に

AIでホームページを作る方法 — STEP7/20 自分に合うAI制作方法を選ぶ（AIビルダー型 vs AIコーディング型） ここまででサイトの目的、そして競合とペルソナが見えてきました。次に決めるべきは「どの道具で作る

AIでホームページを作る方法 — STEP6/20 AIチャットで競合サイト・ペルソナをリサーチする デザインもコピーも、土台となる「相手を知ること」が甘いと後で必ず作り直しになります。AIチャットを壁打ち相手にして、競

AIでホームページを作る方法 — STEP 5/20 Claudeでキャッチコピー・見出し文をブラッシュアップする サイトマップができたら、次は言葉の力でページに命を吹き込む番です。文章表現に強みを持つClaudeを使い

AIでホームページを作る方法 — STEP 4/20 ChatGPTに聞きながらサイト構成(サイトマップ)を作る 目的とターゲットが固まったら、次はサイトに必要なページと情報の順序を決める番です。ChatGPTを使って、