カード
カードは、テキストや画像などの UI ウィジェットを含むことができる UI 要素です。
| JSON 表現 |
|---|
{ "header": { object ( |
| フィールド | |
|---|---|
header
|
カードのヘッダー。ヘッダーには通常、タイトルと画像が含まれます。 |
sections[]
|
セクションは分割線で区切ります。 |
cardActions[]
|
このカードのアクション。 |
name
|
カードの名前。 |
CardHeader
| JSON 表現 |
|---|
{
"title": string,
"subtitle": string,
"imageStyle": enum ( |
| フィールド | |
|---|---|
title
|
タイトルを指定する必要があります。ヘッダーの高さは固定されています。タイトルとサブタイトルの両方が指定されている場合、それぞれ 1 行を占有します。タイトルのみが指定されている場合、両方の行が使用されます。 |
subtitle
|
カード ヘッダーのサブタイトル。 |
imageStyle
|
画像のタイプ(正方形の枠線や円形の枠線など)。 |
imageUrl
|
カードのヘッダーにある画像の URL。 |
ImageStyle
| 列挙型 | |
|---|---|
IMAGE_STYLE_UNSPECIFIED
|
|
IMAGE
|
正方形の枠線。 |
AVATAR
|
円形の枠線。 |
セクション
セクションには、指定された順序で(縦方向に)レンダリングされるウィジェットのコレクションが含まれています。すべてのプラットフォームで、カードの幅は狭く固定されているため、現時点ではレイアウト プロパティ(float など)は必要ありません。
| JSON 表現 |
|---|
{
"header": string,
"widgets": [
{
object ( |
| フィールド | |
|---|---|
header
|
セクションのヘッダー。書式設定されたテキストがサポートされています。テキストの書式設定について詳しくは、Google Chat アプリでのテキストの書式設定と Google Workspace アドオンでのテキストの書式設定をご覧ください。 |
widgets[]
|
セクションには少なくとも 1 つのウィジェットを含める必要があります。 |
WidgetMarkup
ウィジェットは、テキストと画像を表示する UI 要素です。
| JSON 表現 |
|---|
{ "buttons": [ { object ( |
| フィールド | |
|---|---|
buttons[]
|
ボタンのリスト。Buttons も |
WidgetMarkup には、次のいずれか 1 つの項目のみを指定できます。複数の WidgetMarkup フィールドを使用して、より多くのアイテムを表示できます。以下は、相互に排他的なフィールドのリストです。レスポンスで設定されるフィールドは最大で 1 つです。 |
|
textParagraph
|
このウィジェットにテキストの段落を表示します。 |
image
|
このウィジェットに画像を表示します。 |
keyValue
|
このウィジェットに Key-Value の項目を表示します。 |
| 相互に排他的なフィールドの終わり。 | |
TextParagraph
テキストの段落。書式設定されたテキストがサポートされています。テキストの書式設定について詳しくは、Google Chat アプリでのテキストの書式設定と Google Workspace アドオンでのテキストの書式設定をご覧ください。
| JSON 表現 |
|---|
{ "text": string } |
| フィールド | |
|---|---|
text
|
|
画像
URL で指定された画像。onclick アクションを設定できます。
| JSON 表現 |
|---|
{
"imageUrl": string,
"onClick": {
object ( |
| フィールド | |
|---|---|
imageUrl
|
画像の URL です。 |
onClick
|
|
aspectRatio
|
この画像のアスペクト比(幅と高さ)。このフィールドを使用すると、画像の読み込みを待機している間、画像の適切な高さを確保できます。これは、画像の組み込みアスペクト比をオーバーライドするためのものではありません。設定されていない場合、サーバーは画像をプリフェッチしてこの値を入力します。 |
OnClick
onclick アクション(リンクを開くなど)。
| JSON 表現 |
|---|
{ "action": { object ( |
| フィールド | |
|---|---|
| 以下は、相互に排他的なフィールドのリストです。レスポンスで設定されるフィールドは最大で 1 つです。 | |
action
|
指定されている場合、この |
openLink
|
この |
| 相互に排他的なフィールドの終わり。 | |
FormAction
フォーム アクションは、フォームが送信されたときの動作を記述します。たとえば、Apps Script を呼び出してフォームを処理できます。
| JSON 表現 |
|---|
{
"actionMethodName": string,
"parameters": [
{
object ( |
| フィールド | |
|---|---|
actionMethodName
|
メソッド名は、フォームのどの部分がフォームの送信をトリガーしたかを特定するために使用されます。この情報は、カードのクリック イベントの一部として Chat 用アプリにエコーバックされます。共通の動作をトリガーする複数の要素に同じメソッド名を使用できます。 |
parameters[]
|
アクション パラメータのリスト。 |
ActionParameter
アクション メソッドが呼び出されたときに指定する文字列パラメータのリスト。たとえば、[今すぐスヌーズ]、[1 日スヌーズ]、[来週スヌーズ] の 3 つのスヌーズボタンがあるとします。action method = snooze() を使用して、文字列パラメータのリストでスヌーズ タイプとスヌーズ時間を渡すことができます。
| JSON 表現 |
|---|
{ "key": string, "value": string } |
| フィールド | |
|---|---|
key
|
アクション スクリプトのパラメータの名前。 |
value
|
パラメータの値。 |
OpenLink
新しいウィンドウを開くリンク。
| JSON 表現 |
|---|
{ "url": string } |
| フィールド | |
|---|---|
url
|
開く URL。 |
KeyValue
UI 要素には、キー(ラベル)と値(コンテンツ)が含まれます。この要素には、onclick ボタンなどのアクションを含めることもできます。
| JSON 表現 |
|---|
{ "topLabel": string, "content": string, "contentMultiline": boolean, "bottomLabel": string, "onClick": { object ( |
| フィールド | |
|---|---|
topLabel
|
上部のラベルのテキスト。書式設定されたテキストがサポートされています。テキストの書式設定について詳しくは、Google Chat アプリでのテキストの書式設定と Google Workspace アドオンでのテキストの書式設定をご覧ください。 |
content
|
コンテンツのテキスト。書式設定されたテキストがサポートされ、常に必要です。テキストの書式設定について詳しくは、Google Chat アプリでのテキストの書式設定と Google Workspace アドオンでのテキストの書式設定をご覧ください。 |
contentMultiline
|
コンテンツが複数行であるかどうか。 |
bottomLabel
|
下部のラベルのテキスト。書式設定されたテキストがサポートされています。テキストの書式設定について詳しくは、Google Chat アプリでのテキストの書式設定と Google Workspace アドオンでのテキストの書式設定をご覧ください。 |
onClick
|
|
アイコン、top_label、bottom_label のうち少なくとも 1 つを定義する必要があります。以下は、相互に排他的なフィールドのリストです。レスポンスで設定されるフィールドは最大で 1 つです。 |
|
icon
|
Chat API によって対応するアイコン画像に置き換えられる列挙型値。 |
iconUrl
|
URL で指定されたアイコン。 |
| 相互に排他的なフィールドの終わり。 | |
コントロール ウィジェット。button または switch_widget のいずれかを設定できますが、両方は設定できません。以下は、相互に排他的なフィールドのリストです。レスポンスで設定されるフィールドは最大で 1 つです。 |
|
button
|
クリックしてアクションをトリガーできるボタン。 |
| 相互に排他的なフィールドの終わり。 | |
アイコン
サポートされているアイコンのセット。
| 列挙型 | |
|---|---|
ICON_UNSPECIFIED
|
|
AIRPLANE
|
|
BOOKMARK
|
|
BUS
|
|
CAR
|
|
CLOCK
|
|
CONFIRMATION_NUMBER_ICON
|
|
DOLLAR
|
|
DESCRIPTION
|
|
EMAIL
|
|
EVENT_PERFORMER
|
|
EVENT_SEAT
|
|
FLIGHT_ARRIVAL
|
|
FLIGHT_DEPARTURE
|
|
HOTEL
|
|
HOTEL_ROOM_TYPE
|
|
INVITE
|
|
MAP_PIN
|
|
MEMBERSHIP
|
|
MULTIPLE_PEOPLE
|
|
OFFER
|
|
PERSON
|
|
PHONE
|
|
RESTAURANT_ICON
|
|
SHOPPING_CART
|
|
STAR
|
|
STORE
|
|
TICKET
|
|
TRAIN
|
|
VIDEO_CAMERA
|
|
VIDEO_PLAY
|
|
ボタン
ボタン。テキスト ボタンまたは画像ボタンを指定できます。
| JSON 表現 |
|---|
{ "textButton": { object ( |
| フィールド | |
|---|---|
| 以下は、相互に排他的なフィールドのリストです。レスポンスで設定されるフィールドは最大で 1 つです。 | |
textButton
|
テキストと |
imageButton
|
画像と |
| 相互に排他的なフィールドの終わり。 | |
TextButton
テキストと onclick アクションを含むボタン。
| JSON 表現 |
|---|
{
"text": string,
"onClick": {
object ( |
| フィールド | |
|---|---|
text
|
ボタンのテキスト。 |
onClick
|
ボタンの |
ImageButton
onclick アクションを含む画像ボタン。
| JSON 表現 |
|---|
{ "onClick": { object ( |
| フィールド | |
|---|---|
onClick
|
|
name
|
ユーザー補助に使用されるこの |
アイコンは、Icon、enum、または URL で指定できます。以下は、相互に排他的なフィールドのリストです。レスポンスで設定されるフィールドは最大で 1 つです。 |
|
icon
|
Chat API によって提供されるアイコンへのインデックスである |
iconUrl
|
URL で指定されたアイコン。 |
| 相互に排他的なフィールドの終わり。 | |
CardAction
カード アクションは、カードに関連付けられたアクションです。請求書カードの場合、一般的なアクションは、請求書の削除、請求書のメール送信、ブラウザでの請求書のオープンなどです。
Google Chat アプリではサポートされていません。
| JSON 表現 |
|---|
{
"actionLabel": string,
"onClick": {
object ( |
| フィールド | |
|---|---|
actionLabel
|
操作メニュー項目に表示されるラベル。 |
onClick
|
このアクション アイテムの onclick アクション。 |