https://tanaikech.github.io/tags/slides/ Recent content in Slides on tanaike - Google Apps Script, Gemini API, and Developer Tips Hugo ja &copy; 2026. All rights reserved. Tue, 15 Apr 2025 13:39:44 +0900 https://tanaikech.github.io/2025/04/15/integrating-gemini-and-google-apps-script-for-automated-google-slides-presentations/ Tue, 15 Apr 2025 13:39:44 +0900 https://tanaikech.github.io/2025/04/15/integrating-gemini-and-google-apps-script-for-automated-google-slides-presentations/ <p><a href="https://gist.github.com/tanaikech/063bbecb2d3beaddc17fc3bf59722f13">Gists</a></p> <h2 id="abstract">Abstract</h2> <p>Learn how Gemini AI and Google Apps Script automate Google Slides generation. A developed application demonstrates this synergy, streamlining initial presentation drafting and showcasing AI&rsquo;s automation potential within Google Workspace.</p> <h2 id="introduction">Introduction</h2> <p>The field of AI, particularly large language models like Google&rsquo;s Gemini, is advancing rapidly. A powerful application of this technology involves integrating Gemini with Google Apps Script. Google Apps Script provides a seamless way to automate tasks across Google Workspace by natively handling authorization and interaction with services like Google Docs, Google Sheets, and Google Slides. By combining Gemini&rsquo;s generative capabilities with Apps Script, sophisticated automations become accessible.</p> https://tanaikech.github.io/2025/03/25/enhanced-text-manipulation-in-google-slides-using-google-apps-script/ Tue, 25 Mar 2025 14:20:58 +0900 https://tanaikech.github.io/2025/03/25/enhanced-text-manipulation-in-google-slides-using-google-apps-script/ <p><a href="https://gist.github.com/tanaikech/c7f8adb32d595b9e27b6a43f0910569e">Gists</a></p> <p><img src="https://tanaikech.github.io/image-storage/20250325a/fig1.jpg" alt="Enhanced Text Manipulation in Google Slides using Google Apps Script" loading="lazy" decoding="async"> </p> <h1 id="description">Description</h1> <p>This is a sample Google Apps Script designed to replace all instances of specific text within a Google Slides presentation, while simultaneously applying a desired text style. The built-in <code>Presentation.replaceAllText()</code> method within the Google Slides service is limited; it efficiently replaces text strings but lacks the functionality to modify text formatting during the replacement process. This limitation poses a challenge when aiming for styled text replacements. This report presents a detailed script solution that overcomes this constraint. The script iterates through all text elements within the slides, identifies matching text, and performs a replacement. Crucially, it also applies specified text formatting attributes, such as font, font size, color, and bold/italic settings, to the replaced text. This enhanced functionality allows users to maintain consistent and visually appealing presentations when automating text modifications. Furthermore, the script illustrates the use of <code>TextRange</code> methods for precise text manipulation and styling within Google Slides. This approach offers a more robust alternative to the standard <code>replaceAllText()</code> method, providing greater control over text replacement and formatting in Google Slides automation workflows.</p> https://tanaikech.github.io/2024/01/30/updated-gas-library-docsserviceapp/ Tue, 30 Jan 2024 20:41:29 +0900 https://tanaikech.github.io/2024/01/30/updated-gas-library-docsserviceapp/ <h2 id="docsserviceapp-was-updated-to-v122">DocsServiceApp was updated to v1.2.2</h2> <ul> <li> <p>v1.2.2 (January 30, 2024)</p> <ol> <li>Remove a bug in <code>ExcelApp</code>. When the inserted image had no data, an error occurred. This issue was removed.</li> </ol> </li> </ul> <p><strong>You can see the detail information here <a href="https://github.com/tanaikech/DocsServiceApp">https://github.com/tanaikech/DocsServiceApp</a></strong></p> https://tanaikech.github.io/2023/12/22/inserting-generated-text-to-google-documents-google-spreadsheets-and-google-slides-using-gemini-pro-api-with-google-apps-script/ Fri, 22 Dec 2023 15:14:18 +0900 https://tanaikech.github.io/2023/12/22/inserting-generated-text-to-google-documents-google-spreadsheets-and-google-slides-using-gemini-pro-api-with-google-apps-script/ <p><a href="https://gist.github.com/tanaikech/f1a6042c62e207d22eb5a38140d8484e">Gists</a></p> <h2 id="description">Description</h2> <p>When the generated text can be automatically inserted into the cursor position of Google Document, Google Spreadsheet, and Google Slide, it will be useful for users. This report introduces sample scripts for achieving this.</p> <h2 id="sample-scripts">Sample scripts</h2> <p>Here, I would like to introduce 3 sample scripts for a Google Document, a Google Spreadsheet, and a Google Slide.</p> <h3 id="create-an-api-key">Create an API key</h3> <p>These sample scripts request Gemini Pro API using an API key. So, please create your API key.</p> https://tanaikech.github.io/2023/10/26/retrieve-comments-with-emoji-reactions-from-google-documents-google-slides-and-google-spreadsheets-using-google-apps-script/ Thu, 26 Oct 2023 15:44:42 +0900 https://tanaikech.github.io/2023/10/26/retrieve-comments-with-emoji-reactions-from-google-documents-google-slides-and-google-spreadsheets-using-google-apps-script/ <p><a href="https://gist.github.com/tanaikech/7713944094af5643fcf13b8d362d0c68">Gists</a></p> <p><img src="https://tanaikech.github.io/image-storage/20231026a/fig1.png" alt="Retrieve Comments with Emoji Reactions from Google Documents, Google Slides, and Google Spreadsheets using Google Apps Script" loading="lazy" decoding="async"> </p> <h2 id="abstract">Abstract</h2> <p>This report introduces the method for retrieving the Emoji reactions from the comments in Google Docs files (Google Documents, Google Slides, and Google Spreadsheets) using Google Apps Script.</p> <h2 id="introduction">Introduction</h2> <p>Recently, the Emoji reactions have been implemented in the comments on Google Docs files (Google Documents, Google Slides, and Google Spreadsheets). <a href="https://workspaceupdates.googleblog.com/2023/10/release-notes-10-06-2023.html">Ref</a> With this implementation, the collaborative work has been higher. Here, it is considered that when the Emoji reactions can be retrieved from the Google Docs files, the statistics of the reactions will be also more useful for increasing collaboration. This report introduces a sample script for retrieving Comments including the Emoji reactions from Google Docs files.</p> https://tanaikech.github.io/2023/07/01/managing-row-height-and-column-width-of-table-on-google-slides-using-google-apps-script/ Sat, 01 Jul 2023 11:28:22 +0900 https://tanaikech.github.io/2023/07/01/managing-row-height-and-column-width-of-table-on-google-slides-using-google-apps-script/ <p><a href="https://gist.github.com/tanaikech/f24abc8e19f525fd4078bdb9762f431b">Gists</a></p> <p>This is a sample script for managing the row height and the column width of a table on Google Slides using Google Apps Script.</p> <p>In the current stage, <a href="https://developers.google.com/apps-script/reference/slides">Google Slides service (SlidesApp)</a> cannot manage the row height and the column width of the table on Google Slides, while the table width and height can be managed. But, fortunately, when <a href="https://developers.google.com/slides/api/reference/rest">Google Slides API</a> is used, this can be achieved.</p> <p>In this post, I would like to introduce a sample script for managing the row height and the column width of a table on Google Slides using Google Apps Script.</p> https://tanaikech.github.io/2023/06/13/workaround-starting-animation-gif-on-google-slide-by-clicking/ Tue, 13 Jun 2023 11:36:52 +0900 https://tanaikech.github.io/2023/06/13/workaround-starting-animation-gif-on-google-slide-by-clicking/ <p><a href="https://gist.github.com/tanaikech/3a34928e74009f9c26a40c121de76d6a">Gists</a></p> <p><img src="https://tanaikech.github.io/image-storage/20230613a/fig1.gif" alt="Workaround: Starting Animation GIF on Google Slide by Clicking" loading="lazy" decoding="async"> </p> <h2 id="introduction">Introduction</h2> <p>This is a simple workaround for starting an animation GIF on Google Slide by clicking.</p> <p>When an animation GIF is inserted into a slide of Google Slides, the animation is automatically started. By this, the timing for starting cannot be controlled by the user side. In this post, I would like to introduce a workaround for resolving this issue. Preparation The sample flow is as follows.</p> https://tanaikech.github.io/2022/09/29/updated-gas-library-docsserviceapp/ Thu, 29 Sep 2022 10:41:07 +0900 https://tanaikech.github.io/2022/09/29/updated-gas-library-docsserviceapp/ <h2 id="overview">Overview</h2> <p><strong>This is a Google Apps Script library for supporting Document service, Docs API, Spreadsheet service, Sheets API, Slides service and Slides API.</strong> The aim of this library is to compensate the processes that they services cannot achieve.</p> <h3 id="docsserviceapp-was-updated-to-v120">DocsServiceApp was updated to v1.2.0</h3> <p><img src="https://github.com/tanaikech/DocsServiceApp/raw/master/images/fig5.png" alt="Updated: GAS Library - DocsServiceApp" loading="lazy" decoding="async"> </p> <ul> <li> <p>v1.2.0 (September 29, 2022)</p> <ol> <li>Added a new method of <a href="https://github.com/tanaikech/DocsServiceApp#6-getnamedfunctions"><code>getNamedFunctions()</code></a>. This method can retrieve the named functions from Google Spreadsheet.</li> </ol> </li> </ul> <p><strong>You can see the detail information here <a href="https://github.com/tanaikech/DocsServiceApp">https://github.com/tanaikech/DocsServiceApp</a></strong></p> https://tanaikech.github.io/2022/09/28/updated-gas-library-docsserviceapp/ Wed, 28 Sep 2022 15:33:53 +0900 https://tanaikech.github.io/2022/09/28/updated-gas-library-docsserviceapp/ <h2 id="overview">Overview</h2> <p><strong>This is a Google Apps Script library for supporting Document service, Docs API, Spreadsheet service, Sheets API, Slides service and Slides API.</strong> The aim of this library is to compensate the processes that they services cannot achieve.</p> <h3 id="docsserviceapp-was-updated-to-v110">DocsServiceApp was updated to v1.1.0</h3> <p><img src="https://github.com/tanaikech/DocsServiceApp/raw/master/images/fig4.png" alt="Updated: GAS Library - DocsServiceApp" loading="lazy" decoding="async"> </p> <ul> <li> <p>v1.1.0 (September 28, 2022)</p> <ol> <li>Added a new method of <a href="https://github.com/tanaikech/DocsServiceApp#5-getquoteprefixcells"><code>getQuotePrefixCells()</code></a>. This method can detect the cells with the quote prefix cells.</li> </ol> </li> </ul> <p><strong>You can see the detail information here <a href="https://github.com/tanaikech/DocsServiceApp">https://github.com/tanaikech/DocsServiceApp</a></strong></p> https://tanaikech.github.io/2021/12/26/inverting-selected-objects-on-google-slides-using-google-apps-script/ Sun, 26 Dec 2021 17:01:30 +0900 https://tanaikech.github.io/2021/12/26/inverting-selected-objects-on-google-slides-using-google-apps-script/ <p><a href="https://gist.github.com/tanaikech/8eb87e6499631a79dade7d4f83e372f7">Gists</a></p> <p><img src="https://tanaikech.github.io/image-storage/20211226a/fig1.gif" alt="Inverting Selected Objects on Google Slides using Google Apps Script" loading="lazy" decoding="async"> </p> <p>This is a sample script for inverting the selected objects on Google Slides using Google Apps Script.</p> <p>I have the case that I want to invert the selected objects on Google Slides. This sample script can be achieved this goal using Google Apps Script.</p> <h2 id="sample-script">Sample script</h2> <p>Please copy and paste the following script to the script editor of Google Slides, and save the script. And, please select the objects on the Slide and run the function <code>main()</code>. By this, the selected objects are inverted.</p> https://tanaikech.github.io/2021/11/24/exporting-all-thumbnail-images-retrieved-from-google-slides-as-zip-file-using-google-apps-script/ Wed, 24 Nov 2021 14:17:51 +0900 https://tanaikech.github.io/2021/11/24/exporting-all-thumbnail-images-retrieved-from-google-slides-as-zip-file-using-google-apps-script/ <p><a href="https://gist.github.com/tanaikech/66a83c01e1f99829a85f909f8facb834">Gists</a></p> <p>This is a sample script for exporting all thumbnail images retrieved from Google Slides as a zip file using Google Apps Script.</p> <h2 id="sample-script">Sample script</h2> <p>Before you use this script, please enable Slides API at Advanced Google services. <a href="https://developers.google.com/apps-script/guides/services/advanced#enable_advanced_services">Ref</a></p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#66d9ef">function</span> <span style="color:#a6e22e">myFunction</span>() { </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">const</span> <span style="color:#a6e22e">presentationId</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">&#34;###&#34;</span>; <span style="color:#75715e">// Please set Google Slides ID. </span></span></span><span style="display:flex;"><span> <span style="color:#66d9ef">const</span> <span style="color:#a6e22e">folderId</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">&#34;###&#34;</span>; <span style="color:#75715e">// Please set the folder ID. </span></span></span><span style="display:flex;"><span> <span style="color:#66d9ef">const</span> <span style="color:#a6e22e">outputFilename</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">&#34;###&#34;</span>; <span style="color:#75715e">// Please set the output filename. </span></span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">const</span> <span style="color:#a6e22e">blobs</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">SlidesApp</span>.<span style="color:#a6e22e">openById</span>(<span style="color:#a6e22e">presentationId</span>) </span></span><span style="display:flex;"><span> .<span style="color:#a6e22e">getSlides</span>() </span></span><span style="display:flex;"><span> .<span style="color:#a6e22e">map</span>((<span style="color:#a6e22e">e</span>, <span style="color:#a6e22e">i</span>) =&gt; </span></span><span style="display:flex;"><span> <span style="color:#a6e22e">UrlFetchApp</span>.<span style="color:#a6e22e">fetch</span>( </span></span><span style="display:flex;"><span> <span style="color:#a6e22e">Slides</span>.<span style="color:#a6e22e">Presentations</span>.<span style="color:#a6e22e">Pages</span>.<span style="color:#a6e22e">getThumbnail</span>( </span></span><span style="display:flex;"><span> <span style="color:#a6e22e">presentationId</span>, </span></span><span style="display:flex;"><span> <span style="color:#a6e22e">e</span>.<span style="color:#a6e22e">getObjectId</span>(), </span></span><span style="display:flex;"><span> { </span></span><span style="display:flex;"><span> <span style="color:#e6db74">&#34;thumbnailProperties.mimeType&#34;</span><span style="color:#f92672">:</span> <span style="color:#e6db74">&#34;PNG&#34;</span>, </span></span><span style="display:flex;"><span> <span style="color:#e6db74">&#34;thumbnailProperties.thumbnailSize&#34;</span><span style="color:#f92672">:</span> <span style="color:#e6db74">&#34;LARGE&#34;</span>, </span></span><span style="display:flex;"><span> } </span></span><span style="display:flex;"><span> ).<span style="color:#a6e22e">contentUrl</span> </span></span><span style="display:flex;"><span> ) </span></span><span style="display:flex;"><span> .<span style="color:#a6e22e">getBlob</span>() </span></span><span style="display:flex;"><span> .<span style="color:#a6e22e">setName</span>(<span style="color:#e6db74">`page</span><span style="color:#e6db74">${</span>(<span style="color:#e6db74">&#34;000&#34;</span> <span style="color:#f92672">+</span> (<span style="color:#a6e22e">i</span> <span style="color:#f92672">+</span> <span style="color:#ae81ff">1</span>)).<span style="color:#a6e22e">slice</span>(<span style="color:#f92672">-</span><span style="color:#ae81ff">3</span>)<span style="color:#e6db74">}</span><span style="color:#e6db74">.png`</span>) </span></span><span style="display:flex;"><span> ); </span></span><span style="display:flex;"><span> <span style="color:#a6e22e">DriveApp</span>.<span style="color:#a6e22e">getFolderById</span>(<span style="color:#a6e22e">folderId</span>).<span style="color:#a6e22e">createFile</span>( </span></span><span style="display:flex;"><span> <span style="color:#a6e22e">Utilities</span>.<span style="color:#a6e22e">zip</span>(<span style="color:#a6e22e">blobs</span>).<span style="color:#a6e22e">setName</span>(<span style="color:#a6e22e">outputFilename</span> <span style="color:#f92672">+</span> <span style="color:#e6db74">&#34;.zip&#34;</span>) </span></span><span style="display:flex;"><span> ); </span></span><span style="display:flex;"><span>} </span></span></code></pre></div> https://tanaikech.github.io/2021/10/31/reducing-table-height-of-table-inserted-from-google-spreadsheet-to-google-slides-using-google-apps-script/ Sun, 31 Oct 2021 12:16:49 +0900 https://tanaikech.github.io/2021/10/31/reducing-table-height-of-table-inserted-from-google-spreadsheet-to-google-slides-using-google-apps-script/ <p><a href="https://gist.github.com/tanaikech/659f3687f4ea5282f39ebf9b6d5ae54c">Gists</a></p> <p>This is a sample script for reducing the table height of the table inserted from Google Spreadsheet to Google Slides using Google Apps Script.</p> <p><img src="https://tanaikech.github.io/image-storage/20211031a/fig1.png" alt="Reducing Table Height of Table Inserted from Google Spreadsheet to Google Slides using Google Apps Script" loading="lazy" decoding="async"> </p> <h2 id="sample-script">Sample script</h2> <p>Please copy and paste the following script to the script editor of Google Slides. This sample script uses Slides API. So, please enable Slides API at Advanced Google services. <a href="https://developers.google.com/apps-script/guides/services/advanced#enable_advanced_services">Ref</a></p> https://tanaikech.github.io/2021/09/20/simply-editing-texts-of-texts-boxes-on-google-slides-using-google-apps-script/ Mon, 20 Sep 2021 10:22:52 +0900 https://tanaikech.github.io/2021/09/20/simply-editing-texts-of-texts-boxes-on-google-slides-using-google-apps-script/ <p><a href="https://gist.github.com/tanaikech/aa0a03ba3c440ca72fc1d7e02f038f7c">Gists</a></p> <p><img src="https://tanaikech.github.io/image-storage/20210920a/fig1.gif" alt="Simply Editing Texts of Texts Boxes on Google Slides using Google Apps Script" loading="lazy" decoding="async"> </p> <p>This is a sample script for simply editing the texts of texts boxes on Google Slides using Google Apps Script. The supposed situation is as follows.</p> <ul> <li>Google Slides has several text boxes of the same size and the same position.</li> <li>You want to retrieve the list of texts from the text boxes and want to change the texts using a simpler method.</li> </ul> <p>In this case, I thought that when the sidebar created by Google Apps Script is used for changing the texts, your goal might be able to be simply achieved.</p> https://tanaikech.github.io/2021/01/24/simple-photo-gallery-created-by-google-slides-and-web-apps-using-google-apps-script/ Sun, 24 Jan 2021 15:56:13 +0900 https://tanaikech.github.io/2021/01/24/simple-photo-gallery-created-by-google-slides-and-web-apps-using-google-apps-script/ <h1 id="overview">Overview</h1> <p><strong>This is a sample script for achieving a simple photo gallery created by Google Slides and Web Apps using Google Apps Script.</strong></p> <h2 id="description">Description</h2> <p>At Google, there is a great Google Photos. <a href="https://www.google.com/photos/about/">Ref</a> Recently, I was required to have a simple photo gallery. At that time, I thought that when an independence photo gallery instead of Google Photos can be used, it will be useful. Also, this might be useful for other users. So I published this.</p> https://tanaikech.github.io/2021/01/13/creating-custom-grid-view-of-google-slides-as-image-and-spreadsheet-using-google-apps-script/ Wed, 13 Jan 2021 12:19:38 +0900 https://tanaikech.github.io/2021/01/13/creating-custom-grid-view-of-google-slides-as-image-and-spreadsheet-using-google-apps-script/ <p><a href="https://gist.github.com/tanaikech/c94b79819167e96f6d9268d066989112">Gists</a></p> <p>This is a sample script for creating the custom grid view of Google Slides as an image using Google Apps Script.</p> <h2 id="demo">Demo</h2> <p><img src="https://tanaikech.github.io/img/20210113a-fig1.gif" alt="Creating Custom Grid View of Google Slides as Image and Spreadsheet using Google Apps Script" loading="lazy" decoding="async"> </p> <h2 id="usage">Usage</h2> <p>In order to use this script, please do the following flow.</p> <h3 id="1-install-gas-library">1. Install GAS library</h3> <p>This sample script uses a library of <a href="https://github.com/tanaikech/DocsServiceApp">DocsServiceApp</a>. So please install DocsServiceApp. You can see the method for installing it at <a href="https://github.com/tanaikech/DocsServiceApp#how-to-install">here</a>.</p> https://tanaikech.github.io/2021/01/10/adding-slide-page-link-to-shape-using-google-apps-script/ Sun, 10 Jan 2021 16:00:02 +0900 https://tanaikech.github.io/2021/01/10/adding-slide-page-link-to-shape-using-google-apps-script/ <p><a href="https://gist.github.com/tanaikech/444379309f1d0f69287c5a8becdc271d">Gists</a></p> <p>This is a sample script for adding the slide page link to the shape using Google Apps Script.</p> <p>When I use Google Slides, there is the case that I want to jump to the specific slide on the same Google Slides. And, I have the case that I want to jump from the last slide to the 1st slide. In those cases, I had manually added the slide page link to each shape. But when the number of slides are large, I thought that when a script for achieving this is prepared, it will be useful. So I created this.</p> https://tanaikech.github.io/2020/09/24/gas-library-docsserviceapp/ Thu, 24 Sep 2020 14:39:57 +0900 https://tanaikech.github.io/2020/09/24/gas-library-docsserviceapp/ <h1 id="overview">Overview</h1> <p><strong>This is a Google Apps Script library for supporting Document service, Docs API, Spreadsheet service, Sheets API, Slides service and Slides API.</strong> The aim of this library is to compensate the processes that they services cannot achieve.</p> <p><img src="https://github.com/tanaikech/DocsServiceApp/raw/master/images/demo1.png" alt="GAS Library - DocsServiceApp" loading="lazy" decoding="async"> </p> <h1 id="description">Description</h1> <p>The Google services, which are Document service, Docs API, Spreadsheet service, Sheets API, Slides service and Slides API, are growing now. But, unfortunately, there are still the processes that they cannot done. I created this GAS library for supporting the Google services.</p> https://tanaikech.github.io/2020/08/07/decoding-qr-code-on-google-slides-using-google-apps-script/ Fri, 07 Aug 2020 17:07:07 +0900 https://tanaikech.github.io/2020/08/07/decoding-qr-code-on-google-slides-using-google-apps-script/ <p><a href="https://gist.github.com/tanaikech/4fc0b33493d375e589d61312d2f028b7">Gists</a></p> <p>This is a sample script for decoding a QR code put in Google Slides using Google Apps Script. In this case, Javascript is used at the opened dialog. And <a href="https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API">Canvas API</a> and <a href="https://github.com/cozmo/jsQR">jsQR</a> are used. So unfortunately, this method cannot be used with the time-driven trigger and the Google Apps Script project of the standalone type.</p> <p>Of course, this method can be also used for Google Document and Google Spreadsheet. But at Google Spreadsheet, I recommend to retrieve the image of QR code with the fetch method from URL.</p> https://tanaikech.github.io/2020/08/06/cropping-images-in-google-slides-using-google-apps-script/ Thu, 06 Aug 2020 14:18:01 +0900 https://tanaikech.github.io/2020/08/06/cropping-images-in-google-slides-using-google-apps-script/ <p><a href="https://gist.github.com/tanaikech/a86781b425fe3f14edd5058ca8d46fe7">Gists</a></p> <p>This is a sample script for cropping images in the Google Slides using Google Apps Script. In the current stage, in order to crop the images in Google Slides, it is required to use <a href="https://developers.google.com/apps-script/reference/slides/image#replaceblobsource,-crop"><code>replace(blobSource, crop)</code></a> Because, although there is the &ldquo;cropProperties&rdquo; of &ldquo;UpdateImagePropertiesRequest&rdquo; in Slides API, unfortunately, in the current stage, this cannot be still used. This has already been reported. <a href="https://issuetracker.google.com/issues/113978819">Ref</a></p> <p>About cropping using <code>replace(blobSource, crop)</code>, I thought that how to use might be a bit difficult. So here, I would like to introduce a sample script for using <code>replace(blobSource, crop)</code>.</p> https://tanaikech.github.io/2020/06/24/managing-texts-on-google-slides-using-google-apps-script/ Wed, 24 Jun 2020 11:57:59 +0900 https://tanaikech.github.io/2020/06/24/managing-texts-on-google-slides-using-google-apps-script/ <p><a href="https://gist.github.com/tanaikech/04e7b7657f97ddd7c68b6a9ddc3cdf98">Gists</a></p> <p>This is a sample script for managing the texts on Google Slides using Google Apps Script. Recently, I got the request like this. I published this here, because I thought that this might be also useful for other users.</p> <h2 id="demo">Demo</h2> <p><img src="https://tanaikech.github.io/img/20200624a-fig1.gif" alt="Managing Texts on Google Slides using Google Apps Script" loading="lazy" decoding="async"> </p> <p>In this demonstration, the text of <code>{{baz}}</code> on Google Slides are searched and replaced to other text, and also, the text style is changed.</p> https://tanaikech.github.io/2019/11/11/figma-to-google-slides-using-google-apps-script/ Mon, 11 Nov 2019 14:43:28 +0900 https://tanaikech.github.io/2019/11/11/figma-to-google-slides-using-google-apps-script/ <p><a href="https://gist.github.com/tanaikech/6aeb3ff13765cfba465862e2e2c3dd3b">Gists</a></p> <p>In this sample script, all pages in the Figma file are retrieved and the retrieved pages are put to new Google Slides as the image.</p> <h2 id="usage">Usage</h2> <h3 id="1-retrieve-access-token">1. Retrieve access token</h3> <p>You can see the method for retrieving the access token at <a href="https://www.figma.com/developers/api#access-tokens">here</a>. Although there is also OAuth2 for retrieving the access token, in your situation, I thought that the method for directly generating the access token on the site might be suitable. So in this answer, the generated access token on the site is used. Please retrieve the access token as follows.</p> https://tanaikech.github.io/2019/04/05/limitations-for-inserting-images-to-google-docs/ Fri, 05 Apr 2019 11:49:48 +0900 https://tanaikech.github.io/2019/04/05/limitations-for-inserting-images-to-google-docs/ <p><a href="https://gist.github.com/tanaikech/9414d22de2ff30216269ca7be4bce462">Gists</a></p> <p>When an image is inserted to Google Docs (Spreadsheet, Document and Slides) using the method of insertImage using Google Apps Script, there is the case that the error occurs. The error messages are &ldquo;server error&rdquo; and &ldquo;invalid image data&rdquo;. Here, I would like to introduce the limitations for inserting images to Google Docs. As the result, it was found that the limitation is due to both the mimeTypes and the area of image rather than the file size.</p> https://tanaikech.github.io/2018/12/14/summarizing-slides-as-thumbnails/ Fri, 14 Dec 2018 16:26:52 +0900 https://tanaikech.github.io/2018/12/14/summarizing-slides-as-thumbnails/ <p><a href="https://gist.github.com/tanaikech/79749b9fc411da91f932608b5c01ea5b">Gists</a></p> <p>This is a sample script for summarizing Slides as thumbnails. For example, it supposes a Slides including 15 pages. When this script is run, it summarizes 6 pages to one page as images. I created this because there are no methods for directly achieving this. This is useful for myself. If this is also useful for you, I&rsquo;m glad.</p> <p>The flow of this workaround is as follows.</p> <h3 id="flow">Flow:</h3> <ol> <li>Copy the original Slides file as a temporary file.</li> <li>Retrieve images of all slides. <ul> <li>When the Slides file is exported to PNG file, the top page is exported as PNG file. I used this.</li> </ul> </li> <li>Put and arrange the retrieved images to the temporary file. <ul> <li>When the image is inserted to a slide, retrieve the size and change the size, then put the image to the calculated position.</li> </ul> </li> </ol> <h3 id="sample-script-1">Sample script 1:</h3> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#66d9ef">function</span> <span style="color:#a6e22e">myFunction</span>() { </span></span><span style="display:flex;"><span> <span style="color:#75715e">// Please set these parameters </span></span></span><span style="display:flex;"><span> <span style="color:#66d9ef">var</span> <span style="color:#a6e22e">id</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">&#34;### file ID ###&#34;</span>; <span style="color:#75715e">// file ID of original Slides </span></span></span><span style="display:flex;"><span> <span style="color:#66d9ef">var</span> <span style="color:#a6e22e">col</span> <span style="color:#f92672">=</span> <span style="color:#ae81ff">3</span>; <span style="color:#75715e">// Number of columns </span></span></span><span style="display:flex;"><span> <span style="color:#66d9ef">var</span> <span style="color:#a6e22e">row</span> <span style="color:#f92672">=</span> <span style="color:#ae81ff">2</span>; <span style="color:#75715e">// Number of rows </span></span></span><span style="display:flex;"><span> <span style="color:#66d9ef">var</span> <span style="color:#a6e22e">wsize</span> <span style="color:#f92672">=</span> <span style="color:#ae81ff">200</span>; <span style="color:#75715e">// Size of width of each image (pixels) </span></span></span><span style="display:flex;"><span> <span style="color:#66d9ef">var</span> <span style="color:#a6e22e">sep</span> <span style="color:#f92672">=</span> <span style="color:#ae81ff">5</span>; <span style="color:#75715e">// Space of each image (pexels) </span></span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> <span style="color:#75715e">// Create temporary file </span></span></span><span style="display:flex;"><span> <span style="color:#66d9ef">var</span> <span style="color:#a6e22e">originalFile</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">DriveApp</span>.<span style="color:#a6e22e">getFileById</span>(<span style="color:#a6e22e">id</span>); </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">var</span> <span style="color:#a6e22e">tempFile</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">originalFile</span>.<span style="color:#a6e22e">makeCopy</span>(); </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">var</span> <span style="color:#a6e22e">idt</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">tempFile</span>.<span style="color:#a6e22e">getId</span>(); </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> <span style="color:#75715e">// Retrieve slides as images </span></span></span><span style="display:flex;"><span> <span style="color:#66d9ef">var</span> <span style="color:#a6e22e">s</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">SlidesApp</span>.<span style="color:#a6e22e">openById</span>(<span style="color:#a6e22e">idt</span>); </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">var</span> <span style="color:#a6e22e">slides</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">s</span>.<span style="color:#a6e22e">getSlides</span>(); </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">var</span> <span style="color:#a6e22e">accessToken</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">ScriptApp</span>.<span style="color:#a6e22e">getOAuthToken</span>(); </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">var</span> <span style="color:#a6e22e">baseUrl</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">&#34;https://docs.google.com/presentation/d/&#34;</span> <span style="color:#f92672">+</span> <span style="color:#a6e22e">idt</span> <span style="color:#f92672">+</span> <span style="color:#e6db74">&#34;/export/&#34;</span>; </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">var</span> <span style="color:#a6e22e">url</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">baseUrl</span> <span style="color:#f92672">+</span> <span style="color:#e6db74">&#34;png?access_token=&#34;</span> <span style="color:#f92672">+</span> <span style="color:#a6e22e">accessToken</span>; </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">var</span> <span style="color:#a6e22e">blobs</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">slides</span>.<span style="color:#a6e22e">map</span>(<span style="color:#66d9ef">function</span>(<span style="color:#a6e22e">e</span>) { </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">var</span> <span style="color:#a6e22e">blob</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">UrlFetchApp</span>.<span style="color:#a6e22e">fetch</span>(<span style="color:#a6e22e">url</span>).<span style="color:#a6e22e">getBlob</span>(); </span></span><span style="display:flex;"><span> <span style="color:#a6e22e">slides</span>[<span style="color:#ae81ff">0</span>].<span style="color:#a6e22e">remove</span>(); </span></span><span style="display:flex;"><span> <span style="color:#a6e22e">s</span>.<span style="color:#a6e22e">saveAndClose</span>(); </span></span><span style="display:flex;"><span> <span style="color:#a6e22e">s</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">SlidesApp</span>.<span style="color:#a6e22e">openById</span>(<span style="color:#a6e22e">idt</span>); </span></span><span style="display:flex;"><span> <span style="color:#a6e22e">slides</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">s</span>.<span style="color:#a6e22e">getSlides</span>(); </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">return</span> <span style="color:#a6e22e">blob</span>; </span></span><span style="display:flex;"><span> }); </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> <span style="color:#75715e">// Put images </span></span></span><span style="display:flex;"><span> <span style="color:#66d9ef">var</span> <span style="color:#a6e22e">ph</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">s</span>.<span style="color:#a6e22e">getPageHeight</span>(); </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">var</span> <span style="color:#a6e22e">pw</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">s</span>.<span style="color:#a6e22e">getPageWidth</span>(); </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">var</span> <span style="color:#a6e22e">leftOffset</span> <span style="color:#f92672">=</span> (<span style="color:#a6e22e">pw</span> <span style="color:#f92672">-</span> ((<span style="color:#a6e22e">wsize</span> <span style="color:#f92672">*</span> <span style="color:#a6e22e">col</span>) <span style="color:#f92672">+</span> (<span style="color:#a6e22e">sep</span> <span style="color:#f92672">*</span> (<span style="color:#a6e22e">col</span> <span style="color:#f92672">-</span> <span style="color:#ae81ff">1</span>)))) <span style="color:#f92672">/</span> <span style="color:#ae81ff">2</span>; </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">if</span> (<span style="color:#a6e22e">leftOffset</span> <span style="color:#f92672">&lt;</span> <span style="color:#ae81ff">0</span>) <span style="color:#66d9ef">throw</span> <span style="color:#66d9ef">new</span> Error(<span style="color:#e6db74">&#34;Images are sticking out from a slide.&#34;</span>); </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">var</span> <span style="color:#a6e22e">len</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">col</span> <span style="color:#f92672">*</span> <span style="color:#a6e22e">row</span>; </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">var</span> <span style="color:#a6e22e">loops</span> <span style="color:#f92672">=</span> Math.<span style="color:#a6e22e">ceil</span>(<span style="color:#a6e22e">blobs</span>.<span style="color:#a6e22e">length</span> <span style="color:#f92672">/</span> (<span style="color:#a6e22e">col</span> <span style="color:#f92672">*</span> <span style="color:#a6e22e">row</span>)); </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">for</span> (<span style="color:#66d9ef">var</span> <span style="color:#a6e22e">loop</span> <span style="color:#f92672">=</span> <span style="color:#ae81ff">0</span>; <span style="color:#a6e22e">loop</span> <span style="color:#f92672">&lt;</span> <span style="color:#a6e22e">loops</span>; <span style="color:#a6e22e">loop</span><span style="color:#f92672">++</span>) { </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">var</span> <span style="color:#a6e22e">ns</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">s</span>.<span style="color:#a6e22e">insertSlide</span>(<span style="color:#a6e22e">loop</span>); </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">var</span> <span style="color:#a6e22e">topOffset</span>, <span style="color:#a6e22e">top</span>; </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">var</span> <span style="color:#a6e22e">left</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">leftOffset</span>; </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">for</span> (<span style="color:#66d9ef">var</span> <span style="color:#a6e22e">i</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">len</span> <span style="color:#f92672">*</span> <span style="color:#a6e22e">loop</span>; <span style="color:#a6e22e">i</span> <span style="color:#f92672">&lt;</span> <span style="color:#a6e22e">len</span> <span style="color:#f92672">+</span> (<span style="color:#a6e22e">len</span> <span style="color:#f92672">*</span> <span style="color:#a6e22e">loop</span>); <span style="color:#a6e22e">i</span><span style="color:#f92672">++</span>) { </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">if</span> (<span style="color:#a6e22e">i</span> <span style="color:#f92672">===</span> <span style="color:#a6e22e">blobs</span>.<span style="color:#a6e22e">length</span>) <span style="color:#66d9ef">break</span>; </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">var</span> <span style="color:#a6e22e">image</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">ns</span>.<span style="color:#a6e22e">insertImage</span>(<span style="color:#a6e22e">blobs</span>[<span style="color:#a6e22e">i</span>]); </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">var</span> <span style="color:#a6e22e">w</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">image</span>.<span style="color:#a6e22e">getWidth</span>(); </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">var</span> <span style="color:#a6e22e">h</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">image</span>.<span style="color:#a6e22e">getHeight</span>(); </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">var</span> <span style="color:#a6e22e">hsize</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">h</span> <span style="color:#f92672">*</span> <span style="color:#a6e22e">wsize</span> <span style="color:#f92672">/</span> <span style="color:#a6e22e">w</span>; </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">if</span> (<span style="color:#a6e22e">i</span> <span style="color:#f92672">===</span> <span style="color:#ae81ff">0</span> <span style="color:#f92672">||</span> <span style="color:#a6e22e">i</span> <span style="color:#f92672">%</span> <span style="color:#a6e22e">len</span> <span style="color:#f92672">===</span> <span style="color:#ae81ff">0</span>) { </span></span><span style="display:flex;"><span> <span style="color:#a6e22e">topOffset</span> <span style="color:#f92672">=</span> (<span style="color:#a6e22e">ph</span> <span style="color:#f92672">-</span> ((<span style="color:#a6e22e">hsize</span> <span style="color:#f92672">*</span> <span style="color:#a6e22e">row</span>) <span style="color:#f92672">+</span> <span style="color:#a6e22e">sep</span>)) <span style="color:#f92672">/</span> <span style="color:#ae81ff">2</span>; </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">if</span> (<span style="color:#a6e22e">topOffset</span> <span style="color:#f92672">&lt;</span> <span style="color:#ae81ff">0</span>) <span style="color:#66d9ef">throw</span> <span style="color:#66d9ef">new</span> Error(<span style="color:#e6db74">&#34;Images are sticking out from a slide.&#34;</span>); </span></span><span style="display:flex;"><span> <span style="color:#a6e22e">top</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">topOffset</span>; </span></span><span style="display:flex;"><span> } </span></span><span style="display:flex;"><span> <span style="color:#a6e22e">image</span>.<span style="color:#a6e22e">setWidth</span>(<span style="color:#a6e22e">wsize</span>).<span style="color:#a6e22e">setHeight</span>(<span style="color:#a6e22e">hsize</span>).<span style="color:#a6e22e">setTop</span>(<span style="color:#a6e22e">top</span>).<span style="color:#a6e22e">setLeft</span>(<span style="color:#a6e22e">left</span>).<span style="color:#a6e22e">getObjectId</span>(); </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">if</span> (<span style="color:#a6e22e">i</span> <span style="color:#f92672">===</span> <span style="color:#a6e22e">col</span> <span style="color:#f92672">-</span> <span style="color:#ae81ff">1</span> <span style="color:#f92672">+</span> (<span style="color:#a6e22e">loop</span> <span style="color:#f92672">*</span> <span style="color:#a6e22e">len</span>)) { </span></span><span style="display:flex;"><span> <span style="color:#a6e22e">top</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">topOffset</span> <span style="color:#f92672">+</span> <span style="color:#a6e22e">hsize</span> <span style="color:#f92672">+</span> <span style="color:#a6e22e">sep</span>; </span></span><span style="display:flex;"><span> <span style="color:#a6e22e">left</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">leftOffset</span>; </span></span><span style="display:flex;"><span> } <span style="color:#66d9ef">else</span> { </span></span><span style="display:flex;"><span> <span style="color:#a6e22e">left</span> <span style="color:#f92672">+=</span> <span style="color:#a6e22e">wsize</span> <span style="color:#f92672">+</span> <span style="color:#a6e22e">sep</span>; </span></span><span style="display:flex;"><span> } </span></span><span style="display:flex;"><span> } </span></span><span style="display:flex;"><span> } </span></span><span style="display:flex;"><span> <span style="color:#a6e22e">s</span>.<span style="color:#a6e22e">saveAndClose</span>(); </span></span><span style="display:flex;"><span>} </span></span></code></pre></div><h3 id="sample-script-2">Sample script 2:</h3> <p><strong>When you use this script, please enable Slides API at API console.</strong></p> https://tanaikech.github.io/2018/10/10/gas-library-arrangestackingorder/ Wed, 10 Oct 2018 09:11:09 +0900 https://tanaikech.github.io/2018/10/10/gas-library-arrangestackingorder/ <h1 id="overview">Overview</h1> <p>ArrangeStackingOrder is a GAS library for arranging the stacking order of page elements on Google Slides using Google Apps Script (GAS).</p> <h1 id="demo">Demo</h1> <p><img src="https://github.com/tanaikech/ArrangeStackingOrder/raw/master/images/demo.gif" alt="GAS Library - ArrangeStackingOrder" loading="lazy" decoding="async"> </p> <p>This is a demonstration of this library when this is used as a Google Slides Addon.</p> <h1 id="description">Description</h1> <p>Do you have situations that you want to arrange the stacking order of page elements on Google Slides using GAS? I had it before. At that time, I could achieve it by creating a simple script. Recently, I found that users who have the same situation. I thought that if there is a library for this, it will be useful for me and other developers. So I created this. If this was useful for your situation, I&rsquo;m glad.</p> https://tanaikech.github.io/2018/02/15/add-on-shapeapp-was-featured/ Thu, 15 Feb 2018 12:59:30 +0900 https://tanaikech.github.io/2018/02/15/add-on-shapeapp-was-featured/ <p><strong><a href="https://sites.google.com/site/scriptsexamples/home/announcements/new-add-ons-january-2018">At February 15th, 2018, ShapeApp was featured as one of &ldquo;4 useful add-ons launched last month&rdquo;.</a></strong></p> https://tanaikech.github.io/2018/01/06/add-on-shapeapp/ Sat, 06 Jan 2018 16:24:44 +0900 https://tanaikech.github.io/2018/01/06/add-on-shapeapp/ <h2 id="shapeapp-for-google-slides-was-published-as-an-add-on-application">ShapeApp for Google Slides was published as an add-on application</h2> <p>When you use Google Slides, have you ever thought about creating and updating shapes on Slides by inputting parameters, and arranging selected shapes? I have thought about them. Recently, since Class SlidesApp was added to GAS, it came to be able to easily to create various applications for Slides. So I created this. This application is add-on application which was made of GAS.</p> https://tanaikech.github.io/2017/12/31/issuetracker-bug-for-scopes-of-slides/ Sun, 31 Dec 2017 17:11:05 +0900 https://tanaikech.github.io/2017/12/31/issuetracker-bug-for-scopes-of-slides/ <p>I have reported because I found a bug for scopes of Slides. The detail is the following URL.</p> <p><a href="https://issuetracker.google.com/issues/71448583">https://issuetracker.google.com/issues/71448583</a></p> https://tanaikech.github.io/2017/12/15/difference-between-given-values-and-retrieved-values-for-shapes-on-google-slides/ Fri, 15 Dec 2017 16:56:24 +0900 https://tanaikech.github.io/2017/12/15/difference-between-given-values-and-retrieved-values-for-shapes-on-google-slides/ <p><a href="https://gist.github.com/tanaikech/953e630855e65de55d8e5bd448ad764f">Gists</a></p> <p>This is a document for explaining the difference between given values and retrieved values for shapes on Google Slides. When a shape is created to a slide using Slides API, most users give the size of height and width as <code>pt</code>. When the size is retrieved from the created shape as <code>pt</code>, the size is often difference from the given size.</p> <p>For example, when a square shape is created by giving the height and width of 100 pt, the size which is retrieved from the created square becomes 99.99212598425197 pt for the height and width.</p> https://tanaikech.github.io/2017/11/21/retrieving-size-of-tables-in-google-slides-using-google-apps-script/ Tue, 21 Nov 2017 11:24:59 +0900 https://tanaikech.github.io/2017/11/21/retrieving-size-of-tables-in-google-slides-using-google-apps-script/ <p><a href="https://gist.github.com/tanaikech/3143be7e7df8cc595d73427d22ae2e0e">Gists</a></p> <p>This sample script is for retrieving the size (width and height) of a table in Google Slides using Google Apps Script.</p> <p>There are no methods for directly retrieving the table size using SlidesApp yet. So I thought of a workaround using Slides API.</p> <ul> <li>When the slide information is retrieved using <code>Slides.Presentations.Pages.get()</code> of Slides API, the information of tables is also included. In the information, the height and width of table are also included.</li> <li>But the unit is EMU (English Metric Unit), and the height and width is separated by each cell. So it is required to sum each height and width while modifying the unit.</li> </ul> <p>The modified script reflected this is as follows.</p> https://tanaikech.github.io/2017/11/13/slideapp-for-google-slides/ Mon, 13 Nov 2017 14:17:26 +0900 https://tanaikech.github.io/2017/11/13/slideapp-for-google-slides/ <p><a href="https://gist.github.com/tanaikech/0d8110aa9a6f7c1b8848e10a702628a1">Gists</a></p> <p>By recent Google updated, Class SlideApp is added to Google Slides. SlideApp will be bring a lot of applications. Here, I would like to introduce 2 samples.</p> <h2 id="1-sidebar">1. Sidebar</h2> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#66d9ef">function</span> <span style="color:#a6e22e">showSidebar</span>() { </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">var</span> <span style="color:#a6e22e">html</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">HtmlService</span> </span></span><span style="display:flex;"><span> .<span style="color:#a6e22e">createHtmlOutput</span>(<span style="color:#e6db74">&#39;Hello, world! &lt;input type=&#34;button&#34; value=&#34;Close&#34; onclick=&#34;google.script.host.close()&#34; /&gt;&#39;</span>) </span></span><span style="display:flex;"><span> .<span style="color:#a6e22e">setTitle</span>(<span style="color:#e6db74">&#39;My custom sidebar&#39;</span>) </span></span><span style="display:flex;"><span> .<span style="color:#a6e22e">setWidth</span>(<span style="color:#ae81ff">300</span>); </span></span><span style="display:flex;"><span> <span style="color:#a6e22e">SlidesApp</span>.<span style="color:#a6e22e">getUi</span>().<span style="color:#a6e22e">showSidebar</span>(<span style="color:#a6e22e">html</span>); </span></span><span style="display:flex;"><span>} </span></span></code></pre></div><h2 id="2-copy-slides-in-existing-slide-to-a-new-slide">2. Copy slides in existing Slide to a new Slide</h2> <p>This sample script create a new Slide with slides you want to copy.</p>