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

Google スプレッドシートでの Apps Script の基礎 #5: スライドでデータをグラフ化して表示する

1. はじめに

「Google スプレッドシートでの Apps Script の基礎」Codelab 再生リストの第 5 回へようこそ。この Codelab では、Apps Script でスプレッドシートサービスを使用してデータセットをグラフ化する方法を学びます。また、Slides サービスを使用して、グラフを Google スライドの新しいプレゼンテーションにエクスポートする方法も学習します。

学習内容

Apps Script を使用して折れ線グラフを作成する方法。
グラフを新しいスライドプレゼンテーションにエクスポートする方法。
スプレッドシートでユーザーにダイアログを表示する方法。

始める前に

これは、Google スプレッドシートを使用した Apps Script の基礎の再生リストの 5 番目の Codelab です。この Codelab を開始する前に、次の Codelab を完了してください。

必要なもの

この再生リストの以前の Codelab で取り上げた Apps Script の基本的なトピックを理解している。
Apps Script エディタに関する基本的な知識
Google スプレッドシートに関する基礎知識
スプレッドシートの A1 形式を読み取る機能
JavaScript とその String クラスに関する基本的な知識

2. セットアップ

続行する前に、データを含むスプレッドシートが必要です。以前と同様に、これらの演習用にコピーできるデータシートを用意しています。手順は次のとおりです。

このリンクをクリックしてデータシートをコピーし、[コピーを作成] をクリックします。新しいスプレッドシートが Google ドライブフォルダに配置され、「日付と米ドルの為替レートのコピー」という名前が付けられます。
スプレッドシートのタイトルをクリックし、「Copy of Dates and USD Exchange Rates」から「Dates and USD Exchange Rates」に変更します。シートは次のようになります。さまざまな日付の米ドルの為替レートに関する基本的な情報が記載されています。

スクリプトエディタを開くには、[拡張機能] > [Apps Script] の順にクリックします。

時間を節約するため、このスプレッドシートにはカスタムメニューを設定するコードが少し含まれています。スプレッドシートのコピーを開いたときに、メニューが表示されたことがありますか？

このスプレッドシートとプロジェクトで、Codelab を開始する準備が整いました。次のセクションに進み、グラフと時間駆動型トリガーについて学習しましょう。

3. Apps Script を使用してスプレッドシートでグラフを作成する

データセットを可視化する特定のグラフを設計するとします。Apps Script を使用して、グラフを作成、編集し、Google スプレッドシートに挿入できます。グラフがスプレッドシートに含まれている場合、そのグラフは埋め込みグラフと呼ばれます。

グラフは、1 つ以上のデータ系列を可視化するために使用されます。埋め込みグラフの場合、通常、グラフに表示されるデータはスプレッドシート内のデータです。通常、スプレッドシートのデータを更新すると、スプレッドシートのグラフも自動的に更新されます。

Apps Script を使用して、カスタマイズされた埋め込みグラフをゼロから作成したり、既存のグラフを更新したりできます。このセクションでは、Apps Script と Spreadsheet サービスを使用してスプレッドシートに埋め込みグラフを作成する基本について説明します。

注意: Apps Script を使用してグラフで複数のタスクを実行できますが、実行できない操作もあります。スプレッドシートサービスには、グラフ作成機能を提供する EmbeddedChart クラスがいくつかありますが、すべての構成オプションを網羅しているわけではありません。また、Apps Script は Google Charts API も使用しますが、この API には独自の制限があります。

このような制限があるため、Apps Script を使用して基本的なグラフを作成したり、最初に編集してからスプレッドシートで手動で書式設定を調整したりすると便利なことがよくあります。Apps Script でグラフ関連のすべてのプロセスを自動化できるわけではありませんが、その多くを自動化できます。

実装

データスプレッドシートのコピーの [Dates and Exchange Rates] データセットには、さまざまな通貨のさまざまな日付における為替レート（1 米ドルあたり）が表示されます。このデータの一部を可視化するグラフを作成する Apps Script 関数を実装します。

手順は次のとおりです。

Apps Script エディタで、スクリプトプロジェクトの Code.gs スクリプトの末尾（onOpen() 関数の後）に次の関数を追加します。

/**  * Creates and inserts an embedded  * line chart into the active sheet.  */ function createEmbeddedLineChart() {   var sheet = SpreadsheetApp.getActiveSheet();   var chartDataRange = sheet.getRange(     'Dates and USD Exchange Rates dataset!A2:F102');   var hAxisOptions = {     slantedText: true,     slantedTextAngle: 60,     gridlines: {       count: 12     }   };      var lineChartBuilder = sheet.newChart().asLineChart();   var chart = lineChartBuilder     .addRange(chartDataRange)     .setPosition(5, 8, 0, 0)     .setTitle('USD Exchange rates')     .setNumHeaders(1)     .setLegendPosition(Charts.Position.RIGHT)     .setOption('hAxis', hAxisOptions)     .setOption("useFirstColumnAsDomain", true)     .build();     sheet.insertChart(chart);   }

スクリプトプロジェクトを保存します。

コードレビュー

追加したコードは、グラフ「日付と米ドル為替レートのデータセット」メニュー項目によって呼び出される関数を実装し、基本的な折れ線グラフを作成します。コードを確認しましょう。

最初の行では、次の 3 つの変数を設定します。

sheet: 現在アクティブなシートへの参照。
chartDataRange: 可視化するデータ範囲。コードでは、A1 形式を使用して、Dates and USD Exchange Rates dataset というシートのセル A2 ～ F102 を範囲として指定しています。シートに名前を付けることで、別のシートがアクティブになっている場合でも、範囲が常にデータの位置をカバーするため、メニュー項目が機能します。2 行目から開始すると、列ヘッダーが含まれ、最新の 100 件の日付（行）のみがグラフ化されます。
hAxisOptions: コードが横軸の外観を構成するために使用する設定情報を含む基本的な JavaScript オブジェクト。具体的には、横軸のテキストラベルを 60 度の傾斜に設定し、縦のグリッド線の数を 12 に設定します。

次の行では、折れ線グラフビルダー オブジェクトを作成します。Apps Script の埋め込みグラフは、ビルダー設計パターンを使用して作成されます。この設計パターンの詳細な説明はこの Codelab の範囲外です。ここでは、Spreadsheet サービスが複数の EmbeddedChartBuilder クラスを提供していることを理解しておいてください。グラフを作成するには、まずコードで埋め込みグラフビルダーオブジェクトを作成し、そのメソッドを使用してグラフの設定を定義してから、build() メソッドを呼び出して最終的な EmbeddedChart オブジェクトを作成します。すべてのグラフ構成はビルダークラスを通じて管理されるため、コードで EmbeddedChart オブジェクトを直接変更することはありません。

スプレッドシートサービスは、親 EmbeddedChartBuilder クラスと、そこから継承する複数の子ビルダークラス（EmbeddedLineChartBuilder など）を提供します。子クラスを使用すると、Apps Script は特定のグラフタイプにのみ適用されるビルダーのグラフ構成メソッドを提供できます。たとえば、EmbeddedPieChartBuilder クラスは、円グラフにのみ適用される set3D() メソッドを提供します。

コードでは、この行でビルダーオブジェクト変数 lineChartBuilder が作成されます。

var lineChartBuilder = sheet.newChart().asLineChart();

コードは Sheet.newChart() メソッドを呼び出して EmbeddedChartBuilder オブジェクトを作成し、EmbeddedChartBuilder.asLineChart() を使用してビルダーのタイプを EmbeddedLineChartBuilder に設定します。

次に、コードは lineChartBuilder を使用してグラフを構築します。このコード部分は、グラフの設定を定義する一連のメソッド呼び出しと、グラフを作成する build() 呼び出しで構成されています。前の Codelab で見たように、このコードではメソッドチェーンを使用して、コードを読みやすくしています。メソッド呼び出しの処理内容は次のとおりです。

addRange(range): グラフに表示するデータ範囲を定義します。
setPosition(anchorRowPos, anchorColPos, offsetX, offsetY): シート内のグラフの配置場所を指定します。このコードでは、グラフの左上隅をセル H5 に挿入しています。
setTitle(title): グラフのタイトルを設定します。
setNumHeaders(headers): データ範囲内の行または列のうち、ヘッダーとして扱う行または列の数を指定します。ここでは、コードはデータ範囲の最初の行をヘッダーとして使用します。つまり、その行のテキストはグラフの個々のデータ系列のラベルとして使用されます。
setLegendPosition(position): グラフの凡例をグラフの右側に移動します。このメソッドは、Charts.Position 列挙型をパラメータとして使用します。
setOption(option, value): 複雑なグラフのオプションを設定します。ここでは、コードで hAxis オプションを hAxisOptions オブジェクトに設定しています。このメソッドを使用して設定できるオプションはいくつかあります。各グラフタイプのオプションと可能な値については、Charts API グラフギャラリーをご覧ください。たとえば、折れ線グラフで設定できるオプションについては、折れ線グラフの構成オプションをご覧ください。setOption(option, value) メソッドは高度なトピックなので、Apps Script でのグラフ作成に慣れるまでは使用しないことをおすすめします。
build(): 上記の設定を使用して EmbeddedChart オブジェクトを作成して返します。

最後に、コードは Sheet.insertChart(chart) を呼び出して、作成したグラフをアクティブなシートに配置します。

結果

次の手順で、書式設定関数の動作を確認できます。

まだ行っていない場合は、Apps Script エディタでスクリプトプロジェクトを保存します。
[データセットを表示 > グラフ「日付と米ドル為替レートのデータセット」] メニュー項目をクリックします。

注: gmail.com アカウントを使用している場合、スクリプトを初めて使用するときに「このアプリは確認されていません」というダイアログが表示されることがあります。Google は、この情報を使用して、不明な作成者や信頼できない作成者のコードを使用している可能性のあるユーザーに警告します。このダイアログが表示された場合は、スクリプトの作成者であるため、続行しても問題ありません。画面の指示に沿って、スクリプトの承認を続行します。

未確認アプリのダイアログで、[詳細] をクリックします。
[Go to Dates and USD Exchange Rates (unsafe)] をクリックします。
[許可] をクリックします。

この Codelab では、権限に関するプロンプトがいくつか表示されることがあります。このプロセスの詳細については、Google サービスの承認をご覧ください。

スクリプトによって、データの右側に新しいグラフが配置されます。

これで、Apps Script を使用して埋め込み折れ線グラフを作成できました。次のセクションでは、グラフを Google スライドにエクスポートする方法について説明します。

4. グラフをスライドにエクスポートする

Apps Script の大きなメリットの一つは、Google Workspace アプリケーション間でデータを簡単に移動できることです。これらのアプリケーションのほとんどには、スプレッドシートサービスと同様の専用の Apps Script サービスがあります。たとえば、Gmail には Gmail サービス、Google ドキュメントにはドキュメントサービス、Google スライドにはスライドサービスがあります。これらの組み込みサービスを使用すると、あるアプリケーションからデータを抽出し、処理して、別のアプリケーションに結果を書き込むことができます。

このセクションでは、Google スプレッドシートに埋め込まれたすべてのグラフを新しい Google スライドのプレゼンテーションにエクスポートする方法について説明します。また、スプレッドシートでユーザーカスタムメッセージを表示する 2 つの方法についても説明します。

実装

ここでは、[データセットを表示] > [グラフをスライドにエクスポート] メニュー項目から呼び出される関数を実装します。手順は次のとおりです。

Apps Script エディタで、スクリプトプロジェクトの Code.gs スクリプトの末尾（createEmbeddedLineChart() 関数の後）に次の関数を追加します。

/**  * Create a Slides presentation and export  * all the embedded charts in this spreadsheet  * to it, one chart per slide.  */ function exportChartsToSlides() {   var ss = SpreadsheetApp.getActiveSpreadsheet();      // Fetch a list of all embedded charts in this   // spreadsheet.   var charts = [];   var sheets = ss.getSheets();   for (var i = 0; i < sheets.length; i++) {     charts = charts.concat(sheets[i].getCharts());   }      // If there aren't any charts, display a toast   // message and return without doing anything   // else.   if (charts.length == 0) {     ss.toast('No charts to export!');     return;   }      // Create a Slides presentation, removing the default   // title slide.   var presentationTitle =     ss.getName() + " Presentation";   var slides = SlidesApp.create(presentationTitle);   slides.getSlides()[0].remove();        // Add charts to the presentation, one chart per slide.   var position = {left: 40, top: 30};   var size = {height: 340, width: 430};   for (var i = 0; i < charts.length; i++) {     var newSlide = slides.appendSlide();     newSlide.insertSheetsChart(       charts[i],       position.left,       position.top,       size.width,       size.height);      }      // Create and display a dialog telling the user where to   // find the new presentation.   var slidesUrl = slides.getUrl();   var html = "<p>Find it in your home Drive folder:</p>"       + "<p><a href=\"" + slidesUrl + "\" target=\"_blank\">"       + presentationTitle + "</a></p>";      SpreadsheetApp.getUi().showModalDialog(     HtmlService.createHtmlOutput(html)       .setHeight(120)       .setWidth(350),       "Created a presentation!"   ); }

スクリプトプロジェクトを保存します。

コードレビュー

このコードは、予想よりも短くなる可能性があります。コードを 5 つのセクションに分割して、その動作を確認しましょう。

1: グラフを取得する

最初の数行では、アクティブなスプレッドシートを検索して埋め込みグラフをすべて見つけ、それらを配列 charts に収集します。これらの行では、Spreadsheet.getSheets() メソッドと Sheet.getCharts() メソッドを使用して、シートとグラフのリストを取得しています。JavaScript の Array.concat() メソッドは、各シートのグラフのリストを charts に追加するために使用されます。

2: エクスポートするグラフがあることを確認する

このコードは、エクスポートするグラフがあるかどうかを確認します。空白のプレゼンテーションを作成しないように、グラフがない場合は、代わりに Spreadsheet.toast(message) を使用してトーストメッセージを作成します。これは、スプレッドシートの右下に数秒間表示されてから消える小さな「ピーク」ダイアログです。

重要なポイント: トーストメッセージは、ユーザーが対応する必要のないイベントが発生したことをユーザーに知らせるのに最適です。この場合、トーストメッセージはメニューアクションが正常に完了したことをユーザーに伝えていますが、エクスポートするグラフがないため、何も生成されませんでした。

コードでトーストメッセージが作成されなかった場合、メニュー項目が何もしていないように見え、ユーザーはスクリプトが壊れていると考える可能性があります。スクリプトでエラー条件が発生した場合でも、スクリプトの動作についてユーザーに通知することをおすすめします。

エクスポートするグラフがない場合、コードはトーストメッセージを作成して、それ以外の処理を行わずに終了します。エクスポートするグラフがある場合、コードは次の数行でプレゼンテーションの作成を続行します。

3: プレゼンテーションを作成する

新しいプレゼンテーションのファイル名を保持するために、変数 presentationTitle が作成されます。スプレッドシートの名前として設定され、末尾に「 Presentation」が連結されます。次に、コードはスライドサービスメソッド SlidesApp.create(name) を呼び出してプレゼンテーションを作成します。

新しいプレゼンテーションは、空白のスライド 1 枚で作成されます。プレゼンテーションには不要なので、コードで Presentation.getSlides() と Slide.remove() を使用して削除します。

4: グラフをエクスポートする

次のセクションのコードでは、JavaScript オブジェクトの position と size を定義して、インポートしたグラフをスライドのどこに配置するか、グラフのサイズをピクセル単位で設定します。

このコードは、charts リスト内のすべてのグラフをループ処理します。グラフごとに、Presentation.appendSlide() を使用して newSlide が作成され、プレゼンテーションの最後にスライドが追加されます。Slide.insertSheetsChart(sourceChart, left, top, width, height) メソッドは、指定された position と size を使用して、グラフをスライドにインポートするために使用されます。

最後に、新しいプレゼンテーションの場所をユーザーに伝えるコードが必要です。できれば、クリックして開くことができるリンクを含めるのが望ましいです。このため、コードは Apps Script の HTML サービスを使用して、カスタムモーダルダイアログを作成します。モーダルダイアログ（Apps Script ではカスタムダイアログとも呼ばれます）は、スプレッドシートのインターフェースの上に表示されるウィンドウです。カスタムダイアログが表示されている間は、ユーザーはスプレッドシートを操作できません。

重要なポイント: モーダルダイアログは、スクリプトの続行にユーザーからの特定の入力が必要な場合や、ユーザーが Google スプレッドシートで作業を続行する前に必ず確認してほしいことがある場合に便利です。

Apps Script の HTML サービスを使用すると、標準の HTML と JavaScript を使用して、カスタムダイアログのスタイルとコンテンツを完全に制御できます。つまり、ダイアログにテキスト、ボタン、画像などのインタラクティビティを追加できます。これらのトピックはこの Codelab の範囲外ですが、詳細については、HTML の作成と配信とサーバーとクライアントの通信のガイドをご覧ください。

カスタムダイアログを作成するには、コードにコンテンツを定義する HTML が必要です。これは html 変数で提供されます。コンテンツには、短い段落とハイパーリンクが含まれています。ハイパーリンクは presentationTitle 変数で、Presentation.getUrl() が提供するプレゼンテーションの URL にリンクされています。ハイパーリンクでは target="_blank" 属性も使用されているため、プレゼンテーションはダイアログ内ではなく、新しいブラウザタブで開きます。

HTML は HtmlService.createHtmlOutput(html) メソッドによって HtmlOutput オブジェクトに解析されます。HtmlOutput オブジェクトを使用すると、コードで HtmlOutput.setHeight(height) と HtmlOutput.setWidth(width) を使用してカスタムダイアログのサイズを設定できます。

htmlOutput が作成されると、コードは Ui.showModalDialog(htmlOutput, title) メソッドを使用して、指定されたタイトルのダイアログを表示します。

結果

2 つ目のメニュー項目を実装したので、実際に動作を確認してみましょう。exportChartsToSlides() 関数をテストするには:

まだ行っていない場合は、Apps Script エディタでスクリプトプロジェクトを保存します。
スプレッドシートを開き、[データセットを表示 > グラフ「Dates and USD Exchange Rates dataset」] メニュー項目をクリックして、エクスポートするグラフを作成します。アクティブなシートのセル H5 に固定されて表示されます。
[データセットを表示 > グラフをスライドにエクスポート] メニュー項目をクリックします。スクリプトの再認証を求められることがあります。
スクリプトがリクエストを処理し、カスタムダイアログが表示されます。
新しいスライドプレゼンテーションを開くには、[Dates and USD Exchange Rates Presentation] リンクをクリックします。

必要に応じて、スプレッドシートにグラフを追加し、メニュー項目を再度選択して、複数のスライドを含むプレゼンテーションを作成することもできます。

Google スプレッドシートで作成したグラフを Google スライドのプレゼンテーションにエクスポートできるようになりました。コードを記述してカスタムダイアログを作成することもできます。

この Codelab の最後の演習はこれで完了です。次のセクションに進んで、学んだ内容を復習しましょう。

5. まとめ

お疲れさまでした。これで、この Codelab と「Google スプレッドシートでの Apps Script の基礎」の Codelab 再生リスト全体が完了しました。この再生リストで説明する原則を理解すれば、スプレッドシートの機能を拡張したり、Apps Script の機能を試したりすることができます。

この Codelab は役に立ちましたか？

はい

いいえ

学習した内容

Apps Script を使用して埋め込み折れ線グラフを作成する方法。
スプレッドシートでトーストメッセージとカスタムダイアログをユーザーに表示する方法。
グラフを新しいスライドプレゼンテーションにエクスポートする方法。

主なコンセプト:

スプレッドシートサービスは、EmbeddedChart と関連するビルダークラスを使用して、スプレッドシートに表示されるグラフを作成および変更します。グラフサービスは、Apps Script ウェブアプリなど、スプレッドシート以外で使用されるグラフの作成と変更に使用されます。
スプレッドシートでは、ユーザーが対処する必要のない短いアラートメッセージをユーザーに表示するために、トーストメッセージが使用されます。
カスタムダイアログは、HTML と JavaScript で作成されたモーダルダイアログです。カスタムダイアログが表示されると、ユーザーはスプレッドシートを操作できなくなります。カスタムダイアログは、スクリプトの実行に必要な情報の入力をユーザーに求める場合や、ユーザーに何かを読んでもらってからスプレッドシートでの作業を続行してもらう場合に便利です。
コンテナバインドスクリプトを含むファイルをコピーすると、コピーされたファイルにはバインドされたスクリプトのコピーが保持されます。コピーを変更しても、元のファイルには反映されません。その逆も同様です。
スライドのリンクされたグラフは、スプレッドシートの元のグラフに接続されています。元のスプレッドシートのグラフを編集した場合は、スライドのリンクされたグラフを更新して、編集内容を反映させることができます。

キーワード:

Active（ステータス）: 指定されたスプレッドシート、シート、範囲、セルが、スプレッドシートのユーザーが現在表示またはハイライト表示しているものであることを示します。
アクティブセル: アクティブシート内でカーソルがフォーカスされている、ハイライト表示された単一のセル。
アクティブな範囲: アクティブなシート内で現在ハイライト表示されている 1 つ以上のセルのグループ。
承認: ユーザーが Apps Script に権限を付与して、関連する Google サービスでユーザーデータにアクセスしたり、ユーザーに代わって操作を行ったりできるようにするプロセス。
コンテナバインドスクリプト: Google スプレッドシートや Google ドキュメントなど、Google Workspace ドキュメントにバインドされ、そこから作成されたスクリプト。
カスタムダイアログ: HTML と JavaScript で構築されたカスタマイズ可能なモーダルダイアログウィンドウ。ユーザーに情報を提供したり、インタラクティブな操作を提供したりするために使用されます。カスタムダイアログが表示されている間は、ユーザーはスプレッドシートを操作できません。
EmbeddedChart: スプレッドシートに埋め込まれたグラフ。
EmbeddedChartBuilder: EmbeddedChart の作成または編集に使用されるクラスまたはビルダー。
ヘルパー関数: 通常はプライベートな関数で、別の関数から呼び出されて小さなサブタスクを完了します。ヘルパー関数は、サブタスクをさまざまな場所で何度も完了する必要がある場合に使用されます。
JSON: テキストからデータオブジェクトとその特性を定義するためのファイル形式。
onOpen(): スクリプトで定義されている場合、ファイルが開くか再読み込みされるたびに起動するシンプルなトリガーです。
リンクされたグラフ: スライドで、スプレッドシートの元のグラフに接続されているグラフ。元のスプレッドシートのグラフを編集した場合は、スライドのリンクされたグラフを更新して、編集内容を反映させることができます。
モーダルダイアログ: カスタムダイアログに移動します。
プレゼンテーション: Google ドライブに保存されている Google スライドファイル。Presentation クラスを使用すると、プレゼンテーションにアクセスして変更できます。
範囲**: シート内の 1 つ以上の隣接するセルのグループ。 Range** クラスを使用すると、シート内の範囲を読み取って更新できます。
スクリプトエディタ: Apps Script のブラウザ内コードエディタ。
シンプルなトリガー: 予約済みのトリガー関数名と特定の制限事項がある、Apps Script のトリガーのサブタイプ。
シート**: スプレッドシートの 1 ページ。Google ドライブ内の Google スプレッドシートファイルを指すために使用されることがあります。 Sheet** クラスを使用すると、シートにアクセスして変更できます。
スライド: プレゼンテーション内の 1 枚のスライド。Slide クラスを使用すると、スライドにアクセスして変更できます。
SlidesApp: このクラスは、スライドサービスの親クラスとして機能し、Google スライドのデータを読み取るか操作するコードの出発点となります。
SpreadsheetApp: このクラスは、スプレッドシートサービスの親クラスとして機能し、Google スプレッドシートのデータを読み取ったり操作したりするコードの出発点となります。
スプレッドシート**: Google ドライブに保存されている Google スプレッドシートファイル。 Spreadsheet** クラスを使用すると、スプレッドシートにアクセスして変更できます。
スプレッドシートサービス: スクリプトが Google スプレッドシートファイルの作成、アクセス、変更を行えるようにする Apps Script サービス。
トースト: Google スプレッドシートのイベントやプロセスについてユーザーに通知するために使用される、短時間表示されるダイアログ。
トリガー: Apps Script 関数にキー設定されたイベント。イベント（スプレッドシートを開くなど）が発生すると、トリガーが「起動」し、関連付けられた Apps Script 関数が自動的に実行されます。
URL 取得サービス: スクリプトが URL エンドポイントに接続してリクエストを送信し、レスポンスを受信できるようにする Apps Script サービス。

次のステップ

このプレイリストは完了です。ただし、Apps Script についてはまだ学ぶべきことがたくさんあります。

以下のリソースをご確認ください。

スクリプト作成をお楽しみください。

この Codelab のプレイリストはお役に立ちましたか？

はい

いいえ

今後、Apps Script の Codelab をもっと見たいですか？

はい

いいえ

Google スプレッドシートでの Apps Script の基礎 #5: スライドでデータをグラフ化して表示する コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。

1. はじめに

学習内容

始める前に

必要なもの

2. セットアップ

3. Apps Script を使用してスプレッドシートでグラフを作成する

実装

コードレビュー

結果

4. グラフをスライドにエクスポートする

実装

コードレビュー

1: グラフを取得する

2: エクスポートするグラフがあることを確認する

3: プレゼンテーションを作成する

4: グラフをエクスポートする

5: プレゼンテーションの場所を共有する

結果

5. まとめ

この Codelab は役に立ちましたか？

学習した内容

次のステップ

この Codelab のプレイリストはお役に立ちましたか？

今後、Apps Script の Codelab をもっと見たいですか？

Google スプレッドシートでの Apps Script の基礎 #5: スライドでデータをグラフ化して表示する