Adaloチュートリアルやってみた: データ構造を学ぼう！-2

スタートアップテクノロジー開発部のokinaです。
今回は、Adaloビデオチュートリアルの「Working with Data」に沿って
データベースの操作を学んでいきましょう。

前回のチュートリアルは、Adaloチュートリアルやってみた: 基本的な使い方を確認しよう！-1 をご覧ください。

- この記事で学べること

データベースってなに？
データベースはどこから見られる？
画面とデータベースを接続
マジックテキストを追加
リンクを設定する
まとめ

この記事で学べること

画面とデータベースの接続ができるようになる
リンクを設定して画面遷移ができるようになる

データベースってなに？

現在、開発の現場では「リレーショナルデータベース」が主に用いられています。
一般的に「表」と言われてイメージするものが、データベースのテーブルにあたります。
データを登録するとレコードという形でデータベースへ格納されます。
レコードは、カラムという要素(例：名前、性別、年齢等)を埋める形で登録します。

さて、次から実際にAdaloを操作しながら詳しく見ていきます。
データベースに関しては、
上記をなんとなく頭に入れておいていただくだけで全く問題ありません！
なぜなら、Adaloを使っているうちに簡単にデータ構造を理解できてしまうからです。

データベースはどこから見られる？

左側のメニューから、
ピカピカしているところをクリックしてみてください。
ここからデータベースの内容を見ることができます。
現在登録されているテーブルは、
ユーザー、旅行、活動の3つですね。

その中の旅行テーブルには、2つのレコードが登録されています。

画面とデータベースを接続

それでは、Home画面とデータベースを接続してみましょう。
Home画面の画像リストグループをクリックすると、左側に新しくメニューが出てきます。
「これはなんのリストですか？」というプルダウンをクリックすると、
前述した3つのテーブルが表示されます。

この中から接続したいテーブルを選択してください。

たったこれだけで、Home画面と旅行テーブルを接続することができました！！
プレビューで見ると、ちゃんと画像と名前が表示されています。

しかし、名前の下が”subtitle”のままですね。
ここへ旅行テーブルの[説明]を表示してみましょう。

マジックテキストを追加

まずは最初に、動画で手順を確認します。
ここでは、マジックテキスト※1という機能を使って
自動的にテキストを置き換えてくれるよう設定します。

メニューからテキストを選択すると、いろいろな項目が新たに表示されました。
ここで「字幕」となっている箇所が、”subtitle”にあたります。
ピカピカしている”T”の文字をクリックすると、旅行テーブルのカラムを選べるようになっています。
[説明]を表示させたいのでこちらをクリックしてみると、「旅行の説明」と出てきました！

プレビューで確認してみると…