見出し画像

Create.xyz｜Databaseの使い方は？

なおき | AI×時短術

「Create.xyzでデータを管理したいけど、どうすればいいの？」
「ユーザーからのフィードバックを蓄積したい」
「データベース機能を使ってアプリをもっと良いものにしたい！」

本記事では、このようなお悩みをお持ちの方に、Create.xyzにおけるデータベース機能の使い方を解説します。

■本記事で分かること

  • Create.xyzのデータベース機能の基本的な使い方

  • データベースを活用したアプリの作成方法

■前提事項

  • Create.xyzの基本的な使い方を知っていること

※基本的な使い方が知りたい方はこちら👇

■本記事の信頼性

本記事を書いている私は、Create.xyzの日本公式アンバサダーを務めている「なおき」と申します。

Create.xyzのCEOであるdhruvさんから直接オファーをいただき、日々Create.xyzの魅力を日本の皆さんにお伝えしています。

また、X上で日本唯一のCreateコミュニティも運営しています！

Create.xyzが主催するウェブサイト制作コンペで3位を受賞した経験もあり、実際にデータベース機能を活用したアプリを多数作成しています。

【コンペ受賞作品】

【作成した厳選アプリ3選】

今回は、Create.xyzにおけるデータベースの使い方を簡単にご紹介しますので、是非最後までご覧ください！


1. Create.xyzのデータベース機能とは？

こんなことありませんか？
「Createでアプリを作ってもブラウザを更新するとデータが消えてしまう…」

そんな時に使えるデータベース機能とはCreate.xyzで開発したアプリ内でデータを簡単に保存・管理できる機能です。（読んで字のごとくですが…）

作成すれば下記のようにデータを保存することができます👇

実際のデータが保存された画面

■データベース機能の主な特徴

  • 簡単な操作：数回のクリックとテキスト入力で作成が可能

  • 自動作成：事前にデータ構造を定義する必要がなく、指定したい場合を除きデータの内の整理区分は自動で作成可能

  • 共有性：一度作成したデータベースは他のプロジェクトでも利用可能

このほか、収集したデータはCSVとしても活用可能です。

databaseの画面でCSV出力が可能

データベース機能を使うことで、ユーザーからのフィードバック収集や投稿機能の実装など、より高度なアプリを簡単に作成できます。

ちなみに、データベースで保存できるデータはテキストベースになります。
動画を保存して使用したい場合は他のサーバーにアップロードして使う必要があります。

画像についてはデータベースとは別に保存して使用できるのでコチラの記事を参照してください。

2. データベースを使うメリット

メリット1：データの保存・管理が簡単にできる

通常、アプリでデータを保存するにはサーバーやデータベースの設定が必要ですが、Create.xyzではその手間が省けます。

データベース機能を使えば、ユーザーの入力や操作履歴などを自動的に保存できます。

例えばこんな感じ（履歴内容が微妙ですがｗ）

メリット2：アプリの機能拡張が簡単

データベースを活用することで、以下のようなアプリを簡単に作成できます。

  • ユーザーの投稿を集める掲示板アプリ

  • チャット履歴のあるチャットボット

  • 商品情報を管理するカタログアプリ

メリット3：他のプロジェクトでも再利用可能

一度作成したデータベースは、他のプロジェクトでも共有できます。

これにより、データの一元管理や複数アプリ間でのデータ連携が可能になります。

3. データベースの作り方

それでは、実際にデータベースを作成してみましょう！

ステップ1：データベースを作成する

１．「Add-ons」の選択またはプロンプトに「/」を入力

ページの編集画面で「Add-ons」タブを押します。

赤枠内をクリック

2.「Create a database」を選択

表示されたメニューの「Data」セクションの一番下にある「Create a database」をクリックします。

Dataを選択
一番下に表示された所をクリック

3.データベースに名前を付ける

自分が認識しやすい名前を入力して「Save database」をクリックします。

これでデータベース自体は作成完了です。

4.データベースの使用方法をプロンプトに入力する

作成したいアプリでどのようにデータを使用するかをプロンプトの中に簡潔に記述します。

例えば、「掲示板に入力された情報を作成したデータベースに保存」といった感じです。

プロンプトの例

これだけで、データベースにデータが登録・保存されて履歴としても確認できるようになります。

ステップ2：データベースの設定

データベースの作成後、特別な設定は不要です。

Create.xyzが自動的にテーブルやデータの項目を生成してくれます。

データベース画面

ステップ3：データを保存・表示する

アプリをユーザーが使用すると、データが自動的にデータベースに保存されます。

保存されたデータは、データベース画面から確認できます。

確認したい場合は、まずダッシュボードで「Data」ボタンをクリックしてください。

赤枠内をクリック

すると、今までに作成したDataが表示されますので、作成したDataをクリックすれば確認可能です。

これまで作成したデータベース

ちなみに、上の画面にある「New database」からでも新しいデータベースは作成できますよ～（あんまり使いませんが）

4. データベースを活用したアプリの作成例

例1：ChatBot

簡単なChatBotで入力した会話内容が残る機能を実装できます。

データベース入りのChatBot

作り方は至って簡単です。

プロンプト内に「会話内容は{databaseを選択してください}」に保存というだけでブラウザを更新しても会話内容が残るようになります。

※databaseの名称は適宜設定してください

実際に残った会話内容がコチラ👇

ちゃんとユーザーとBotの記録が残っていますね！

このようにデータ構造を指定しなくても自動でデータとして残される項目の区分を作ってくれるので便利です。

ちなみに、上記画像のプロンプト内にあるChatGPTなどのIntegration機能が分からない…という方はコチラを参照してください👇

例2：投稿機能付き掲示板アプリ

ユーザーが投稿できる掲示板アプリを作成してみましょう！

掲示板の機能が作成出来たら…

『ユーザーの掲示板への投稿内容は｛databaseを選択してください｝に保存』などのプロンプトを入力してください。※databaseの名称は適宜設定

掲示板のプロンプト入力画面

実際に投稿された内容は以下の通りデータベースに残ります。

掲示板の投稿内容

何も指定していませんが、ID、Content、User nameなどの記録が残っていることが分かりますね！

5. データベース使用時の注意事項

注意点1：アクセス権限の設定

データベースは基本的に他のユーザーには公開されませんが、作成するページに呼び出したり、ページ内で編集したりすることが可能です。

ページに呼び出して使う場合、コミュニティページから一般に公開されてしまうので、データベースを見られたくない人はページをプライベートモード（Pro版以上のみ使用可能）に設定する等、アクセス権限を適切に設定してください。

注意点2：ベータ版であること

データベース機能は現在ベータ版です。

予期せぬ不具合や仕様変更が起こる可能性があるため、重要なデータの管理にはバックアップを取るなどの対策をおすすめします。

6. まとめ

今回は、Create.xyzのデータベース機能の基本的な使い方を解説しましたが、いかがだったでしょうか？

データベース機能を活用することで、アプリの可能性が大きく広がります。ぜひこの機能を使って、より高度で魅力的なアプリを作成してみてください！

7. さらにCreateを学びたい方へ

  • 公式ドキュメント

Create.xyzの公式ドキュメントで詳細な情報を得られます。

  • Xコミュニティへの参加

Create.xyz-JAPAN支部コミュニティに参加して、他のクリエイターと情報交換しましょう！

最後までお読みいただき、ありがとうございました！
Create.xyzであなたが作るクリエイティブな作品を楽しみにしています！！

もしこの記事が役に立ったと思ったら、ぜひSNSでのシェアやコメントをお願いします。

また、Create.xyzに関する質問や相談がありましたら、下記ポートフォリオサイトやXのDMでお気軽にお問い合わせくださいね～

【ポートフォリオサイト】※Createで作成しています。

https://naoki-portfolio-by-create.created.app/

【Xアカウント】


この記事が気に入ったらサポートをしてみませんか？