【Create.xyz】生成AI搭載ノーコード開発ツールがすごすぎる！使い方を徹底解説
WEELメディア事業部リサーチャーのいつきです。
突然ですが、みなさんは「Create.xyz」というAIツールをご存知でしょうか。
Create.xyzはプロンプト入力で手軽にアプリを生成できるため、アプリ開発の分野で現在高い注目を浴びています。
もし、御社がアプリ開発に携わっているのであれば、Create.xyzを知らないだけで大きな損をしているかもしれません。
そこで今回の記事では、Create.xyzでできることや使い方を解説していきます。
最後までご覧いただくとCreate.xyzを使いこなせるようになるので、アプリ開発の業務を大幅に効率化できるでしょう。
ぜひ最後までご覧ください。
生成AI搭載のノーコード開発ツール「Create.xyz」
Create.xyzは、アプリをノーコードで開発できる、生成AI搭載ツールです。2023年12月に公開されており、現在では無料登録を済ませることで、誰でも気軽に利用できます。
最大の特徴は、プロンプトを入力するだけで、非エンジニアでも手軽にアプリを制作できる点。インターフェースや機能を指示するだけで、思い描いたとおりのアプリを構築できます。
日本語プロンプトにも対応しているので、わざわざ翻訳する必要もありません。画像入力にも対応しているため、言語化が難しいインターフェイスの説明も簡単です。
作成したアプリは公開ボタンを押すだけで、Create上でインターネットに公開できます。
Create.xyzでできること
Create.xyzでできることをまとめると、大きく以下の2つに分類されます。
- Webサイト・アプリの生成
- API経由での外部ツール連携
以下で、それぞれの詳細を解説するので、ぜひ参考にしてみてください。
Webサイト・アプリの生成
Create.xyzを使用すれば、Webサイトやアプリの生成が可能です。無料プランではGPT-4 Turbo、有料プランではClaudeなどのモデルを選んで、プロンプトや画像を入力して生成していきます。
アプリの言語はReactを使用してコードを生成しているのが特徴です。
ちなみに、上記画像は、公式ページで共有されていたAI画像を使ったクレジットカードの生成アプリです。Create.xyzを使用することで、同じようなアプリやサイトを生成できますよ。
API経由での外部ツール連携
Create.xyzは、API経由で外部ツールと連携させることも可能です。
以下に連携できる外部ツールと、連携後にできることをまとめました。
| 連携先 | できること |
|---|---|
| ChatGPT | 自然言語処理能力を使用して対話型のAIチャットボットを生成できる |
| GPT-4 Vision | 画像の分析・解釈機能を利用して画像ベースのアプリ開発ができる |
| Stable Diffusion | 画像生成機能をアプリ制作に活用できる |
| Groq | 高速なAI処理を実現してレスポンスを早くできる |
| Claude 3 | 自然言語処理能力を使用してアプリ開発に最適なプロンプトを作れる |
| Google Gemini | 基盤が堅牢なため大規模なデータ処理が必要なアプリを生成できる |
| OpenAI Content Moderation | 様々な指標から入力テキストが適切か判断してくれる |
| スクレイピング | URLを指定してウェブページの情報を取得できる機能を組み込める |
| Google Search | Googleで検索する機能を組み込める |
| Google Maps | Google Mapの機能を組み込める |
| Google Translate | 多言語を同時翻訳できる機能を組み込める |
| Google Places | Googleがまとめたお店や場所に関する情報を組み込める |
| チャート | グラフや図を組み込める |
| Google Image Search | 画像検索機能を追加できる |
上記のほかにも、以下のような機能をAPI経由で追加できます。
- PDF生成
- 音声文字起こし
- 文書スキャナー
- QRコード
- ファイル形式の変換
- メール認証
Create.xyzで、さらに高精度なアプリやサイトを構築できるようになるので、ぜひ試してみてください。
なお、ChatGPTのAPIについて詳しく知りたい方は、以下の記事をご覧ください。
Create.xyzで作れるものの例
Create.xyzで作れるものの例として、以下のようなものがあります。
- 管理ダッシュボード
- AIによるレビュー分類
- 非営利団体用メールジェネレーター
それぞれの機能を詳しく解説していくので、アプリやサイト構築の参考にしてみてください。
管理ダッシュボード
上記は、銀行の入出金明細のような形で、資金の動きを管理してくれるアプリです。トップ画面では、資金の入出金履歴について、金額や項目などが記載されています。
また、セキュリティアラートといったチャートの機能もありますが、これらもすべてプロンプト入力のみで生成しているのが特徴です。
AIによるレビュー分類
上記は、ECサイトの注文管理などで使える、生成AI搭載の管理画面アプリです。右側のプロンプトをみればわかる通り、生成AIのモデルにはChatGPTが使われています。
とくに便利なのは、生成AIが購入者の感情や行動まで分析してくれる点。このように、生成AIが自動で仕分けしてくれるアプリも手軽に生成できるので、ぜひチャレンジしてみてください。
非営利団体用メールジェネレーター
こちらのアプリは、非営利団体が募金を募るためのメール文を作成できるツールです。団体名・メールの長さ・公式サイトのURLなど、指定された情報を入力するだけで手軽にメールを作成できます。
メールの文章を1から考えると書き出しで詰まるケースが多いので、ある程度完成された文章を作成してくれるのは便利ですね！
なお、おすすめのライティングツールについては、以下の記事で詳しく紹介しています。
Create.xyzの料金体系
| プラン | FREE | PRO | BUSINESS | ENTERPRISE |
|---|---|---|---|---|
| 料金 | 無料 | 月額19ドル | 月額99ドル | カスタム |
| 使える機能 | ・20プロジェクト・無制限のイテレーション・無制限のコラボレーター・GPT-4-Turboで無料でビルド・GPT-4 Visionを使ったスクリーンショットからコードへの変換・レート制限付きのAI統合・コード出力をコピー＆ペースト・パブリックプロジェクトの公開 | ・FREEまでの機能 ＋・無制限のプロジェクト・各バージョンで複数のAIモデル・インスタントデザイン・レート制限が少ないAI統合・1つのカスタムAPI統合・Createのブランディングを削除・コードのエクスポート | ・PROまでの機能 ＋・プライベートプロジェクト・無制限のエクスポート・10のカスタムAPI統合・3つのカスタムドメイン・共有チームコンポーネント・豊富なAPIレート制限 | ・BUSINESSまでの機能 ＋・無制限のドメイン・無制限のAPI統合・専用のSlackサポート・GitHub統合・SAMLシングルサインオン（SSO）・高度なアナリティクス・クラッシュアナリティクス・組織内ロール |
Create.xyzの料金体系を上記表にまとめました。Create.xyzは、制限された機能で我慢ができれば、無料でも十分利用できます。
ただし、PROプランやBUSINESSプランなど、上位のプランにすればその分制限が緩和されるのも事実です。とくに、API経由で豊富なツールと連携したい場合は、上位のプランを契約する必要があります。
自身が利用したい機能や予算のバランスを考えながら、最適なプランを選びましょう。
Create.xyzの使い方
Create.xyzは、以下6つのステップを踏むことですぐに利用できるようになります。
- 会員登録の手順
- 画面の見方
- プロンプトからのコード生成
- 画像からのコード生成
- データベースの作成
- バージョン復元
以下では、使い方を画像付きで解説していくので、ぜひ参考にしてみてください。
会員登録の手順
まずは、公式サイトの「Start building for free」をクリックして、会員登録のページに移動します。
その後は、メールアドレスを入力して、サインアップをクリックしてください。
ここまでで新規会員登録は完了です。
画面の見方
会員登録を済ませると、すぐにビルダー画面が開きます。
まず、Create.xyzは、Team>Project>Pageという構造になっている点を覚えておいてください。TeamタブでProject、ProjectタブでPageとComponentを確認できます。
ここで、上記のビルダー画面に話を戻しますが、この画面はプロンプトを入力してPageやComponentを生成・修正し、Projectの公開を実行する画面です。
上記画像右側のProjectに、作りたいアプリやサイトのイメージをプロンプトで指示すると、アプリやサイトの構築に必要なコードが自動で生成されます。
プロンプトからのコード生成
上記画像のように、作りたいアプリやサイトの情報をプロンプトで指示すると、コードが自動で生成されます。
生成されたコードを確認したい場合は、画面上部に表示されている「View code」をクリックしてください。
クリックすると、以下の画像のようにコードが表示されます。
Create.xyzを使えば、上記のようなコードを一瞬で生成してくれるので、かなり便利ですよね！
画像からのコード生成
上記画像の赤枠部分をクリックすれば、画像を入力できます。
画像入力の機能を使って、上記画像のような指示を送ってみます。
結果どうなるのか確認したところ、アプリのUIに変化はみられませんでした。
つまり、画像入力については、まだそこまで精度が高くないということです。
基本的には、プロンプトをメインにアプリやサイトを構築していきましょう。
データベースの作成
作成したアプリを実際に利用するためには、データベースの作成が必須です。
無料プランを利用中の方でも、Create上にデータベースを作成する方法（β版機能）と、Swagger経由でAPIで外部のデータベースと接続する方法でデータベースを作成できます。
ここでは、Create上にデータベースを作成する方法を紹介します。
まずは、データベースを作成したいProjectのPageを開き、「Add-ons」→「Data」→「Create a database」を選択します。
ポップアップが出てくるので、データベース名を設定しましょう。
データベース名を設定した後は、ビルダー画面に戻ってきますが、右側の画面に設定したデータベース名が表示されていれば、無事にデータベースの作成が完了しています。
バージョン復元
Create.xyzには、編集画面を更新する前の状態に戻すバージョン復元機能が搭載されています。これにより、プロンプトで指示した後、思い通りの結果にならなかった場合にやり直せるので便利です。
バージョンを復元する際は、上記画像の赤枠部分にある「See history」をクリックしてください。
これで、以前の状態に戻せるので、失敗を恐れずに何度でもプロンプトを試せます。
なお、生成AIの法人利用方法が気になる方は、以下の記事もチェックしてみてください。
Create.xyzでアプリやサイトを作ってみよう
Create.xyzは、ノーコードでアプリやサイトを構築できる便利なAIツールです。プロンプトで作りたいアプリやサイトのイメージを伝えるだけで、誰でも簡単に作れます。
そんなCreate.xyzでできるのは、以下の2つです。
- Webサイト・アプリの生成
- API経由での外部ツール連携
料金形態は以下の表のとおりで、無料でもアプリやサイトを生成できます。
| プラン | FREE | PRO | BUSINESS | ENTERPRISE |
|---|---|---|---|---|
| 料金 | 無料 | 月額19ドル | 月額99ドル | カスタム |
| 使える機能 | ・20プロジェクト・無制限のイテレーション・無制限のコラボレーター・GPT-4-Turboで無料でビルド・GPT-4 Visionを使ったスクリーンショットからコードへの変換・レート制限付きのAI統合・コード出力をコピー＆ペースト・パブリックプロジェクトの公開 | ・FREEまでの機能 ＋・無制限のプロジェクト・各バージョンで複数のAIモデル・インスタントデザイン・レート制限が少ないAI統合・1つのカスタムAPI統合・Createのブランディングを削除・コードのエクスポート | ・PROまでの機能 ＋・プライベートプロジェクト・無制限のエクスポート・10のカスタムAPI統合・3つのカスタムドメイン・共有チームコンポーネント・豊富なAPIレート制限 | ・BUSINESSまでの機能 ＋・無制限のドメイン・無制限のAPI統合・専用のSlackサポート・GitHub統合・SAMLシングルサインオン（SSO）・高度なアナリティクス・クラッシュアナリティクス・組織内ロール |
なお、Create.xyzの使い方は簡単で、本記事でも以下6つの操作方法について解説しました。
- 会員登録の手順
- 画面の見方
- プロンプトからのコード生成
- 画像からのコード生成
- データベースの作成
- バージョン復元
誰でも手軽にアプリやサイトを生成できるので、まずは無料プランで使い勝手を試してみてください。
生成系AIの業務活用なら！
・生成系AIを活用したPoC開発
・生成系AIのコンサルティング
・システム間API連携
最後に
いかがだったでしょうか？
弊社では
・マーケティングやエンジニアリングなどの専門知識を学習させたAI社員の開発
・要件定義・業務フロー作成を80%自動化できる自律型AIエージェントの開発
・生成AIとRPAを組み合わせた業務自動化ツールの開発
・社内人事業務を99%自動化できるAIツールの開発
・ハルシネーション対策AIツールの開発
・自社専用のAIチャットボットの開発
などの開発実績がございます。
まずは、「無料相談」にてご相談を承っておりますので、ご興味がある方はぜひご連絡ください。
➡︎生成AIを使った業務効率化、生成AIツールの開発について相談をしてみる。
「生成AIを社内で活用したい」「生成AIの事業をやっていきたい」という方に向けて、生成AI社内セミナー・勉強会をさせていただいております。
セミナー内容や料金については、ご相談ください。
また、弊社紹介資料もご用意しておりますので、併せてご確認ください。
