利用可能なツール ウェブサイト · 標準搭載

実際のファイルが手元に残るAIウェブサイトビルダー。

「ホーム」で「ウェブサイトを作る」を押し、どんなビジネスなのかを伝えます。いくつか質問に答え、3つのデザインから選ぶと、チャットの横でサイトがセクションごとに作られていきます。変更したい箇所を指し示して編集し、選んだフレームワークで実際のサイトに仕上げます。

  • Next.js、Astro、SvelteKit、Nuxt、Django
  • 220種類以上のテンプレート
  • 自分専用のフォルダーにファイルを保存
作成したCrumb & Co.のベーカリーサイトの最初の画面。メニューバーに「Reserve a loaf」ボタンがあり、朝食用のパンと果物の写真に大きな見出しが重なり、2つのボタンと4つの主要な数値が表示されています。
できること

いくつか答えるだけで、手元に残るサイトができます。

  • チャットでの質問ビジネスの内容を自分の言葉で伝えてください。不足している情報だけを質問します。名前、訪問者に最初にしてほしいこと、写真の入手先などです。どの質問にも「おまかせ」を選べます。
  • 選べる3つのデザインビジネスに合わせてデザインされた3つのテンプレート、ライブラリ全体を見る「その他の見た目」、ロゴの色を反映する「自分のブランド」。
  • 写真手持ちの写真、クレジット表記付きでサイト向けに見つけた実際の写真、または生成画像であることを明記した画像を使えます。
  • 指し示して変更テキストや写真をダブルクリックすると、その場で編集できます。「ポイント」ではページの一部をメッセージに取り込み、「表示」では色や書体を試せます。「履歴」から以前のバージョンに戻れます。
  • チェックして修正デスクトップとスマートフォンの画面幅で、薄い文字、説明のない画像、リンク切れ、タイトルや説明の不足、入力が必要な箇所をチェックします。「修正する」を選ぶと、問題の一覧をエージェントに渡せます。
  • 実際のウェブサイトにするNext.js、Astro、SvelteKit、Nuxt、Djangoから選びます。エージェントがプロジェクトを作成し、承認したデザインと照らし合わせてチェックし、異なる箇所を知らせます。
知っておくと便利なこと
  • サイトとプロジェクトは、パソコンのフォルダー内にファイルとして保存されます。公開先は自由に選べます。
  • サイト用に生成する画像は画像モデルで作成され、Tesseractの利用枠または自分の画像生成キーを使います。自分の写真や無料のストック写真は無料です。
よくある質問

よくある質問

アプリ内のどこにありますか?

「ホーム」で「ウェブサイトを作る」を押してください。またはコマンドパレットを開き、「新しいウェブサイト」を選んでください。

最後に何が手に入りますか?

パソコン上のフォルダーに保存されます。最初はデザイン用のファイルが入っています。通常のHTMLページ、スタイルシート、テーマを表すデザイントークン、画像ファイルです。「実際のウェブサイトにする」を選ぶと、Next.js、Astro、SvelteKit、Nuxt、Djangoの標準的なプロジェクトに変わり、自分や開発者が引き続き作業できます。

無料で使えますか?

アプリは無料です。サイトは会話に使っているAIモデルで作成されます。すでに利用しているClaudeまたはChatGPTのプランを追加料金なしで使うか、無料利用枠を使えます。料金がかかる画像モデルを使うのは、サイト用の画像を生成するときだけです。

既存のプロジェクトから始められますか?

はい。「自分のフォルダーを使う」を選ぶと、新しいサイトではなく既存のプロジェクトを使えます。フォルダーを読み込み、実行方法とテーマを確認します。

サイトは訪問者を追跡しますか?

いいえ。サイトではトラッカーや分析ツールを読み込まないため、Cookieバナーは不要です。フォームがあるサイトではフッターにプライバシーに関する案内を追加し、不明な事実は入力用の角括弧付きの空欄にします。

最初のウェブサイトを作りましょう。

Mac、Windows、Linuxで無料。ほかのツールもすべて含まれています。