小粋空間  -  a cheap joke and a play on words site

WixCodeの使い方（その２：データベース作成とデータの設定）

本エントリーでは、Wixブログに新しいデータベースを作成し、作成したデータベースに値を設定する手順を説明します。

手順の前に「Wixブログの作り方」の手順でブログを作成し、「マイアプリ」が表示されている画面左上の「サイトを管理」をクリック。

左側にある「サイトを編集」をクリック。これでテンプレート編集画面に遷移します。

１．データベースの作成

左サイドバーの「Collections」のリンクをクリック。

展開されたツリーの「新しいコレクションを追加」をクリック。

「Start Creating」をクリック。

（クリックで拡大、以下同様）

データベース名を設定する「Give this database collection a name」フィールドが表示されます。

ここでは「Products」と入力します。

「What’s this database collection for?」の右側にあるアイコンをクリック。

データベースの種類を選択します。

選択する種類によってデータベースにアクセスする権限が異なるようです。

• Site Content：誰でも参照可能
• Form Input：誰でも設定可能
• User-Generated Content：誰でも参照可能、メンバーのみ設定可能
• Content for Members：メンバーのみ参照可能
• Form Input from Members：メンバーのみ設定可能
• Private Data：管理者のみアクセス可能
• Custom Use：権限をカスタマイズ可能

ここでは誰でも参照可能な「Site Content」を選択します。

「Create Collection」をクリック。

これでデータベースの作成が終わり、テーブル作成画面に切り替わります。

２．データベースカラムの作成

次にデータベースカラムの作成を行います。

データベース作成直後には「Title」というカラムがデフォルトで用意されています。

まずはこのカラムの名称を変更し、そのあと新しいカラムを追加します。

「Title」の部分にカーソルをあてると、右側に設定用のアイコンが表示されます。

設定用のアイコンをクリックして、「Edit Properties」をクリック。

カラムの編集画面が表示されます。

Column Name欄の「Title」を「Product Name」に変更して「Update」をクリック。

これで変更されました。

カラムを追加する場合はデフォルトカラム右側の＋をクリック。

カラムの編集画面が表示されるので、ここでは名前に「Price」を設定します。

「Data Type」をクリックして、データの型を「Number」に変更します。

「Add」をクリック。

これでカラムが追加されました。

同じ要領で画像用のカラムも追加します。

３．データの入力

最後に、作成したカラムにデータを設定します。

テキストデータはカラムをダブルクリックすれば入力できます。

任意のデータを入力します。

画像はカラムに表示された「+」をクリックします。

「画像をアップロード」をクリックして画像をアップロードします。

アップロード後、「画像を追加」をクリック。

画像が追加されました。

データベース左の「+」をクリックして、同じ要領でデータを入力します。

データを追加したところです。

４．レコードの挿入

データを挿入したい場合は、挿入したい直前のレコードを選択して「+」または「Add Row」をクリックします。たとえば1と2の間にデータを挿入したい場合は、1のレコードを選択して「+」または「Add Row」をクリック。

これで挿入されました。

５．レコードの削除

不要なレコードは、数字の部分で右クリックして「delete」を選択します。

６．データベースの保存

入力したデータを保存するため、右上にある「保存」をクリックします。

これで作成したデータが保存されます。