【Create.xyz】ノーコードでアプリ・サイト開発ができる神ツール!特徴や使い方、料金を解説

「サイトやアプリの開発」と聞くと、非エンジニアの人にとってはすごく難しそうに感じますよね?

生成AIの登場前であれば、コードの知識を必要とするサイト・アプリの開発はエンジニアの専門領域でした。

でも、生成AIの発展によってその常識は覆されました…!実は、非エンジニアの一般人でもサイト・アプリの開発ができるAIツールが登場したんです!

この記事では、ノーコードで非エンジニアでもサイト・アプリ開発ができちゃう夢のようなAIツールについて詳しく解説します。

実際の使い方も紹介しているので、ぜひ最後まで見てくださいね!

Create.xyzとは?

「Create.xyz」は、生成AI搭載のノーコードアプリ・サイト開発ツールです。

2023年12月に公開されてから、その性能の優秀さで一気に知名度が上がりました。登録は無料で、誰でも気軽に利用できます。

最大の特徴はなんといっても、プロンプトを入力するだけで非エンジニアでも手軽にサイト・アプリを制作できる点です!

日本語プロンプトにも対応しているので、わざわざ翻訳する必要もありません。画像入力にも対応しているため、言語化が難しいインターフェースの説明も簡単です。

作成したサイトやアプリは、公開ボタンを押すだけでCreate上でインターネットに公開できます。

Create.xyzでできること

Create.xyzでできることをまとめると、大きく分けて以下の2つです。

  • Webサイト・アプリの生成
  • API経由での外部ツール連携

それぞれの詳細を解説するので、ぜひ参考にしてみてくださいね。

Webサイト・アプリの生成

Create.xyzでは、ノーコードでWebサイトやアプリの生成が可能です。

Create.xyzにはさまざまな生成AIが搭載されており、利用できる生成AIサービスは無料版と有料版で異なります。

  • 無料版:GPT-4 Turbo
  • 有料版:ChatGPT、Claude、Gemini、Copilotなど複数の生成AI

上の画像は、公式ページで共有されていたAI画像を使ったクレジットカード作成アプリです。

Create.xyzを使えば、誰でも同じようなアプリやサイトを作れちゃいますよ!

API経由での外部ツール連携

Create.xyzは、API経由で外部ツールと連携させることも可能です。

連携できる外部ツールと連携後にできることを簡単にまとめましたので、参考にしてくださいね。

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経由で便利な機能を追加できるので、ぜひ試してみてくださいね~!

【新機能】チャットアシスタント機能

2024年9月24日のアップデートで新たに実装された「チャットアシスタント」機能により、さらに使いやすくなりました。

LINEで友人と会話するようにチャットしながら、プロダクトの機能やデザインを調整できるようになったのです!

難しい操作は一切必要なく、ツールと会話するだけで誰でも簡単にソフトウェアを作成できるようになったのです。

新たにできるようになった機能は以下の通りです。

  • チャットでアプリを構築
  • 質問をしながら開発を進行
  • UIからAPI、データベース、AIまで全てをカバー
  • 高速AIコード生成による即時の変更
  • ワンクリックでウェブ上に公開

アシスタントチャットが実装されたことで、アプリ開発のハードルがさらに下がり、より多くの人がクリエイティブなアイデアを形にできるようになりました!

Create.xyzの活用事例

Create.xyzで作れるものはそれこそ星の数ほどありますが、ほんの一例として、個人的に良いなと思った事例を3つをご紹介します。

  • サイト登録フォーム
  • 管理ダッシュボード
  • 非営利団体用メールジェネレーター

1つずつご紹介しますね。

サイト登録フォーム

こちらは、よく見る一般的なサイト登録フォームです。

登録ページにお問合せ機能を付けることも可能です。

プロンプトのみでも、参考にしたいサイトのURLを投げるのでもOKです。

管理ダッシュボード

こちらは、銀行の入出金明細のような形で資金の動きを管理してくれるアプリです。

トップ画面では、資金の入出金履歴について金額や項目などが記載されており、動きが一目でわかるグラフもあって、すごく使いやすそうですよね!

セキュリティアラートといったチャート機能もありますが、すべてプロンプト入力のみで生成しているんですよ。

非営利団体用メールジェネレーター

こちらは、非営利団体が募金を募るためのメール文を自動作成できるアプリです。

団体名・メールの長さ・公式サイトのURLなど、指定された情報を入力するだけで手軽にメールを作成できます。

メールの文章を1から考えると書き出しで詰まるケースが多いので、ある程度完成された文章を作成してくれるのは便利ですね!

Create.xyzの利用料金

Create.xyzの料金体系を表にまとめました。

個人利用や趣味の範囲であれば無料でも十分使えます!

仕事で使うなら、PROプランやBUSINESSプランなど制限が緩和されるプランが良いと思います。

特に、API経由で豊富なツールと連携したい場合は有料プランの契約が必須です。

Free

無料

PRO

月額19ドル

BUSINESS

月額99ドル

ENTERPRISE

カスタム(要問合せ)


▽それぞれのプランの詳細は、プラン名をタッチして確認できます。

プラン:FREE

無料

・20プロジェクト
・無制限のイテレーション
・無制限のコラボレーター
・GPT-4-Turboで無料でビルド
・GPT-4 Visionを使ったスクリーンショットからコードへの変換
・レート制限付きのAI統合
・コード出力をコピー&ペースト
・パブリックプロジェクトの公開

プラン:PRO

月額19ドル

・無制限のプロジェクト
・Freeのすべての機能
・各バージョンで複数のAIモデル
・インスタントデザイン
・レート制限が少ないAI統合
・1つのカスタムAPI統合
・Createのブランディングを削除
・コードのエクスポート

プラン:BUSINESS

月額99ドル

・PROまでの機能
・プライベートプロジェクト
・無制限のエクスポート
・10のカスタムAPI統合
・3つのカスタムドメイン
・共有チームコンポーネント
・豊富なAPIレート制限

プラン:ENTERPRISE

カスタム
(要問合せ)

・BUSINESSまでの機能
・無制限のドメイン
・無制限のAPI統合
・専用のSlackサポート
・GitHub統合
・SAMLシングルサインオン(SSO)
・高度なアナリティクス
・クラッシュアナリティクス
・組織内ロール

Create.xyzの使い方

Create.xyzの使い方を、順を追って説明します。

  1. 会員登録の手順
  2. 画面の見方
  3. プロンプトからのコード生成
  4. 画像からのコード生成
  5. データベースの作成
  6. バージョン復元

画像付きで解説していくので、ぜひ参考にしてくださいね。

会員登録の手順

Step
1

公式サイトへアクセス

まずは、公式サイトの「Start building for free」をクリックして、会員登録のページに移動します。

Step
2

アカウント登録

メールアドレスを入力して、「Sign Up」をクリックしてください。

パスワードの設定はありませんので、次回以降ログインする際は登録したメールアドレスにログイン用URLが送られてきます。

メール内のURLをクリックすれば、ログイン完了です。

画面の見方

送られてきたメッセージに記載されているサイトリンクをクリックすると、すぐにトップ画面が開きます。

右上の「New Project」をクリックすると、ビルダー画面が開きます。

まず、Create.xyzは「Team>Project>Page」という構造になっている点を覚えておいてください。

TeamタブでProject、ProjectタブでPageとComponentを確認できます。

ビルダー画面でプロンプトを入力して、PageやComponentを生成・修正し、最後にProjectの公開を実行します。

画像右側の空白部分に、作りたいアプリやサイトのイメージをプロンプトで指示すると、アプリやサイトの構築に必要なコードが自動で生成されます

サイトを作る場合、参考にしたいサイトのURLを貼り付けるだけでもOKです。

プロンプトからのコード生成

下の画像のように、作りたいアプリやサイトの情報をプロンプトで指示すると、コードが自動で生成されます。

生成されたコードを確認したい場合は、画面上部に表示されている「View code」をクリックしてください。

クリックすると、以下の画像のようにコードが表示されます。

Create.xyzを使えば、難しいコードも一瞬で生成してくれます!

画像からのコード生成

画像の赤枠部分をクリックすれば、画像を入力できます。

ただし、まだ画像からコードを生成する技術はそこまで精度が高くありません。

基本的に、テキストベースのプロンプトをメインにした方がうまくいくと思います。

データベースの作成

作成したアプリを実際に利用するためには、データベースの作成が必須です。

無料プランを利用中の場合でも、Create上にデータベースを作成する方法(β版機能)と、Swagger経由でAPIで外部のデータベースと接続する方法のどちらかでデータベースを作成できます。

ここでは、Create上にデータベースを作成する方法をご紹介します。

Step
1

Project選択

まずは、データベースを作成したいProjectのPageを開き、「Add-ons」→「Data」→「Create a database」の順に選択します。

Step
2

データベース名の作成

ポップアップが出てくるので、データベース名を設定しましょう。

データベース名を設定した後はビルダー画面に戻ってきます。

右側の画面に設定したデータベース名が表示されていれば、無事にデータベースの作成が完了しています。

バージョン復元


Create.xyzには、編集画面を更新する前の状態に戻すバージョン復元機能が搭載されています。

プロンプトで指示した後、思い通りの結果にならなかった場合にやり直せるのはとても便利ですよね!

これで、以前の状態に戻せるので、失敗を恐れずに何度でもプロンプトを試せますよ。

さいごに

この記事では、ノーコードでアプリやサイトを構築できる生成AIツール「Create.xyz」をご紹介しました。日本語対応済みなので、簡単なプロンプトのみでアプリやサイトを誰でも簡単に作れます。

さらに最近のアップデートで「アシスタントチャット」機能も実装され、より簡単にサイト・アプリの制作ができるようになりました!

料金プランは無料と有料がありますが、個人で楽しむ程度なら無料プランでも十分です。

誰でも手軽にアプリやサイトを生成できるので、まずは無料プランで使い勝手を試してみてくださいね!

最後まで読んでいただきありがとうございました。

Similar Posts