---
title: "テーブルの作成"
url: https://docs.catalyst.zoho.com/ja/tutorials/photo-store-app/nodejs/create-table/
description: "Stratusのバケットに画像をアップロードし、他の登録ユーザーと画像を共有するReactギャラリーアプリを構築します。AppSailでアプリをホストし、GitHubと同期してPipelinesでアプリをデプロイします。"
last_updated: 2026-08-17T12:16:04Z
service: All Services
type: tutorial
related_links:
  - name: "Catalyst DataStore"
    url: /ja/cloud-scale/help/data-store/introduction/
  - name: "スコープと権限"
    url: /ja/cloud-scale/help/data-store/scopes-and-permissions/
---

# テーブルの作成

[Data Store](https://docs.catalyst.zoho.com/ja/cloud-scale/help/data-store/introduction/)にテーブルを作成しましょう。このテーブルは、必要な情報を保存するために以下のカラムを作成するために使用されます。

<table class="content-table">
	<thead>
		<tr>
			<th class="w25p">カラム名</th>
			<th class="w25p">データ型</th>
            <th class="w50p">目的</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>`UserName`</td>
			<td>`Var Char`</td>
            <td>アプリケーションにアクセスするユーザーの情報を保存するため。</td>
		</tr>
        <tr>
			<td>`BucketPath`</td>
			<td>`Var Char`</td>
            <td>必要な画像（オブジェクト）のパスを保存するため。</td>
		</tr>
        <tr>
			<td>`UserZuid`</td>
			<td>`Var Char`</td>
            <td>アプリケーションにサインアップしたエンドユーザーの一意のユーザーIDを保存するため。</td>
		</tr>
        <tr>
			<td>`IsUpdate`</td>
			<td>`Boolean`</td>
            <td>共有画像のアクセスタイプをBooleanで保存するため：Trueは編集、Falseは閲覧。</td>
		</tr>
        <tr>
			<td>`SharedBy`</td>
			<td>`Var Char`</td>
            <td>画像を共有した登録ユーザーの情報を保存するため。</td>
		</tr>
	</tbody>
</table>

テーブルを作成するには：

1. コンソールの*Catalyst Cloud Scale*サービスセクションに移動し、**Start Exploring**をクリックします。
    ![catalyst_tutorials_photostore_cs_first_explore](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_cs_first_explore.webp)

2. *Storage*セクションにある**Data Store**コンポーネントに移動し、**Create a new Table**をクリックします。
    ![catalyst_tutorials_photostore_datastore_create](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_datastore_create.webp)

3. テーブル名として「**ImageShareDetails**」と入力し、**Create**をクリックします。
    ![catalyst_tutorials_photostore_name_create](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_name_create.webp)

> **Note:** アプリケーションのコードに同じ名前が含まれているため、指示通りに正確に名前を入力してください。

テーブルが作成されます。
![catalyst_tutorials_photostore_datastore_table_done](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_datastore_table_done.webp)

次に、必要な4つのカラムを作成しましょう。

> **Info:** [カラムのさまざまなサポートされるデータ型とプロパティについて詳しく学ぶ](https://docs.catalyst.zoho.com/ja/cloud-scale/help/data-store/introduction/)。

4. *Schema View*セクションで**New Column**をクリックします。
    ![catalyst_tutorials_photostore_datastore_table_new_clm_highlit](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_datastore_table_new_clm_highlit.webp)

5. カラム名として「`UserName`」と入力します。データ型として**Var Char**を選択し、**Max Length**に`100`を入力して、**Create**をクリックします。
    ![catalyst_tutorials_photostore_datastore_table_clm_1_create](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_datastore_table_clm_1_create.webp)

カラムが作成されます。
![catalyst_tutorials_photostore_datastore_table_clm_created](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_datastore_table_clm_created.webp)

6. **New Column**ボタンを再度クリックして、2番目のカラムを作成します。カラム名を「`BucketPath`」とします。データ型として**Var Char**を選択し、**Max Length**に`255`を入力します。**Create**をクリックします。
    ![catalyst_tutorials_photostore_datastore_table_new_clm_2_create](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_datastore_table_new_clm_2_create.webp)

7. **New Column**ボタンを再度クリックして、3番目のカラムを作成します。カラム名を「`UserZuid`」とします。データ型として**Var Char**を選択し、**Max Length**に`50`を入力します。**Create**をクリックします。
    ![catalyst_tutorials_photostore_datastore_table_new_clm_3_create](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_datastore_table_new_clm_3_create.webp)

8. **New Column**ボタンを再度クリックして、4番目のカラムを作成します。カラム名を「`SharedBy`」とします。データ型として**Var Char**を選択し、**Max Length**に`100`を入力します。**Create**をクリックします。
    ![catalyst_tutorials_photostore_datastore_table_new_clm_4_create](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_datastore_table_new_clm_4_create.webp)

必要なカラムがすべて作成されました。
![catalyst_tutorials_photostore_datastore_table_all_clm_created](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_datastore_table_all_clm_created.webp)

### Configure Scopes and Permissions

エンドユーザーが作成したカラムにデータを入力できるようにするには、*App User*プロファイルに必要な権限を有効にする必要があります。

必要な権限を有効にするには：

1. **Scopes & Permissions**タブをクリックします。
    ![catalyst_tutorials_photostore_datastore_table_user_role](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_datastore_table_user_role.webp)

2. それぞれのチェックボックスをクリックして、*App User*の**Update**、**Insert**、**Delete**権限を選択します。他の権限設定は変更しないようにしてください。
    ![catalyst_tutorials_photostore_datastore_table_user_role_all_permissions](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_datastore_table_user_role_all_permissions.webp)

Data Storeコンポーネントがアプリケーション用に設定されました。