GAS スライドをページごとに画像化してGoogle ドライブに保存する方法について

Question

Google Apps Script でGoogleドライブにあるスライドやパワーポイントの1スライドを自動で画像化して同じフォルダに保存したいです。
こちらのサイトを参考にというか、ほぼ同じchordなのですが以下のエラーが出て実現できません。
事前準備としてOAuth2 for Apps Scriptのライブラリを有効化しています。

参考サイト：https://codeday.me/jp/qa/20190305/364927.html
エラー：text/html から image/png への変換はサポートされていません。

ご教示よろしくお願いします。

/* 参考サイト
https://codeday.me/jp/qa/20190305/364927.html
*/
function main(){
  var id=PropertiesService.getScriptProperties().getProperty('slide_id');
  downloadPresentation(id)
}

function downloadPresentation(id) {
  var slideIds = getSlideIds(id); 

  for (var i = 0, slideId; slideId = slideIds[i]; i++) {
    downloadSlide('Slide ' + (i + 1), id, slideId);
  }
}

function downloadSlide(name, presentationId, slideId) {
  var url = 'https://docs.google.com/presentation/d/' + presentationId +
    '/export/png?id=' + presentationId + '&pageid=' + slideId; 
  var options = {
    "muteHttpExceptions" : true,　　//エラー捕捉
    headers: {
      Authorization: 'Bearer ' + ScriptApp.getOAuthToken()
    }

  };
    try {
    //成功時
      var response = UrlFetchApp.fetch(url, options);
      var image = response.getAs(MimeType.PNG);//←text/html から image/png への変換はサポートされていませんとエラーになります
      image.setName(name);
      DriveApp.createFile(image);
  } catch(e) {
    //エラー時
    Logger.log(e.message);
  }
  
}

function getSlideIds(presentationId) {
  
  var url = 'https://slides.googleapis.com/v1/presentations/' + presentationId;
  var options = {
    "muteHttpExceptions" : true,　//エラー捕捉
    headers: {
      Authorization: 'Bearer ' + ScriptApp.getOAuthToken()
    }
  };
  try{
    var response = UrlFetchApp.fetch(url, options);
  } catch(e) {
    //エラー時
     Logger.log(e.message);
  }
  var slideData = JSON.parse(response);
  return slideData.slides.map(function(slide) {
    return slide.objectId;
  });
  
}
  

結論としては
エラーはchordによるエラーではなく、環境回りの設定がうまくいっていなかったということでした。
最終的にはマイドライブに保存された画像ファイルを元スライドにあるフォルダに移動する部分も追加した次のコードでうまく動いています。

不要だったもの

• OAuth2ライブラリの追加
  -　Google Slides API

/* 参考サイト
https://medium.com/@gw_cule/gas%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%9F%E8%AA%8D%E5%8F%AF%E3%83%91%E3%82%BF%E3%83%BC%E3%83%B3-67f195d7a425
https://codeday.me/jp/qa/20190305/364927.html
*/
function main(){
  var id=PropertiesService.getScriptProperties().getProperty('slide_id');
  var folderid=PropertiesService.getScriptProperties().getProperty('folder_id');
  downloadPresentation(id,folderid)
}

function downloadPresentation(id,folderid) {
  var slideIds = getSlideIds(id); 

  for (var i = 0, slideId; slideId = slideIds[i]; i++) {
    var file = downloadSlide('Slide ' + (i + 1), id, slideId);
    moveSlides(file,folderid);
  }
}

function downloadSlide(name, presentationId, slideId) {

  var url = 'https://docs.google.com/presentation/d/' + presentationId +
    '/export/png?id=' + presentationId + '&pageid=' + slideId; 
  var options = {
    "muteHttpExceptions" : true,　　//エラー捕捉
    headers: {
      Authorization: 'Bearer ' + ScriptApp.getOAuthToken()
    }
  };
    try {
    //成功時
      var response = UrlFetchApp.fetch(url, options);
      var image = response.getAs(MimeType.PNG);
      image.setName(name);
      var file=DriveApp.createFile(image);
      return file;
  } catch(e) {
    //エラー時
    Logger.log(e.message);
  }
  
}

function getSlideIds(presentationId) {
  
  var url = 'https://slides.googleapis.com/v1/presentations/' + presentationId;
  var options = {
    "muteHttpExceptions" : true,　//エラー捕捉
    headers: {
      Authorization: 'Bearer ' + ScriptApp.getOAuthToken()
    }
  };
  try{
    var response = UrlFetchApp.fetch(url, options);
  } catch(e) {
    //エラー時
     Logger.log(e.message);
  }
  var slideData = JSON.parse(response);
  return slideData.slides.map(function(slide) {
    return slide.objectId;
  });
  
}
  
function moveSlides(file,folderid){

  var folder = DriveApp.getFolderById(folderid);
  file.makeCopy(file.getName(),folder);//ルート(マイドライブ直下)に作られた画像ファイルをコピーする
  Logger.log(file.getName() + ": this file delete");
  file.setTrashed(true);
  
}

Answer 1

私の環境では、スクリプトのプロパティに`slide_id'を追加してidを設定するだけで、画像が出力されました。

text/html から image/png への変換はサポートされていませんとでるということは、対象のSlidesを参照する権限がない等の理由で、テキストページに飛ばされているとかじゃないでしょうか。

Comments

[s.kono]

ご回答ありがとうございます。
対象のスライドはマイドライブにある自身が作ったスライドです。この場合に保存先はどこになるのかよくわからないのですが、もしかするとマイドライブの直下や元スライドのあるフォルダではなく、ローカルPCのダウンロードフォルダということですと権限がないということは考えられます。

draqさんはどこに出力されましたでしょうか? 教えていただけますと助かります。

[draq]

スライドと同じフォルダに出力されました。
このスクリプトはGoogle Driveに保存しているので、ローカルPCは関係ないかと思います。
Logger.log等で(text/html)な出力の内容を確認してみてはどうでしょうか。

[s.kono]

スライドと同じフォルダに保存したたかったのでありがたいchordなのですが、私の環境ではうまくいっていないのですね。Logger.logの中身は
-----
[19-10-23 10:24:33:240 JST] <HTML>
<HEAD>
<TITLE>Unauthorized</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="#000000">
<H1>Unauthorized</H1>
<H2>Error 401</H2>
</BODY>
</HTML>

[19-10-23 10:24:33:241 JST] text/html から image/png への変換はサポートされていません。
[19-10-23 10:24:33:551 JST] <HTML>
-----
でした。デバックでurlの変数の中身をアドレスにたたくと直後ローカルに保存されます。

[draq]

GASを動かすアカウントとGoogle Driveのアカウントが別だったりしませんか。
Googleアカウントのページを開いて、スクリプトへGoogle Slidesへのアクセスが許可されているか確認してください。

[s.kono]

回答ありがとうございます。職場のG-Suiteなのですがアカウントはドライブもスライドも同じアカウントです。
OAuth 2.0の認証とは何か関係あるのでしょうか? ライブラリだけ有効にすればGASからの場合必要ないと思っていますがそのあたりの理解が不足しているせいで切り分けが出来ていないかもしれません。

該当のプロジェクトのプロパティ

このスクリプトで必要な 2 個の OAuth スクリプト:
https://www.googleapis.com/auth/presentations
https://www.googleapis.com/auth/script.external_request

とあります。

appsscript.jsonには

{
"timeZone": "Asia/Tokyo",
"dependencies": {
"libraries": [{
"userSymbol": "OAuth2",
"libraryId": "1B7FSrk5Zi6L1rSxxTDgDEUsPzlukDsi4KGuTMorsTQHhGBzBkMun4iDF",
"version": "35",
"developmentMode": true
}]
},
"exceptionLogging": "STACKDRIVER",
"oauthScopes": ["https://www.googleapis.com/auth/script.external_request", "https://www.googleapis.com/auth/presentations"]
}

何か関係ありますでしょうか?

[draq]

私の環境では、特に追加のライブラリの設定等はしていません。
appscript.jsonもこれだけです。
---
{
"timeZone": "Asia/Tokyo",
"dependencies": {
},
"exceptionLogging": "STACKDRIVER"
}
---

[draq]

https://qiita.com/tanaike/items/b3538e7550555ebb51f5
の追記１に「oauthScopes[]へスコープを登録すると、すでに認証していたとしても登録したスコープ以外は使用できなくなるので注意が必要です。」とあるので、試しにoauthScopesを削除して見てはどうでしょうか。

[s.kono]

色々教えていただきありがとうございます。
新しいファイルに同じスクリプトを書いて実行したところ
何回か次のエラーで失敗しいてたのですが

TypeError: undefined のメソッド「map」を呼び出せません。
at getSlideIds(コード:58)
at downloadPresentation(コード:11)
at main(コード:7)

何回目かで特になにもしていないのに
マイドライブに画像が保存されていました。
元々遅延か何かが原因でエラーになっていたのをいじりすぎていたのでしょうか。

Google Slides API もOAuth2.0も必要なかったのかもしれません。
保存先をマイドライブをスライドのあったドライブに変更する必要はありますが正常に動いているということでしょうか。

[s.kono]

ありがとうございました。おかげさまで解決できました。今後はエラーの特定を慎重にするようにしてあまり環境回りをよく理解しないまま直さないことにします。