megumier

AIでホームページを作る方法 — STEP15/20 Midjourney・Canva AIで画像・アイキャッチを用意する レイアウトや構成がどれだけ良くても、使われている画像の質が低いとサイト全体の印象が一気に安っぽく […]

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チャットを壁打ち相手にして、競