このページは Cloud Translation API によって翻訳されました。

Class CardService

CardService を使用すると、Google Workspace アドオンなど、さまざまな Google 拡張機能プロダクトで使用される汎用カードを作成できます。

以下はアドオンカードのサンプルです。

function createCard() {
  return CardService.newCardBuilder()
      .setHeader(CardService.newCardHeader().setTitle('CardTitle'))
      .build();
}

複数のカードを返すこともできます。

function createCards() {
  return [
    CardService.newCardBuilder().build(),
    CardService.newCardBuilder().build(),
    CardService.newCardBuilder().build(),
  ];
}

次の例は、ヘッダー、テキスト、画像、メニュー項目を含むカードを定義する方法を示しています。

function createWidgetDemoCard() {
  return CardService.newCardBuilder()
      .setHeader(
          CardService.newCardHeader()
              .setTitle('Widget demonstration')
              .setSubtitle('Check out these widgets')
              .setImageStyle(CardService.ImageStyle.SQUARE)
              .setImageUrl('https://www.example.com/images/headerImage.png'),
          )
      .addSection(
          CardService.newCardSection()
              .setHeader('Simple widgets')  // optional
              .addWidget(
                  CardService.newTextParagraph().setText(
                      'These widgets are display-only. ' +
                          'A text paragraph can have multiple lines and ' +
                          'formatting.',
                      ),
                  )
              .addWidget(
                  CardService.newImage().setImageUrl(
                      'https://www.example.com/images/mapsImage.png',
                      ),
                  ),
          )
      .addCardAction(
          CardService.newCardAction().setText('Gmail').setOpenLink(
              CardService.newOpenLink().setUrl('https://mail.google.com/mail'),
              ),
          )
      .build();
}

Chat 用アプリのカードのサンプル。

const cardHeader =
    CardService.newCardHeader()
        .setTitle('Sasha')
        .setSubtitle('Software Engineer')
        .setImageUrl(
            'https://developers.google.com/chat/images/quickstart-app-avatar.png',
            )
        .setImageStyle(CardService.ImageStyle.CIRCLE)
        .setImageAltText('Avatar for Sasha');

const cardSection =
    CardService.newCardSection()
        .setHeader('Contact Info')
        .setCollapsible(true)
        .setNumUncollapsibleWidgets(1)
        .addWidget(
            CardService.newDecoratedText()
                .setStartIcon(
                    CardService.newIconImage().setIcon(CardService.Icon.EMAIL))
                .setText('sasha@example.com'),
            )
        .addWidget(
            CardService.newDecoratedText()
                .setStartIcon(
                    CardService.newIconImage().setIcon(CardService.Icon.PERSON))
                .setText('<font color="#80e27e">Online</font>'),
            )
        .addWidget(
            CardService.newDecoratedText()
                .setStartIcon(
                    CardService.newIconImage().setIcon(CardService.Icon.PHONE))
                .setText('+1 (555) 555-1234'),
            )
        .addWidget(
            CardService.newButtonSet()
                .addButton(
                    CardService.newTextButton().setText('Share').setOpenLink(
                        CardService.newOpenLink().setUrl(
                            'https://example.com/share'),
                        ),
                    )
                .addButton(
                    CardService.newTextButton()
                        .setText('Edit')
                        .setOnClickAction(
                            CardService.newAction()
                                .setFunctionName('goToView')
                                .setParameters({viewType: 'EDIT'}),
                            ),
                    ),
        );

const card = CardService.newCardBuilder()
                 .setHeader(cardHeader)
                 .addSection(cardSection)
                 .build();

プロパティ

プロパティ	タイプ	説明
`BorderType`	`BorderType`	`BorderType` 列挙型。
`ChipListLayout`	`ChipListLayout`	`ChipListLayout` 列挙型。
`CommonDataSource`	`CommonDataSource`	`CommonDataSource` 列挙型。
`ComposedEmailType`	`ComposedEmailType`	`ComposedEmailType` 列挙型。
`ContentType`	`ContentType`	`ContentType` 列挙型。
`DriveItemType`	`DriveItemType`	`DriveItemType` 列挙型。
`ExpressionDataActionType`	`ExpressionDataActionType`	`ExpressionDataActionType` 列挙型。
`ExpressionDataConditionType`	`ExpressionDataConditionType`	`ExpressionDataConditionType` 列挙型。
`GridItemLayout`	`GridItemLayout`	`GridItemLayout` 列挙型。
`HorizontalAlignment`	`HorizontalAlignment`	`HorizontalAlignment` 列挙型。
`Icon`	`Icon`	`Icon` 列挙型。
`ImageButtonStyle`	`ImageButtonStyle`	`ImageButtonStyle` 列挙型。
`ImageCropType`	`ImageCropType`	`ImageCropType` 列挙型。
`ImageStyle`	`ImageStyle`	`ImageStyle` 列挙型。
`InputType`	`InputType`	`InputType` 列挙型。
`LoadIndicator`	`LoadIndicator`	`LoadIndicator` 列挙型。
`OnClose`	`OnClose`	`OnClose` 列挙型。
`OpenAs`	`OpenAs`	`OpenAs` 列挙型。
`SelectionInputType`	`SelectionInputType`	`SelectionInputType` 列挙型。
`TextButtonStyle`	`TextButtonStyle`	`TextButtonStyle` 列挙型。
`TextInputMode`	`TextInputMode`	`TextInputMode` 列挙型。
`UpdateDraftBodyType`	`UpdateDraftBodyType`	`UpdateDraftBodyType` 列挙型。
`VariableButtonSize`	`VariableButtonSize`	`VariableButtonSize` 列挙型。
`Visibility`	`Visibility`	`Visibility` 列挙型。
`WorkflowDataSourceType`	`WorkflowDataSourceType`	`WorkflowDataSourceType` 列挙型。

メソッド

メソッド	戻り値の型	概要
`newAction()`	`Action`	新しい `Action` を作成します。
`newActionResponseBuilder()`	`ActionResponseBuilder`	新しい `ActionResponseBuilder` を作成します。
`newActionStatus()`	`ActionStatus`	新しい `ActionStatus` を作成します。
`newAttachment()`	`Attachment`	新しい `Attachment` を作成します。
`newAuthorizationAction()`	`AuthorizationAction`	新しい `AuthorizationAction` を作成します。
`newAuthorizationException()`	`AuthorizationException`	新しい `AuthorizationException` を作成します。
`newBorderStyle()`	`BorderStyle`	新しい `BorderStyle` を作成します。
`newButtonSet()`	`ButtonSet`	新しい `ButtonSet` を作成します。
`newCalendarEventActionResponseBuilder()`	`CalendarEventActionResponseBuilder`	新しい `CalendarEventActionResponseBuilder` を作成します。
`newCardAction()`	`CardAction`	新しい `CardAction` を作成します。
`newCardBuilder()`	`CardBuilder`	新しいカードビルダーを作成します。
`newCardHeader()`	`CardHeader`	新しい `CardHeader` を作成します。
`newCardSection()`	`CardSection`	新しい `CardSection` を作成します。
`newCardWithId()`	`CardWithId`	新しい `CardWithId` を作成します。
`newCarousel()`	`Carousel`	`Carousel` を作成します。
`newCarouselCard()`	`CarouselCard`	新しい `CarouselCard` を作成します。
`newChatActionResponse()`	`ChatActionResponse`	新しい `ChatActionResponse` を作成します。
`newChatResponseBuilder()`	`ChatResponseBuilder`	新しい `ChatResponseBuilder` を作成します。
`newChip()`	`Chip`	新しい `Chip` を作成します。
`newChipList()`	`ChipList`	新しい `ChipList` を作成します。
`newCollapseControl()`	`CollapseControl`	新しい `CollapseControl` を作成します。
`newColumn()`	`Column`	新しい `Column` を作成します。
`newColumns()`	`Columns`	新しい `Columns` のセットを作成します。
`newCommonWidgetAction()`	`CommonWidgetAction`	新しい `CommonWidgetAction` を作成します。
`newComposeActionResponseBuilder()`	`ComposeActionResponseBuilder`	新しい `ComposeActionResponseBuilder` を作成します。
`newCondition()`	`Condition`	クライアントサイドの検証に使用される新しい `Condition` を作成します。
`newDataSourceConfig()`	`DataSourceConfig`	新しい空の `DataSourceConfig` を作成します。
`newDatePicker()`	`DatePicker`	新しい `DatePicker` を作成します。
`newDateTimePicker()`	`DateTimePicker`	新しい `DateTimePicker` を作成します。
`newDecoratedText()`	`DecoratedText`	新しい `DecoratedText` を作成します。
`newDialog()`	`Dialog`	新しい `Dialog` を作成します。
`newDialogAction()`	`DialogAction`	新しい `DialogAction` を作成します。
`newDivider()`	`Divider`	新しい `Divider` を作成します。
`newDriveDataSourceSpec()`	`DriveDataSourceSpec`	新しい `DriveDataSourceSpec` を作成します。
`newDriveItemsSelectedActionResponseBuilder()`	`DriveItemsSelectedActionResponseBuilder`	新しい `DriveItemsSelectedActionResponseBuilder` を作成します。
`newEditorFileScopeActionResponseBuilder()`	`EditorFileScopeActionResponseBuilder`	新しい `EditorFileScopeActionResponseBuilder` を作成します。
`newEventAction()`	`EventAction`	クライアントサイドの検証に使用される新しい `EventAction` を作成します。
`newExpressionData()`	`ExpressionData`	クライアントサイドの検証に使用される新しい `ExpressionData` を作成します。
`newExpressionDataAction()`	`ExpressionDataAction`	クライアントサイドの検証に使用される新しい `ExpressionDataAction` を作成します。
`newExpressionDataCondition()`	`ExpressionDataCondition`	クライアントサイドの検証に使用される新しい `ExpressionDataCondition` を作成します。
`newFixedFooter()`	`FixedFooter`	新しい `FixedFooter` を作成します。
`newGrid()`	`Grid`	新しい `Grid` を作成します。
`newGridItem()`	`GridItem`	新しい `GridItem` を作成します。
`newHostAppDataSource()`	`HostAppDataSource`	新しい `HostAppDataSource` を作成します。
`newIconImage()`	`IconImage`	新しい `IconImage` を作成します。
`newImage()`	`Image`	新しい `Image` を作成します。
`newImageButton()`	`ImageButton`	新しい `ImageButton` を作成します。
`newImageComponent()`	`ImageComponent`	新しい `ImageComponent` を作成します。
`newImageCropStyle()`	`ImageCropStyle`	新しい `ImageCropStyle` を作成します。
`newKeyValue()`	`KeyValue`	新しい `KeyValue` を作成します。
`newLinkPreview()`	`LinkPreview`	新しい `LinkPreview` を作成します。
`newMaterialIcon()`	`MaterialIcon`	新しい `MaterialIcon` を作成します。
`newNavigation()`	`Navigation`	新しい `Navigation` を作成します。
`newNotification()`	`Notification`	新しい `Notification` を作成します。
`newOpenLink()`	`OpenLink`	新しい `OpenLink` を作成します。
`newOverflowMenu()`	`OverflowMenu`	新しい `OverflowMenu` を作成します。
`newOverflowMenuItem()`	`OverflowMenuItem`	新しい `OverflowMenuItem` を作成します。
`newPlatformDataSource()`	`PlatformDataSource`	新しい `PlatformDataSource` を作成します。
`newSelectionInput()`	`SelectionInput`	新しい `SelectionInput` を作成します。
`newSuggestions()`	`Suggestions`	新しい `Suggestions` を作成します。
`newSuggestionsResponseBuilder()`	`SuggestionsResponseBuilder`	新しい `SuggestionsResponseBuilder` を作成します。
`newSwitch()`	`Switch`	新しい `Switch` を作成します。
`newTextButton()`	`TextButton`	新しい `TextButton` を作成します。
`newTextInput()`	`TextInput`	新しい `TextInput` を作成します。
`newTextParagraph()`	`TextParagraph`	新しい `TextParagraph` を作成します。
`newTimePicker()`	`TimePicker`	新しい `TimePicker` を作成します。
`newTrigger()`	`Trigger`	クライアントサイドの検証に使用される新しい `Trigger` を作成して返します。
`newUniversalActionResponseBuilder()`	`UniversalActionResponseBuilder`	新しい `UniversalActionResponseBuilder` を作成します。
`newUpdateDraftActionResponseBuilder()`	`UpdateDraftActionResponseBuilder`	新しい `UpdateDraftActionResponseBuilder` を作成します。
`newUpdateDraftBccRecipientsAction()`	`UpdateDraftBccRecipientsAction`	新しい `UpdateDraftBccRecipientsAction` を作成します。
`newUpdateDraftBodyAction()`	`UpdateDraftBodyAction`	新しい `UpdateDraftBodyAction` を作成します。
`newUpdateDraftCcRecipientsAction()`	`UpdateDraftCcRecipientsAction`	新しい `UpdateDraftCcRecipientsAction` を作成します。
`newUpdateDraftSubjectAction()`	`UpdateDraftSubjectAction`	新しい `UpdateDraftSubjectAction` を作成します。
`newUpdateDraftToRecipientsAction()`	`UpdateDraftToRecipientsAction`	新しい `UpdateDraftToRecipientsAction` を作成します。
`newUpdateVisibilityAction()`	`UpdateVisibilityAction`	新しい `UpdateVisibilityAction` を作成します。
`newValidation()`	`Validation`	新しい `Validation` を作成します。
`newWorkflowDataSource()`	`WorkflowDataSource`	新しい `WorkflowDataSource` を作成します。

詳細なドキュメント

`newAction()`

新しい Action を作成します。

戻る

Action - 空のアクション。

`newActionResponseBuilder()`

新しい ActionResponseBuilder を作成します。

戻る

ActionResponseBuilder - 空の ActionResponse ビルダー。

`newActionStatus()`

新しい ActionStatus を作成します。

Google Chat アプリでのみ使用できます。Google Workspace アドオンでは使用できません。

const actionStatus = CardService.newActionStatus()
                         .setStatusCode(CardService.Status.OK)
                         .setUserFacingMessage('Success');

戻る

ActionStatus - 空の ActionStatus。

`newAttachment()`

新しい Attachment を作成します。

戻る

Attachment - 空の添付ファイル。

`newAuthorizationAction()`

新しい AuthorizationAction を作成します。

戻る

AuthorizationAction - 空の AuthorizationAction。

`newAuthorizationException()`

新しい AuthorizationException を作成します。

戻る

AuthorizationException - 空の AuthorizationException。

`newBorderStyle()`

新しい BorderStyle を作成します。

戻る

BorderStyle - 空の BorderStyle。

`newButtonSet()`

新しい ButtonSet を作成します。

戻る

ButtonSet - 空の ButtonSet。

`newCalendarEventActionResponseBuilder()`

新しい CalendarEventActionResponseBuilder を作成します。

戻る

CalendarEventActionResponseBuilder - 空の CalendarEventActionResponseBuilder。

`newCardAction()`

新しい CardAction を作成します。

戻る

CardAction - 空の CardAction。

`newCardBuilder()`

新しいカードビルダーを作成します。

戻る

CardBuilder - 空のカードビルダー。

`newCardHeader()`

新しい CardHeader を作成します。

戻る

CardHeader - 空の CardHeader。

`newCardSection()`

新しい CardSection を作成します。

戻る

CardSection - 空の CardSection。

`newCardWithId()`

新しい CardWithId を作成します。これは、Google Chat メッセージでカードを送信するために使用されます。card ID は、複数のカードを送信する場合にメッセージ内のカードの一意の識別子です。

Google Chat アプリでのみ使用できます。Google Workspace アドオンでは使用できません。

const cardSection = CardService.newCardSection();
cardSection.addWidget(
    CardService.newTextParagraph().setText('This is a text paragraph widget.'),
);

const card = CardService.newCardBuilder()
                 .setHeader(CardService.newCardHeader().setTitle('Card title'))
                 .addSection(cardSection)
                 .build();

const cardWithId =
    CardService.newCardWithId().setCardId('card_id').setCard(card);

戻る

CardWithId - 空の CardWithId。

`newCarousel()`

Carousel を作成します。

const carousel =
    CardService.newCarousel()
        .addCarouselCard(CardService.newCarouselCard().addWidget(
            CardService.newTextParagraph().setText('The first text paragraph in carousel')))
        .addCarouselCard(CardService.newCarouselCard().addWidget(
            CardService.newTextParagraph().setText('The second text paragraph in carousel')))
        .addCarouselCard(CardService.newCarouselCard().addWidget(
            CardService.newTextParagraph().setText('The third text paragraph in carousel')))

戻る

Carousel - 空の Carousel。

`newCarouselCard()`

新しい CarouselCard を作成します。

const carouselCard = CardService.newCarouselCard().addWidget(
    CardService.newTextParagraph().setText('Text paragraph in carousel'));

戻る

CarouselCard - 空のチップ。

`newChatActionResponse()`

新しい ChatActionResponse を作成します。

Google Chat アプリでのみ使用できます。Google Workspace アドオンでは使用できません。

const card = CardService.newCardBuilder()
                 .setHeader(CardService.newCardHeader().setTitle('Card title'))
                 .build();
const dialog = CardService.newDialog().setBody(card);

const dialogAction = CardService.newDialogAction().setDialog(dialog);

const chatActionResponse = CardService.newChatActionResponse()
                               .setResponseType(CardService.ResponseType.DIALOG)
                               .setDialogAction(dialogAction);

戻る

ChatActionResponse - 空の ChatActionResponse。

`newChatResponseBuilder()`

新しい ChatResponseBuilder を作成します。

Google Chat アプリでのみ使用できます。Google Workspace アドオンでは使用できません。

const cardSection = CardService.newCardSection();
cardSection.addWidget(
    CardService.newTextParagraph().setText('This is a text paragraph widget.'),
);

const card = CardService.newCardBuilder()
                 .setHeader(CardService.newCardHeader().setTitle('Card title'))
                 .addSection(cardSection)
                 .build();

const cardWithId =
    CardService.newCardWithId().setCardId('card_id').setCard(card);

const chatResponse =
    CardService.newChatResponseBuilder().addCardsV2(cardWithId).build();

戻る

ChatResponseBuilder - 空の ChatResponseBuilder。

`newChip()`

新しい Chip を作成します。

Google Chat アプリで利用できます。Google Workspace アドオンのデベロッパープレビュー版です。

const chip = CardService.newChip()
                 .setLabel('Open Link')
                 .setOpenLink(CardService.newOpenLink().setUrl(
                     'https://www.google.com'));

戻る

Chip - 空のチップ。

`newChipList()`

新しい ChipList を作成します。

Google Chat アプリで利用できます。Google Workspace アドオンのデベロッパープレビュー版です。

const chip = CardService.newChip();
// Finish building the text chip...

const chipList = CardService.newChipList()
                     .setLayout(CardService.ChipListLayout.WRAPPED)
                     .addChip(chip);

戻る

ChipList - 空の ChipList。

`newCollapseControl()`

新しい CollapseControl を作成します。

Google Chat アプリで利用できます。Google Workspace アドオンのデベロッパープレビュー版です。

const collapseControl =
    CardService.newCollapseControl()
        .setHorizontalAlign(CardService.HorizontalAlignment.START)
        .setExpandButton(CardService.newTextButton().setText('Expand'))
        .setCollapseButton(CardService.newTextButton().setText('Collapse'));

戻る

CollapseControl - 空の CollapseControl。

`newColumn()`

新しい Column を作成します。

Google Chat アプリと Google Workspace アドオンで利用できます。

const columnWidget = CardService.newTextParagraph();
const column =
    CardService.newColumn()
        .setHorizontalSizeStyle(
            CardService.HorizontalSizeStyle.FILL_AVAILABLE_SPACE)
        .setHorizontalAlignment(CardService.HorizontalAlignment.CENTER)
        .setVerticalAlignment(CardService.VerticalAlignment.CENTER)
        .addWidget(columnWidget);

戻る

Column - 空の列。

`newColumns()`

新しい Columns のセットを作成します。

Google Chat アプリと Google Workspace アドオンで利用できます。

const firstColumn =
    CardService.newColumn()
        .setHorizontalSizeStyle(
            CardService.HorizontalSizeStyle.FILL_AVAILABLE_SPACE)
        .setHorizontalAlignment(CardService.HorizontalAlignment.CENTER)
        .setVerticalAlignment(CardService.VerticalAlignment.CENTER);
const secondColumn =
    CardService.newColumn()
        .setHorizontalSizeStyle(
            CardService.HorizontalSizeStyle.FILL_AVAILABLE_SPACE)
        .setHorizontalAlignment(CardService.HorizontalAlignment.CENTER)
        .setVerticalAlignment(CardService.VerticalAlignment.CENTER);
const columns = CardService.newColumns()
                    .addColumn(firstColumn)
                    .addColumn(secondColumn)
                    .setWrapStyle(CardService.WrapStyle.WRAP);

戻る

Columns - 列の空のセット。

`newCommonWidgetAction()`

新しい CommonWidgetAction を作成します。

戻る

CommonWidgetAction - 空の CommonWidgetAction。

`newComposeActionResponseBuilder()`

新しい ComposeActionResponseBuilder を作成します。

戻る

ComposeActionResponseBuilder - 空の ComposeActionResponse ビルダー。

`newCondition()`

クライアントサイドの検証に使用される新しい Condition を作成します。

戻る

Condition - 空の Condition。

`newDataSourceConfig()`

新しい空の DataSourceConfig を作成します。

戻る

DataSourceConfig - 空の DataSourceConfig。

`newDatePicker()`

新しい DatePicker を作成します。

戻る

DatePicker - 空の DatePicker。

`newDateTimePicker()`

新しい DateTimePicker を作成します。

戻る

DateTimePicker - 空の DateTimePicker。

`newDecoratedText()`

新しい DecoratedText を作成します。

戻る

DecoratedText - 空の DecoratedText。

`newDialog()`

新しい Dialog を作成します。

Google Chat アプリでのみ使用できます。Google Workspace アドオンでは使用できません。

const card = CardService.newCardBuilder()
                 .setHeader(CardService.newCardHeader().setTitle('Card title'))
                 .build();

// Sets the card of the dialog.
const dialog = CardService.newDialog().setBody(card);

戻る

Dialog - 空の Dialog。

`newDialogAction()`

新しい DialogAction を作成します。

Google Chat アプリでのみ使用できます。Google Workspace アドオンでは使用できません。

const card = CardService.newCardBuilder()
                 .setHeader(CardService.newCardHeader().setTitle('Card title'))
                 .build();
const dialog = CardService.newDialog().setBody(card);

const dialogAction = CardService.newDialogAction().setDialog(dialog);

戻る

DialogAction - 空の DialogAction。

`newDivider()`

新しい Divider を作成します。次のサンプルでは、区切り線で区切られた 2 つの段落を含むシンプルなカードを作成します。

function buildCard() {
  const cardSection1TextParagraph1 =
      CardService.newTextParagraph().setText('Hello world!');

  const cardSection1Divider1 = CardService.newDivider();

  const cardSection1TextParagraph2 =
      CardService.newTextParagraph().setText('Hello world!');

  const cardSection1 = CardService.newCardSection()
                           .addWidget(cardSection1TextParagraph1)
                           .addWidget(cardSection1Divider1)
                           .addWidget(cardSection1TextParagraph2);

  const card = CardService.newCardBuilder().addSection(cardSection1).build();

  return card;
}

戻る

Divider - 区切り線。

`newDriveDataSourceSpec()`

新しい DriveDataSourceSpec を作成します。

`newEventAction()`

クライアントサイドの検証に使用される新しい EventAction を作成します。

戻る

EventAction - 空の EventAction。

`newExpressionData()`

クライアントサイドの検証に使用される新しい ExpressionData を作成します。

戻る

ExpressionData - 空の ExpressionData。

`newExpressionDataAction()`

クライアントサイドの検証に使用される新しい ExpressionDataAction を作成します。

戻る

ExpressionDataAction - 空の ExpressionDataAction。

`newExpressionDataCondition()`

クライアントサイドの検証に使用される新しい ExpressionDataCondition を作成します。

戻る

ExpressionDataCondition - 空の ExpressionDataCondition。

`newFixedFooter()`

新しい FixedFooter を作成します。

戻る

FixedFooter - 空の FixedFooter。

`newGrid()`

新しい Grid を作成します。

戻る

Grid - 空のグリッド。

`newGridItem()`

新しい GridItem を作成します。

戻る

GridItem - 空の GridItem。

`newHostAppDataSource()`

新しい HostAppDataSource を作成します。

戻る

HostAppDataSource - HostAppDataSource。

`newIconImage()`

新しい IconImage を作成します。

戻る

IconImage - 空のアイコン画像。

`newImage()`

新しい Image を作成します。

戻る

Image - 空の画像。

`newImageButton()`

新しい ImageButton を作成します。

戻る

ImageButton - 空の ImageButton。

`newImageComponent()`

新しい ImageComponent を作成します。

戻る

ImageComponent - 空の ImageComponent。

`newImageCropStyle()`

新しい ImageCropStyle を作成します。

戻る

ImageCropStyle - 空の ImageCropStyle。

`newKeyValue()`

新しい KeyValue を作成します。

戻る

KeyValue - 空の KeyValue。

`newLinkPreview()`

新しい LinkPreview を作成します。

const decoratedText =
    CardService.newDecoratedText().setTopLabel('Hello').setText('Hi!');

const cardSection = CardService.newCardSection().addWidget(decoratedText);

const card = CardService.newCardBuilder().addSection(cardSection).build();

const linkPreview = CardService.newLinkPreview().setPreviewCard(card).setTitle(
    'Smart chip title');

戻る

LinkPreview - 空の LinkPreview。

`newMaterialIcon()`

新しい MaterialIcon を作成します。

Google Chat アプリと Google Workspace アドオンで利用できます。

const materialIcon =
    CardService.newMaterialIcon().setName('check_box').setFill(true);

const cardSection = CardService.newCardSection();
cardSection.addWidget(
    CardService.newDecoratedText()
        .setStartIcon(CardService.newIconImage().setMaterialIcon(materialIcon))
        .setText('sasha@example.com'),
);

const card = CardService.newCardBuilder()
                 .setHeader(CardService.newCardHeader().setTitle('Card Title'))
                 .addSection(cardSection)
                 .build();

戻る

MaterialIcon - 空の MaterialIcon。

`newNavigation()`

新しい Navigation を作成します。

戻る

Navigation - 空の Navigation。

`newNotification()`

新しい Notification を作成します。

戻る

Notification - 空の Notification。

`newOpenLink()`

新しい OpenLink を作成します。

戻る

OpenLink - 空の OpenLink。

`newOverflowMenu()`

新しい OverflowMenu を作成します。

Google Chat アプリで利用できます。Google Workspace アドオンのデベロッパープレビュー版です。

const overflowMenuItem = CardService.newOverflowMenuItem();
// Finish building the overflow menu item...

const overflowMenu =
    CardService.newOverflowMenu().addMenuItem(overflowMenuItem);

戻る

OverflowMenu - 空の OverflowMenu。

`newOverflowMenuItem()`

新しい OverflowMenuItem を作成します。

Google Chat アプリで利用できます。Google Workspace アドオンのデベロッパープレビュー版です。

const overflowMenuItem =
    CardService.newOverflowMenuItem()
        .setStartIcon(
            CardService.newIconImage().setIconUrl(
                'https://www.google.com/images/branding/googleg/1x/googleg_standard_color_64dp.png',
                ),
            )
        .setText('Open Link')
        .setOpenLink(
            CardService.newOpenLink().setUrl('https://www.google.com'));

戻る

OverflowMenuItem - 空の OverflowMenuItem。

`newPlatformDataSource()`

新しい PlatformDataSource を作成します。

戻る

PlatformDataSource - 空の PlatformDataSource。

`newSelectionInput()`

新しい SelectionInput を作成します。

戻る

SelectionInput - 空の SelectionInput。

`newSuggestions()`

新しい Suggestions を作成します。

戻る

Suggestions - 空の候補。

`newSuggestionsResponseBuilder()`

新しい SuggestionsResponseBuilder を作成します。

戻る

SuggestionsResponseBuilder - 空の SuggestionsResponse ビルダー。

`newSwitch()`

新しい Switch を作成します。

戻る

Switch - 空の Switch。

`newTextButton()`

新しい TextButton を作成します。

戻る

TextButton - 空の TextButton。

`newTextInput()`

新しい TextInput を作成します。

戻る

TextInput - 空の TextInput。

`newTextParagraph()`

新しい TextParagraph を作成します。

戻る

TextParagraph - 空の TextParagraph。

`newTimePicker()`

新しい TimePicker を作成します。

戻る

TimePicker - 空の TimePicker。

`newTrigger()`

クライアントサイドの検証に使用される新しい Trigger を作成して返します。

戻る

Trigger - 空の Trigger。

`newUniversalActionResponseBuilder()`

新しい UniversalActionResponseBuilder を作成します。

戻る

UniversalActionResponseBuilder - 空の UniversalActionResponse ビルダー。

`newUpdateDraftActionResponseBuilder()`

新しい UpdateDraftActionResponseBuilder を作成します。

戻る

UpdateDraftActionResponseBuilder - 空の UpdateDraftActionResponseBuilder。

`newUpdateDraftBccRecipientsAction()`

新しい UpdateDraftBccRecipientsAction を作成します。

戻る

UpdateDraftBccRecipientsAction - 空の UpdateDraftBccRecipientsAction。

`newUpdateDraftBodyAction()`

新しい UpdateDraftBodyAction を作成します。

戻る

UpdateDraftBodyAction - 空の UpdateDraftBodyAction。

`newUpdateDraftCcRecipientsAction()`

新しい UpdateDraftCcRecipientsAction を作成します。

戻る

UpdateDraftCcRecipientsAction - 空の UpdateDraftCcRecipientsAction。

`newUpdateDraftSubjectAction()`

新しい UpdateDraftSubjectAction を作成します。

戻る

UpdateDraftSubjectAction - 空の UpdateDraftSubjectAction。

`newUpdateDraftToRecipientsAction()`

新しい UpdateDraftToRecipientsAction を作成します。

戻る

UpdateDraftToRecipientsAction - 空の UpdateDraftToRecipientsAction。

`newUpdateVisibilityAction()`

新しい UpdateVisibilityAction を作成します。

戻る

UpdateVisibilityAction - 空の UpdateVisibilityAction。

`newValidation()`

新しい Validation を作成します。

Google Chat アプリと Google Workspace アドオンで利用できます。

const validation =
    CardService.newValidation().setCharacterLimit(5).setInputType(
        CardService.InputType.EMAIL);

戻る

Validation - 空の検証。

`newWorkflowDataSource()`

新しい WorkflowDataSource を作成します。

戻る

WorkflowDataSource - 空の WorkflowDataSource。

Class CardService コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。

プロパティ

メソッド

詳細なドキュメント

newAction()

戻る

newActionResponseBuilder()

戻る

newActionStatus()

戻る

newAttachment()

戻る

newAuthorizationAction()

戻る

newAuthorizationException()

戻る

newBorderStyle()

戻る

newButtonSet()

戻る

newCalendarEventActionResponseBuilder()

戻る

newCardAction()

戻る

newCardBuilder()

戻る

newCardHeader()

戻る

newCardSection()

戻る

newCardWithId()

戻る

newCarousel()

戻る

newCarouselCard()

戻る

newChatActionResponse()

戻る

newChatResponseBuilder()

戻る

newChip()

戻る

newChipList()

戻る

newCollapseControl()

戻る

newColumn()

戻る

newColumns()

戻る

newCommonWidgetAction()

戻る

newComposeActionResponseBuilder()

戻る

newCondition()

戻る

newDataSourceConfig()

戻る

newDatePicker()

戻る

newDateTimePicker()

戻る

newDecoratedText()

戻る

newDialog()

戻る

newDialogAction()

戻る

newDivider()

戻る

newDriveDataSourceSpec()

戻る

newDriveItemsSelectedActionResponseBuilder()

戻る

newEditorFileScopeActionResponseBuilder()

戻る

newEventAction()

戻る

newExpressionData()

戻る

Class CardService

`newAction()`

`newActionResponseBuilder()`

`newActionStatus()`

`newAttachment()`

`newAuthorizationAction()`

`newAuthorizationException()`

`newBorderStyle()`

`newButtonSet()`

`newCalendarEventActionResponseBuilder()`

`newCardAction()`

`newCardBuilder()`

`newCardHeader()`

`newCardSection()`

`newCardWithId()`

`newCarousel()`

`newCarouselCard()`

`newChatActionResponse()`

`newChatResponseBuilder()`

`newChip()`

`newChipList()`

`newCollapseControl()`

`newColumn()`

`newColumns()`

`newCommonWidgetAction()`

`newComposeActionResponseBuilder()`

`newCondition()`

`newDataSourceConfig()`

`newDatePicker()`

`newDateTimePicker()`

`newDecoratedText()`

`newDialog()`

`newDialogAction()`

`newDivider()`

`newDriveDataSourceSpec()`

`newDriveItemsSelectedActionResponseBuilder()`

`newEditorFileScopeActionResponseBuilder()`

`newEventAction()`

`newExpressionData()`

`newExpressionDataAction()`

`newExpressionDataCondition()`

`newFixedFooter()`

`newGrid()`

`newGridItem()`

`newHostAppDataSource()`

`newIconImage()`

`newImage()`

`newImageButton()`

`newImageComponent()`

`newImageCropStyle()`

`newKeyValue()`

`newLinkPreview()`

`newMaterialIcon()`

`newNavigation()`

`newNotification()`

`newOpenLink()`

`newOverflowMenu()`

`newOverflowMenuItem()`

`newPlatformDataSource()`

`newSelectionInput()`

`newSuggestions()`

`newSuggestionsResponseBuilder()`

`newSwitch()`

`newTextButton()`

`newTextInput()`

`newTextParagraph()`

`newTimePicker()`

`newTrigger()`

`newUniversalActionResponseBuilder()`

`newUpdateDraftActionResponseBuilder()`

`newUpdateDraftBccRecipientsAction()`

`newUpdateDraftBodyAction()`

`newUpdateDraftCcRecipientsAction()`

`newUpdateDraftSubjectAction()`