AIホームページ​作成ツール。 胸を張って見せられるホームページを。

Playcodeは、ビジネスのためのAIホームページ作成ツールです。仕事の内容を説明するか、今あるサイトを共有してください。AIが文章を書き、スマホ、タブレット、パソコンの画面に合わせてページをデザインします。何でも頼んで変更でき、プレビューで各サイズを確認して、ホスティング込みで公開できます。行き詰まったときは、Playcodeのチームに相談できます。

アカウントの作成にクレジットカードは不要です。お試し用のAIクレジットは、お住まいの国と登録時のオファーによって異なります。

仕組みを見る
Playが看板で女性の新しいホームページをお披露目し、彼女はそれをスマホで見せています。その下では、スーツ姿の3人が古くさいホームページを隠しています。

Playcode発のプロジェクト、260万件超。次は、自分の番。

「作ってくれてうれしいです。20年も待っていました。」

Axe USAを立ち上げ中のDanielさん

「自分のサイトを共有し、プロンプトを使って、理想のホームページを簡単に作れた」

Audrey W./G2のレビュータイトル

「ホームページもアプリも、簡単に作れる」

ST U./G2のレビュータイトル
G2でPlaycodeのレビューを読む
空は、すでに飛び立った小さなロケットでいっぱいです。地上では、コーヒーを手にした女性が、発射台で準備の整った自分のロケットの横で空を見上げています。そばでPlayが、手のひらを広げてその空を示しています。

AIでホームページをデザインし、自分の言葉でカスタマイズ。

どんな見た目にしたいかを説明するか、気に入っているサイトを共有してください。Playcodeがレイアウトをデザインし、ブランドに合う配色とフォントを選んで、文章を書きます。どれも、頼めば変更できます。

  • Playがボードに大きな見出しのブロックを並べ、女性がうなずいています。

    仕事が伝わる文章。

    ビジネスに合わせた見出し、サービスページ、よくある質問を、プロフェッショナルなトーンでも自分らしい語り口でも書いてもらえます。言いたいことが伝わるまで、編集を続けましょう。

  • Playが大きなホームページのボードでセクションを入れ替え、絵の具のパレットを持った女性がうなずいています。

    レイアウト、配色、フォント。

    新しいレイアウト、もっと温かみのある配色、すっきりしたフォントなどを頼んで、変化をライブプレビューで確かめられます。

  • Playが大きな筆で、ロケットにシンプルなマークを描いています。

    ロゴ案、画像、アイコン。

    ページに使うロゴ案、アイコン、画像を生成したり、手持ちのブランド素材を持ち込んだりできます。見た目は、同じプロジェクトで磨いていけます。

  • Playが、飛び立つロケットを撮影しています。

    動画、音声、音楽。

    短い動画クリップを生成したり、画面とキャプションからプロダクト動画を組み立てたりできます。役立つところには、音声でのあいさつやサウンドトラックも加えられます。

  • Playが同じホームページを表示したスマホ、タブレット、ノートパソコンを掲げ、女性がスマホを確認しています。

    あらゆる画面サイズに。

    Playcodeは、スマホ、タブレット、パソコンの画面に合わせてページを作ります。プレビューを切り替えて、公開する前にそれぞれのサイズを確認してください。

画像、動画クリップ、サウンドトラックを作ってページに追加するところまで、同じ会話のなかでPlaycodeに頼めます。

画像、動画、サウンドの生成は有料プランで利用でき、クレジットを使います。公開する前に、ビジュアルを確認し、音声を聞いてください。

プロダクト動画のレンダリングはPlaycode Cloudで実行され、プロジェクトのリソースを使います。

AIでホームページを作るには?

AIホームページ作成ツールでは、ビジネスについてプロンプトで説明すると、AIがレイアウトからページ、文章まで、ホームページを生成します。Playcodeでは、ライブプレビューで確認しながら言葉で頼んでカスタマイズし、スマホのサイズでもチェックしてから、ホスティング込みで公開できます。

  1. 女性がPlayに、自分の仕事の写真とページのスケッチを見せています。

    作りたいホームページを説明する。

    どんなビジネスで、お客様は誰で、訪問者に何をしてほしいのかを、プロンプトに書いてください。参考資料や今のサイトを添えることもできます。ページ、文章、ビジュアルの構成は、Playcodeが一緒に考えます。

  2. 女性が大きなプレビュー画面で自分のホームページを指さし、Playがブロックを動かしています。

    デザインをカスタマイズする。

    ホームページが形になっていく様子を、ライブプレビューで見られます。新しいレイアウト、別の配色、もっと分かりやすい見出しなどを頼みましょう。Freeプランのホームページなどの静的サイトなら、ビジュアルエディターでテキストやスタイルを自分で編集することもできます。

  3. 女性がタブレットで自分のホームページのボタンをタップし、Playがチェックリストに印を付けています。

    確認して、公開する。

    訪問者になったつもりで、デスクトップ、タブレット、スマホの各サイズでホームページを試しましょう。内容、リンク、フォームも確認してください。準備ができたら公開し、その後も改善を続けましょう。

デザイナーに依頼するつもりで、プロンプトを書く。

どんな仕事をしているのか、ホームページは誰のためのものか、訪問者に次に何をしてほしいのかを書きましょう。載せたいページと情報も挙げてください。Playcodeは、作り始める前にいくつか質問することがあります。

  • 飲食店

    バレンシアにある、うちのビストロのホームページを作ってください。朝食、メイン料理、デザートを写真と価格付きで載せ、店内の写真ギャラリー、営業時間、WhatsAppでメッセージを送れるボタンを入れてください。

    AIデザイン案:バレンシアのビストロ「Vellut」のホームページです。朝食の写真、価格付きの料理3品、WhatsAppのボタンを、パソコンとスマホの画面で表示しています。
  • 会計事務所

    私の会計事務所の、プロフェッショナルなホームページを作ってください。3つのサービスと料金の仕組みを説明し、チームを紹介して、初回の電話相談をメールで気軽に申し込めるようにしてください。

    AIデザイン案:マンチェスターの会計事務所「Kenyon & Osei」のホームページです。顧客との打ち合わせの写真、初回の電話相談をメールで申し込むボタン、3つのサービスを、パソコンとスマホの画面で表示しています。
  • ウェディングフォトグラファー

    私のウェディングフォトのポートフォリオを作ってください。代表作を画面幅いっぱいに見せるギャラリー、私について語る短いストーリー、3つの撮影プラン、お問い合わせページを入れてください。

    AIデザイン案:湖水地方のウェディングフォトグラファー「Clara Wrayburn」のポートフォリオです。暗い色のページに、雨の中のカップルを写した画面幅いっぱいの写真を、パソコンとスマホの画面で表示しています。
  • オンライン講座

    6週間のオンラインヨガ講座のランディングページを作ってください。どんな人向けの講座か、受講者が毎週学ぶ内容、受講料、メールで参加枠を予約できるボタンを入れてください。

    AIデザイン案:オンラインヨガ講座「Ilse Brink Yoga」のランディングページです。コバルトブルーとサフランイエローの配色に、開講日、受講料、メールで参加枠を予約するボタンを、パソコンとスマホの画面で表示しています。

これらのデザインは、プロンプトをもとにAIが描いたデザイン案で、Playcodeで作ったホームページのスクリーンショットではありません。短いプロンプトでもかまいません。最初のバージョンができたあとで、何でも変更できます。

今あるホームページを、リニューアル。

ビジネスは先へ進んでいます。ホームページも、先へ進めましょう。

今のホームページを共有して、古く感じるところ、残したいところ、訪問者に次にしてほしいことをPlaycodeに伝えてください。スマホとパソコンに合わせたモダンなデザインに作り直してもらい、プレビューで各サイズを確認できます。ドメインを切り替えるまで、今のサイトは公開されたままです。

ログインが必要なページなど、Playcodeが読み取れないページの内容は、ご自身で用意してください。顧客の記録、予約、連携しているサービスは、別に移行が必要です。

Playが、つぎはぎの古いロケットを炎のようなオレンジとクリーム色に塗り直しています。

ホスティング​込みで公開。ホームページを磨き続ける。

PlaycodeのホスティングとHTTPSで公開できます。Playcodeの無料アドレスを使うことも、有料プランなら独自ドメインを接続することもできます。Playcodeでドメインを購入すれば、接続まで任せられます。

次のサービスを追加する。最新の実績を見せる。新しい商品に専用のランディングページを用意する。同じプロジェクトを開いて変更を頼み、公開する前に確認しましょう。

スマホのブラウザから続けることも、誰かを招待して一緒に作業することもできます。ホームページは、ビジネスの成長に合わせて変わっていけます。

ドメインの登録と更新の費用は、登録済みのカードに別途請求されます。

Playが飛行中のロケットに新しいモジュールを取り付け、女性がスマホで変更を確認しています。

お客様にGoogleで見つけてもらえるホームページに。

ホームページを公開したら、次は、お客様がどんな言葉でサービスを検索しているのかを調べましょう。

検索で使われるキーワードと、そのキーワードで上位に表示されるページを、Playcodeに調べてもらえます。その結果をもとに、役に立つサービスページを書いたり、サービスの内容を分かりやすくしたり、今あるコンテンツを改善したりしましょう。

Google Search Consoleを接続すれば、どんな検索でサイトが表示され、どれくらいクリックされているかを確認できます。Google Lighthouseでの速度チェックを頼み、改善点に順に取り組みましょう。

SEOの調査とホームページは同じプロジェクトにあるので、分かったことを次の更新に生かせます。

有料プランで公開したサイトは、検索エンジンがインデックスできます。Freeプランのサイトはインデックスされません。有料プランでは、検索の調査にクレジットを使い、調査は依頼したときに実行されます。

Playがサーチライトを照らし、虫眼鏡を持った人たちを発射場へ導いています。

公開前のチェックと、行き詰まったときに頼れる人。

見た目の良いページは、お客様がボタンをタップしたときにも、きちんと動く必要があります。

Cloudプロジェクトでは、Playcodeのエージェントがテストを書いて実行し、ブラウザでサイトを開いて、スクリーンショットを確認できます。予約など、訪問者が行う操作のチェックを頼み、お客様がつまずく前に、見つかった問題を順に直してもらいましょう。結果を確認し、その流れをご自身でも試してください。

技術的な問題で行き詰まったら、何をしようとしていたかをPlaycodeのチームに伝え、プロジェクトを共有してください。担当者が一緒に問題を調べ、次の一歩に進めるようお手伝いできます。

Playcodeのエンジニアが懐中電灯でロケットの中を点検し、Playがボタンをテストしています。

コードが自分のものになる、AIホームページ​作成ツール。

ホームページを支えるコードは、ご自身のものです。テストも含めたプロジェクト全体をエクスポートできます。レンタルしたどのVPSでも動かせますし、ほかの開発者に引き継ぐこともできます。

稼働中のデータや連携サービスがあるホームページを移す場合は、その移行も計画する必要があります。プロジェクトを次にどこへ進めるかは、ご自身で決められます。

Playが女性に、彼女のロケットの鍵と設計図を手渡しています。

まずはホームページから。必要になったら、アプリに育てる。

ホームページだけで完結してもかまいません。そこから何かが始まることもあります。

クライアントがログインして、自分の書類を見られるようにする。仕事の進め方に合わせた予約の流れを作る。自社の資料をもとに質問に答えるAIアシスタントを加える。

こうした機能は、必要になったときにPlaycode Cloudで同じプロジェクトに組み込めます。Cloudアプリの公開には有料プランが必要で、機能によっては外部サービスと利用料も必要です。

Playとエンジニアが、ロケットに新しいモジュールを取り付けています。ログイン用のドア、時計、スピーカーです。

最初の下書きから次の変更まで、含まれるもの。

文章、デザイン、ホスティング、そして公開後の作業まで。いつでも戻ってこられる、ひとつの場所にあります。

  1. ページと文章。 ビジネスに合わせて書いた見出し、サービスページ、よくある質問。
  2. レイアウト、配色、フォント。 ブランドに合ったデザイン。頼めば変更できます。
  3. 画像とロゴ案。 有料プランでページ用に生成できます。手持ちの素材も使えます。
  4. 動画とサウンド。 短い動画クリップ、プロダクト動画、ナレーション、音楽。有料プランで使えます。
  5. スマホ、タブレット、パソコン向けのレイアウト。 Playcodeが各サイズに合わせてページを作ります。公開する前に、プレビューで確認してください。
  6. ビジュアルエディター。 静的サイトなら、テキストやスタイルを自分で調整できます。
  7. ホスティングとHTTPS。 Playcodeの無料アドレス、または有料プランで独自ドメイン。
  8. ドメイン。 有料プランなら、Playcodeでドメインを購入すると、接続まで任せられます。登録の費用は別途かかります。
  9. SEOの調査。 キーワード、競合ページ、Search ConsoleとLighthouseでのチェック。有料プランで使えます。
  10. 成長に合わせた拡張。 有料プランなら、Playcode Cloudでログイン、予約、AIアシスタントを加えられます。
  11. 自分のものになるコード。 プロジェクト全体をエクスポートして、レンタルしたどのVPSでも動かせます。
  12. 相談できる人。 技術的な問題は、Playcodeのチームと一緒に調べられます。

AIホームページ​作成ツールの料金は?

Playcodeは無料で始められます。一般公開の静的なホームページなら、Freeプランの上限内で、Playcodeのブランド表示付きのままPlaycodeのアドレスに置いておけます。Proプランは月額$19、または年額$199(月あたり$17)で、AIの作業に使える76クレジットが毎月付き、独自ドメインとCloudでの公開も使えます。Maxプランは月額$100からです。

Playが小さなガラス瓶に、コインを何枚か入れています。
ホームページに合ったスタート地点を選ぶ。
ホームページに必要なものFreeプラン有料プラン
料金$0Proは月額$19、または年額$199(月あたり$17)。Maxは月額$100から
一般公開の静的なホームページPlaycodeのアドレスとブランド表示。Freeプランの上限内。検索エンジンにはインデックスされませんプランの上限内で公開。検索エンジンがインデックスできます
作成と修正に使うAI条件を満たすアカウントにお試しクレジットプランに含まれるクレジット。作業が増えたら任意でチャージ
独自ドメイン含まれませんドメインを接続または購入。登録と更新は別料金
アカウント、保存データ、そのほかのCloud機能Cloudでの公開は含まれませんCloudで公開。プランと利用の上限あり

最初のバージョンには、はっきりした役割を持たせましょう。サービスを説明し、実績を見せ、訪問者に次の一歩を示すことです。機能を増やす前に、そのバージョンとクレジットの使用状況を確認してください。

クレジットは、計画、構築、チェック、修正といったAIの作業に使われます。合計は、作る範囲と変更の量によって変わります。サブスクリプションは、完成したホームページの固定価格の見積もりではありません。

AIホームページ​作成ツ⁠ールについての​よくある質問

更新日:

Playが発射塔の階段でノートパソコンを使って作業し、その隣で女性がコーヒーを手に座っています。
  • AIホームページ作成ツールとは何ですか?

    AIホームページ作成ツールは、説明をもとにホームページを生成するツールです。ビジネスについてプロンプトで説明すると、AIが文章を書き、レイアウトをデザインし、サイトを作ります。同じ種類のツールには、AIホームページ生成ツール、AIサイト作成ツール、AIウェブサイトビルダーといった呼び方もあります。Playcodeでは、ライブプレビューでホームページを確認しながら、言葉で頼んで変更し、ホスティング込みで公開できます。

  • AIにホームページを丸ごと作ってもらえますか?

    はい、最初のバージョンなら作れます。ビジネスについて説明すると、Playcodeが見出しとページの文章を書き、有料プランでは画像やロゴ案も生成して、確認用のホームページを作ります。AIが生成したホームページは、下書きとして扱ってください。事実、価格、連絡先を確認し、納得がいくまで変更を頼みましょう。ログインや予約などのアプリ機能には、さらにいくつかの手順と、Cloudで公開するための有料プランが必要です。

  • AIでどんなホームページを作れますか?

    サービス業のホームページ、ポートフォリオ、ひとつのサービスのためのランディングページ、ブログ、飲食店やイベントのサイト、今あるサイトのリニューアルなどです。詳しくは、業種別のAIホームページ作成ツールをご覧ください。

  • Playcodeは無料のAIホームページ作成ツールですか?

    はい、ただし制限があります。Freeプランでは、一般公開の静的なホームページを、Playcodeのブランド表示と利用上限付きでPlaycodeのアドレスに公開できます。Freeプランのサイトは検索エンジンにインデックスされませんが、有料プランなら検索エンジンがインデックスできます。条件を満たすアカウントには、お試し用のAIクレジットが付与されます。付与の有無と量は、登録時のオファーと国によって異なります。より多くのAIの作業、独自ドメイン、コードのエクスポート、Cloudでの公開には、有料プランが必要です。Freeプランを含むすべてのプランで、プロジェクトを非公開にできます。

  • ホームページのホスティングは含まれますか?

    静的なホームページのホスティングは、プランの上限内でPlaycode Pagesに含まれます。Freeプランの静的サイトはPlaycodeのアドレスを使い、Playcodeのブランドが表示されます。バックエンドやデータベースのあるアプリはPlaycode Cloudを使います。Playcode Cloudには有料プランが必要で、リソース、残高、サービスの上限があります。ドメインの登録と更新は、別途購入が必要です。

  • ホームページの費用はいくらですか?

    Freeプランは$0で、一般公開の静的なホームページを、Playcodeのブランド表示付きでPlaycodeのアドレスでホスティングします。Proプランは月額$19、または年額$199(月あたり$17)で、毎月76クレジットが付きます。Maxプランは月額$100からです。AIの作業にはクレジットを使うため、合計はホームページの規模と、依頼する変更によって変わります。Cloudアプリ、連携サービス、ドメインで費用が増えることもあります。サブスクリプションは、完成したホームページの固定価格の見積もりではありません。詳しくは、プラン、含まれる枠、上限をご覧ください。

  • スモールビジネスに合うAIホームページ作成ツールは?

    ホームページが果たすべき役割に合ったツールです。サービスを紹介する1ページのサイト、複数ページのサービス業のサイト、今あるサイトのリニューアル、のちに予約やログインを受け付けたいホームページでは、それぞれ必要なものが違います。Playcodeが向いているのは、ホームページ全体の文章と構築をAIに任せ、会話しながら変更を続け、コードを自分のものにしたい場合です。詳しくは、AIウェブサイトビルダーの比較をご覧ください。

  • コーディングの知識は必要ですか?

    いいえ。作りたいものを普段の言葉で説明すれば、AIでホームページを作れます。静的サイトなら、対応している変更をビジュアルエディターで行うこともできます。ホームページの裏側のコードは、Playcodeが作ります。ただし、公開する前に内容を確認し、訪問者が行う操作を試す必要はあります。

  • ChatGPTでホームページは作れますか?

    はい。ChatGPTはホームページのコードを書けますし、ChatGPT Sitesで公開することもできます。Playcodeは、最初の下書きのあとまで見すえて作られています。ページ、ライブプレビュー、ホスティング、その後のすべての変更がひとつのプロジェクトにまとまり、技術的な問題で行き詰まったときはPlaycodeのチームに相談できます。詳しくは、ChatGPT Sitesの仕組みをご覧ください。

  • AIホームページ作成ツールの限界は?

    AIはあいまいな依頼を読み違えることがあります。公開する前に、すべてのページ、特に事実、価格、法的な文言、連絡先を確認してください。決済や予約などの連携には設定が必要で、なかには独自の料金がかかる外部サービスが必要なものもあります。AIの作業にはクレジットを使います。検索順位や集客を約束できるツールはありません。何が効果的かは、実際の訪問者で試して確かめる必要があります。

  • 今あるホームページをリニューアルできますか?

    はい。アドレスを共有して、残したい点と変えたい点を説明してください。Playcodeは、アクセスできる公開ページを参考にできます。読み取れない内容は、ご自身で用意してください。ドメインを切り替える前に、新しいホームページを確認しましょう。顧客の記録、予約、プラグイン、連携サービスには、別に移行作業が必要です。

  • ホームページはGoogleの検索結果に表示されますか?

    有料プランなら、検索エンジンがホームページをインデックスできます。Freeプランのサイトはインデックスされません。検索結果での順位は、コンテンツ、競合、リンクしてくれるサイトによって変わります。キーワード、競合ページ、被リンク、検索結果の調査をPlaycodeに頼んで、ホームページを改善しましょう。検索の調査には有料プランが必要で、新しく調べるたびにクレジットを使います。Lighthouseでの速度チェックを頼んだり、Search Consoleを読み取り専用で接続して、検索でサイトがどう見つけられているかを確認したりもできます。検索順位、アクセス数、AIによるおすすめは保証されません。

  • 独自ドメインを使えますか?

    はい、有料プランで使えます。お持ちのドメインを接続することも、Playcodeで購入することもできます。Playcodeで購入したドメインは、接続までPlaycodeが行います。お持ちのドメインは、現在の管理会社で設定の変更が必要な場合があります。登録と更新の費用は、登録済みのカードに別途請求されます。

  • 公開後もホームページを編集できますか?

    はい。同じプロジェクトを開き、新しいページの追加や、レイアウト、配色の変更などを頼んで、公開する前に確認してください。AIによる編集にはクレジットを使います。静的サイトなら、対応しているビジュアル編集で、内容やスタイルをご自身で調整できます。共同作業者を招待して、アクセス権を選ぶこともできます。

  • ホームページはスマホに対応していますか?

    はい。Playcodeは、スマホ、タブレット、パソコンの画面に合わせたレスポンシブなページを作ります。パソコンでは、プレビューをデスクトップ、タブレット、スマホのサイズに切り替えられます。公開する前に、それぞれのサイズで確認してください。スマホから作業を続けることもできます。ブラウザでPlaycodeを開いてログインし、チャットを続けてください。インターネット接続が必要です。

  • コードをエクスポートして、ホームページを移せますか?

    はい。コードはご自身のものです。テストも含めたプロジェクト全体をエクスポートできます。レンタルしたどのVPSでも動かせますし、ほかの開発者に引き継ぐこともできます。ほかの環境で動かすには、設定が必要な場合があります。稼働中のデータベース、アップロードしたファイル、連携サービスがあるホームページは、それらの移行計画も必要です。

  • 変更がうまくいかなかったら、元に戻せますか?

    Cloudプロジェクトでは、保存したバージョンを使って、コード、ファイル、データベースをまとめて復元できます。戻す時点は慎重に選んでください。それ以降の変更とデータは置き換えられます。復元とエクスポートの詳細は、Playcode Cloudのページをご覧ください。

  • AIホームページ作成ツールで、良いプロンプトを書くには?

    どんな仕事をしているのか、ホームページは誰のためのものか、訪問者に次に何をしてほしいのかを書きましょう。作りたいページと、価格、営業時間、連絡先など載せたい情報を挙げ、気に入っているサイトも伝えてください。そのうえで最初のバージョンを確認し、変更はひとつずつ頼みましょう。このページの4つのプロンプト例も参考にしてください。

  • AIでホームページを作るのは合法ですか?

    はい、一般的には合法です。ルールの対象になるのは、公開する内容です。事実を確認し、使う権利のある文章、画像、名称だけを使い、プライバシーポリシーなど、ビジネスに必要な法的なページを追加してください。生成したロゴ案を使う前に、登録商標と照らし合わせて確認してください。これは一般的な情報であり、法的なアドバイスではありません。

AIホームページ​生成ツ⁠ールで、ビジネスのサイトがどう仕上がるか見てみよう。

仕事の内容を説明してください。Playcodeがページをデザインし、文章を書き、一緒にホームページを作ります。アカウントの作成にクレジットカードは不要です。

ドアを開けて空席を用意したロケットが待っていて、Playがこちらへ手招きしています。はるか上空では、別のロケットが飛び去っていきます。