Apps Scriptリファレンス: Apps Script Reference |障害・課題追跡: IssueTracker |Google Workspace: Status Dashboard - Summary

2024年4月15日月曜日

Google Apps Scriptでスライドのページを指定して複数の図形を追加したい(Google Apps Script)


Googleスライドのページを指定して、 複数の図形(とテキスト)を追加したくて書いたコードです。



Code.gs
const values = ["hello", "hey", "hi"];
const url = "https://docs.google.com/presentation/d/SLIDE_ID/edit#slide=id.p";
const pageId = url.split("slide=id.")[1];
const slide = SlidesApp.openByUrl(url);
const pages = slide.getSlides();
const pageIndex = findPageIndex(pages, pageId);
const page = slide.getSlides()[pageIndex];

function insertNewShape() {
for(let i = 0; i < values.length; i++) {
const rect = page.insertShape(SlidesApp.ShapeType.RECTANGLE)
.setWidth(120)
.setHeight(30)
.setTop(0)
.setLeft(0);
rect.getText().setText(values[i])
.getTextStyle().setFontSize(12);
rect.getFill().setSolidFill("#C9DAF8");
}
}

function findPageIndex(pages, pageId) {
let pageIndex;
for(let i = 0; i < pages.length; i++) {
if(pages[i].getObjectId() === pageId) {
pageIndex = i;
}
}
return pageIndex;
}



図形の中に入れたい文字をvaluesに入れます。
図形を追加したいスライドのURLを url に入れます。

const values = ["hello", "hey", "hi"];
const url = "https://docs.google.com/presentation/d/SLIDE_ID/edit#slide=id.p";



insertNewShape() を実行すると、以下のように左上端に図形が追加されます。
同じ位置に3つの図形を追加しているため見た目は上の画像のように一つですが、

一つずつ選択して位置をずらすと下の画像のように確認できます。


Reference



Latest post

Googleドキュメントに見出しを追加したい

今回の例では、ドキュメントの末尾に「見出しD」 を追加します。 見出しA, B, C, Dのスタイルは、見出し3 ( HEADING3 ) に設定しています。  下記Code.gsの  GOOGLE_DOCUMENT_URL を設定して  addHeadingToEnd()  を...