# マジックテキスト

## マジックテキストについて学ぶ

マジックテキストは、Adaloの基本的な要素であり、ダイナミックで魅力的なアプリを作成するために理解する必要があります。マジックテキストは、データベースからデータを取得してアプリ内に表示し、データベース内の各レコード項目ごとにデザインを複製する必要がありません。

マジックテキストは本当に :sparkles:マジック:sparkles: です。

{% embed url="<https://youtu.be/JBqBt_0Kb80>" %}

テキストを表示するコンポーネントでは、テキストボックスの下にあるツールバーに、マジックテキストアイコンが表示されます。<img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-1f64dc2ecda2f08ec85ff8da9ec5fd2ee5b9ece1%2FScreenshot%202019-08-19%20at%2010.23.11%20AM.png?alt=media" alt="" data-size="line">をクリックすると、コンポーネントに追加できるマジックテキストが表示されます。

マジックテキストは、アプリのデータベースからテキストが自動的に置換されます。例えば、画面が旅行の詳細を表示している場合、マジックテキストを使用して旅行の名前を表示できます。

ログインしているユーザー、リスト内の任意のアイテム、または画面にリンクされている任意のリストアイテムのためにマジックテキストを表示できます。

例えば、旅行アプリがあり、旅行のオプションを表示し、ユーザーが特定の旅行をクリックしてその旅行の詳細情報が表示される画面を開けるようにしたい場合は以下の操作を行います。

1. テキストボックス、画像、または他のコンポーネントを挿入します
2. テキストボックスのツールバーからマジックテキストアイコンを選択します
3. 追加したいデータベースコレクションとプロパティを選択します
4. マジックテキストが機能するか確認するために'Preview'をクリックします

![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-30acd2d5a1bb9d1c8f460514db23a8de8256c557%2FTrip%20Example.gif?alt=media)

![ステップ4](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-bc2de4ac4f749ed0c1a7300fda2c850cea13136f%2FFinal%20GIf%202%20Magic%20Text.gif?alt=media)