Toy.new
Cheat Layer, Inc. · コーディング
Toy.newはCheat Layerによる無料のAIウェブサイトビルダーで、自然言語の指示をウェブサイト、プレゼン、ゲーム、小さなアプリに変える。Stripe、Supabase、Vercelの追加連携にも対応する。
Toy.new について
About
Toy.newとは
Toy.newはCheat Layer, Inc.が開発したAIウェブサイトビルダーで、ブラウザ上で動く。ふだん話す言葉で作りたいものを伝えると、使えるウェブページやプレゼン、小さなゲームを生成する。Chrome拡張として導入するため、作業はすべてブラウザのタブの中で完結し、デスクトップ用ソフトは要らない。
対象は、アイデアはあるがプログラミングの下地がない人だ。フレームワークを学ぶ代わりに指示を1つ書き、あとは続くメッセージで結果を詰めていく。Cheat Layerは、Lovable、Bolt、Replitといった有料ツールの無料代替として位置づけている。
制約も同じ手軽さから来る。出来の良し悪しは目標をどれだけ明確に伝えるかにかかっており、決済、ログイン、ホスティングといった高度な機能は自分で外部サービスをつなぐ必要がある。独自ドメインと本番公開は自動では終わらない。
はじめ方
- Chrome ウェブストアからToy.new AI Website Builder拡張を入れ、ログインする。
- 作りたいウェブサイト、アプリ、プレゼンをふだんの言葉で1ステップずつ伝える。
- ノーコードエディターで生成されたレイアウトと文言を整えるか、特定の要素をアシスタントに直させる。
- 必要なら、Stripeをサブスク用に、Supabaseをログイン用に、Vercelをドメインとホスティング用につなぐ。
- Claude 3.7モデルで作りたい場合はOpenRouterのキーを加え、結果を公開または複製する。
AIツール情報
Toy.newの料金、対応プラットフォーム、性能を簡単に確認できます。
こんな人におすすめ
このツールが最も力を発揮するユーザー、タスク、シーン。
ユーザー
- 技術的な下地がない創業者：エンジニアを雇わずに製品アイデアを試せる。ただし、何が欲しいかを言葉にでき、結果を繰り返し直せることが条件だ。
- 学生と趣味の人：個人サイトや授業の課題、小さなゲームを無料で作れる。サブスクは要らず、Chrome拡張以外に何も入れなくていい。
- マーケターとクリエイター：ランディングページやプレゼンを素早く用意できる。ただし本格的に集客するなら、ドメインとホスティングをつなぐ必要がある。
タスク
- ウェブページの試作：粗いアイデアを数分でクリックできる草稿に変え、あとからレイアウトを手で調整する。
- プレゼンの作成：書いた構成からスライドを生成し、空のテンプレートから始めずに済ませる。
- 簡単なゲームやアプリの制作：コードを書かずに、クイズやミニゲームのような小さなインタラクティブ作品を作る。
- 既存サイトの複製：気に入ったページを開き、それを再現させたり新機能を足させたりする。
シーン
- 投資前にアイデアを検証：デザインや開発にお金をかける前に、人に見せられるものを用意する。
- 顧客向けの即席デモの準備：打ち合わせで必要なのは完成品ではなく画面だという場面で、動く試作品を組み立てる。
- 授業やワークショップでの利用：指示が実際のページ構造にどう変わるかを、授業やチームの場で見せる。
主な機能
指示からのサイト生成
作りたいウェブサイト、アプリ、プレゼンを伝えると、Toy.newが最初の版を作り、会話を続けるうちに直していく。流れは対話型で、各メッセージが前の結果を良くし、一からやり直させない。これが製品の核であり、プログラミングなしで使える理由だ。
ノーコードのビジュアルエディター
生成された要素は内蔵エディターで編集でき、セクションを動かし、文言を書き換え、レイアウトを手で調整できる。指示の結果がほぼ合っているが少し違う、というときの逃げ道になる。多くの利用者にとって、これはコードに触れる手間をなくす。
サイトのライブ複製
ブラウザで気に入ったサイトを開き、Toy.newにそれを複製させたり、直接機能を足させたりできる。既存のデザインがすでに頭の中のイメージに近く、一部だけ変えたいときに役立つ。参考から動く草稿までが最短で済む。
内蔵のサービス連携
Toy.newは、サブスク用にStripe、ログインと認証用にSupabase、独自ドメインとホスティング用にVercelにつながる。いずれも任意で、純粋な静的サイトなら接続なしでも動く。つなげば、デモが決済を受け取り実際の利用者を載せられるものになる。
OpenRouterによるモデル選択
自分のOpenRouterキーを持ち込めば、Claude 3.7モデルで生成できる。プロジェクトに応じて速度と品質を天秤にかけられる。生成モデルをビルダー本体から切り離すので、1社の提供元に縛られない。
ブラウザ拡張としての流れ
すべてChrome拡張として動くので、作業は今見ているページから始まる。だからこそ、その場での複製と編集ができ、独立したデスクトップソフトでは不可能だ。導入も軽く、別のソフトを管理する必要がない。
メリットとデメリット
メリット
- 無料で使え、プロジェクトの作成とプレビューにサブスクは要らない。
- 自然言語の指示で動くので、プログラミングの下地が要らない。
- 決済、ログイン、ホスティング向けにStripe、Supabase、Vercelの任意連携を備える。
- 軽いChrome拡張として動き、ブラウザ内でページを生成する。
- 同じツールでウェブサイト、プレゼン、小さなゲームまで対応する。
デメリット
- 出来は指示の書き方次第で、曖昧な説明では没個性なページになる。
- 決済、認証、ホスティングは別途登録する外部アカウントに依存し、手間が増える。
- 独自ドメインと完全な公開は自動ではなく、本番化には追加設定が要る。
- 一般的なデスクトップエディターを期待する人には、ブラウザ拡張は馴染みの薄い作業環境だ。
よくある質問
Toy.newは無料のAIウェブサイトビルダーで、自然言語の指示からウェブサイト、プレゼン、ゲーム、小さなアプリを作る。作りたいものを伝えると、編集できる最初の版を生成する。
関連コンテンツ
Toy.newに関連するツール、スキル、記事を探す。
Toy.newの代替ツール
Forefront
Forefront · コーディングForefrontはオープンソースAIで構築するためのウェブプラットフォームだ。主要なオープンソース言語モデルを自分のデータで微調整し、性能を評価し、API経由で実行したり、エクスポートして自分でホストしたりできる。クローズドなプラットフォームの手軽さを求めつつ、モデルとデータの所有権にはこだわる開発者が対象だ。
Startkit
StartKit.AI · コーディングStartkitは、AI SaaSとAIラッパー製品を作るためのボイラープレートだ。面倒な部分をあらかじめ配線済みにしたAIスタートアップボイラープレートと考えればいい。認証、StripeとLemon Squeezyの決済、利用制限、トランザクションメール、そしてOpenAI、Anthropic、Groq、Llamaと通信するAI APIスターターキットが含まれる。リポジトリをクローンして価格を設定し、ユーザーが実際にお金を払う部分に取りかかれる。ReactとTailwind上のNext.jsで作られているため、ボイラープレートコードの多くはすでに見慣れたものだ。
Testim
Tricentis · コーディングTestimは、Web・モバイル・Salesforceアプリ向けにエンドツーエンドテストを構築して実行するAIテスト自動化プラットフォームだ。機械学習を頼りに、インターフェースが変わってもテストを安定させ、チームが壊れたセレクターの修正に費やす時間を減らす。今日から使い始められる自動テストツールとしては悪くない。ブラウザで操作を録画してテストを作り、より細かい制御が必要なときはJavaScriptを足す。忙しいQAチームにとって堅実な選択肢である。