Google Slides API を使用すると、ページ上で表の作成や編集ができます。このページの例では、presentations.batchUpdate
メソッドを使用した一般的な表操作を示します。
サンプルで使用する変数は次のとおりです。
- PRESENTATION_ID - プレゼンテーション ID を指定する場所を示します。この ID の値はプレゼンテーションの URL で確認できます。
- PAGE_ID - ページ オブジェクト ID を指定する場所を示します。この ID の値は URL から、または API の読み取りリクエストを使用して取得できます。
- TABLE_ID - 操作する表のページ要素オブジェクト ID を指定する場所を示します。作成する要素の ID は自身で指定するか(いくつかの制限事項があります)、スライド API で自動的に生成できます。要素 ID は、API 読み取りリクエストで取得できます。
これらの例では、特定の言語に依存しない HTTP リクエストの形式を採用しています。Google API クライアント ライブラリを使用してバッチ アップデートをさまざまな言語で実装する方法については、シェイプとテキストを追加するをご覧ください。
テーブルを作成する
次の presentations.batchUpdate
コードサンプルは、CreateTableRequest
メソッドを使用して、PAGE_ID で指定されたスライドに表を追加する方法を示しています。
この表は 8 行 5 列で構成されます。Slides API では、elementProperties
の一部として指定された size
フィールドや transform
フィールドは無視されます。代わりに、この API は可能な範囲で、指定された行と列を収容できるサイズの表をスライドのおおよその中心位置に作成します。
テーブルを作成するリクエスト プロトコルは次のとおりです。
POST https://slides.googleapis.com/v1/presentations/PRESENTATION_ID:batchUpdate
{ "requests": [ { "createTable": { "objectId": TABLE_ID, "elementProperties": { "pageObjectId": PAGE_ID, }, "rows": 8, "columns": 5 } } ] }
表の行または列を削除する
次の presentations.batchUpdate
コードサンプルは、DeleteTableRowRequest
メソッドを使用して 6 行目を削除する方法を示しています。次に、DeleteTableColumnRequest
メソッドを使用して 4 列目を削除します。テーブルは TABLE_ID で指定します。cellLocation
内の rowIndex
と columnIndex
はどちらもゼロベースです。
テーブルの行または列を削除するリクエスト プロトコルは次のとおりです。
POST https://slides.googleapis.com/v1/presentations/PRESENTATION_ID:batchUpdate
{ "requests": [ { "deleteTableRow": { "tableObjectId": TABLE_ID, "cellLocation": { "rowIndex": 5 } } }, { "deleteTableColumn": { "tableObjectId": TABLE_ID, "cellLocation": { "columnIndex": 3 } } } ] }
テーブルデータを編集する
次の presentations.batchUpdate
コードサンプルは、DeleteTextRequest
メソッドを使用して textRange
内のセル内のテキストをすべて削除する方法を示しています。次に、InsertTextRequest
メソッドを使用して、新しいテキスト「Kangaroo」に置き換えます。
テーブルは TABLE_ID で指定します。影響を受けるセルは 5 行目 3 列目にあります。cellLocation
内の rowIndex
と columnIndex
はどちらもゼロベースです。
テーブルデータを編集するリクエスト プロトコルは次のとおりです。
POST https://slides.googleapis.com/v1/presentations/PRESENTATION_ID:batchUpdate
{ "requests": [ { "deleteText": { "objectId": TABLE_ID, "cellLocation": { "rowIndex": 4, "columnIndex": 2 }, "textRange": { "type": "ALL", } } }, { "insertText": { "objectId": TABLE_ID, "cellLocation": { "rowIndex": 4, "columnIndex": 2 }, "text": "Kangaroo", "insertionIndex": 0 } } ] }
表のヘッダー行の表示形式を設定する
次の presentations.batchUpdate
コードサンプルは、UpdateTableCellPropertiesRequest
メソッドを使用して、TABLE_ID で指定された tableRange
内の表要素のヘッダー行をフォーマットする方法を示しています。次に、TableCellProperties
メソッドを使用して、ヘッダー行の背景色を黒に設定します。
以降の各リクエストでは、UpdateTextStyleRequest
メソッドを使用して、ヘッダー行の 1 つのセル内のテキストの書式を、textRange
内の太字、白文字、18 pt、Cambria フォントに設定します。ヘッダーの追加セルごとに、このリクエストを繰り返す必要があります。
location
と cellLocation
内の rowIndex
と columnIndex
はどちらもゼロベースです。
表のヘッダー行の書式設定を行うリクエスト プロトコルは次のとおりです。
POST https://slides.googleapis.com/v1/presentations/PRESENTATION_ID:batchUpdate
{ "requests": [ { "updateTableCellProperties": { "objectId": TABLE_ID, "tableRange": { "location": { "rowIndex": 0, "columnIndex": 0 }, "rowSpan": 1, "columnSpan": 3 }, "tableCellProperties": { "tableCellBackgroundFill": { "solidFill": { "color": { "rgbColor": { "red": 0.0, "green": 0.0, "blue": 0.0 } } } } }, "fields": "tableCellBackgroundFill.solidFill.color" } }, { "updateTextStyle": { "objectId": TABLE_ID, "cellLocation": { "rowIndex": 0, "columnIndex": 0 }, "style": { "foregroundColor": { "opaqueColor": { "rgbColor": { "red": 1.0, "green": 1.0, "blue": 1.0 } } }, "bold": true, "fontFamily": "Cambria", "fontSize": { "magnitude": 18, "unit": "PT" } }, "textRange": { "type": "ALL" }, "fields": "foregroundColor,bold,fontFamily,fontSize" } }, // Repeat the above request for each additional cell in the header row.... ] }
更新後のフォーマットされたヘッダー行は次のようになります。
表に行または列を挿入する
次の presentations.batchUpdate
コードサンプルは、InsertTableRowsRequest
メソッドを使用して 6 行目の下に 3 行を追加する方法を示しています。次に、InsertTableColumnsRequest
メソッドを使用して、同じテーブルの 4 列目の左に 2 列追加します。
テーブルは TABLE_ID で指定します。cellLocation
内の rowIndex
と columnIndex
はどちらもゼロベースです。
表に行または列を挿入するリクエスト プロトコルは次のとおりです。
POST https://slides.googleapis.com/v1/presentations/PRESENTATION_ID:batchUpdate
{ "requests": [ { "insertTableRows": { "tableObjectId": TABLE_ID, "cellLocation": { "rowIndex": 5 }, "insertBelow": true, "number": 3 } }, { "insertTableColumns": { "tableObjectId": TABLE_ID, "cellLocation": { "columnIndex": 3 }, "insertRight": false, "number": 2 } } ] }