> For the complete documentation index, see [llms.txt](https://help.adalo.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.adalo.com/ja/feature-templates/browse-classes/classes-details-screen.md).

# クラス詳細スクリーン

クラス詳細画面は、カテゴリ内の選択されたクラスに関するすべての情報を表示するためのものです。このページには、Magic Textを介してデータベースから情報を取得するいくつかのコンポーネントが含まれています。クラスコレクション内のプロパティに情報が含まれていない場合、この画面では正しく表示されません。

いくつかのコンポーネントは、「カテゴリリスト」および「クラスリスト」画面のドキュメントで説明されたコンポーネントと同じ方法で機能するため、以下で新しいコンポーネントについて説明します。

## コンポーネント

### **ボタンコンポーネント — Rectangle 38**

<figure><img src="/files/bhdRXkF8IqAmGGPsSDT3" alt="" width="302"><figcaption></figcaption></figure>

この長方形コンポーネントは、この画面上のボタンのように機能します。表示されるかどうかを制御する可視性ルールが含まれています。この場合、現在のクラス > 利用可能な空きスポットが0より大きい場合にボタンが表示されます。つまり、クラスに空きがある場合、ボタンが表示されます。

⚡ **ボタンアクション**

ボタンには、「購入」画面に移動するリンクアクションが含まれています。

### マップコンポーネント

マップコンポーネントは、コンポーネントマーケットプレースにあるか、「インストールされたチーム」セクションのコンポーネント左パネルに表示されます。

<figure><img src="/files/EiByvIqCOxBf19XYGCpj" alt=""><figcaption></figcaption></figure>

このコンポーネントには[Google Maps APIキー](https://help.adalo.com/component-basics/marketplace-components/maps?_gl=1*x54t8i*_ga*MTExMTM3MTY4NC4xNTg1NTk0NDU1*_ga_SWT45DV35L*MTY5MzQyNDMwNS44Ni4wLjE2OTM0MjQzMDUuNjAuMC4w#1-setup-your-google-api-key)が必要で、クラスの場所を表示します。Googleマップコンポーネントにはさまざまなカスタマイズが可能です。

地図上に表示される場所は、クラスコレクション内の場所プロパティに基づいています。

{% hint style="danger" %}
マップコンポーネントを利用するには、Google Maps APIキーが必要です
{% endhint %}

### 条件付き表示要素

<figure><img src="/files/vVepSUtWp1cGHoPQHd9Z" alt="" width="375"><figcaption></figcaption></figure>

ユーザーにとって、要素のうちの1つだけが表示されます — 両方とも表示されることはありません。表示される要素は、「利用可能な空きスポット」プロパティからの空きスポットの有無に基づく可視性ルールに関連付けられています。

{% hint style="info" %}
見た目では、1つのグループが間違った場所に表示されるように見えるかもしれませんが — 可視性ルールが使用されると、消えるコンポーネントは、元々表示されていたグループが占めていた領域を埋めるように移動します。
{% endhint %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://help.adalo.com/ja/feature-templates/browse-classes/classes-details-screen.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
