Google スプレッドシートから複数の CSV を書き出す際、
シートごとに「ファイル」>「ダウンロード」>「カンマ区切りの値」とする必要があった。
まとめてダウンロードできるようにして手間を省くため書いたもの。
先行事例として下記の記事を参考にした。
GoogleAppsScript JavaScriptを用いてCSVをローカルに書き出す実装 - Qiita
参考記事のスクリプトだと GAS 側から関数一回呼び出して、文字列で返り値を受け取っていた。
var content = <?= getData(); ?>;
配列を HTML 側で受け取りループ回して CSV 吐き出すほうがシンプルなため
google.script.run.withSuccessHandler を使用。
実装
code.gs
// メニューバーにカスタムメニュー追加
function onOpen() {
const spreadsheet = SpreadsheetApp.getActiveSpreadsheet();
const entries = [
{
name: "CSV出力",
functionName: "csvDownload",
},
];
spreadsheet.addMenu("その他", entries);
}
// ポップアップ起動
function csvDownload() {
const html = HtmlService.createTemplateFromFile("dialog").evaluate();
SpreadsheetApp.getUi().showModalDialog(html, "ダウンロード");
}
// HTML側でスプレッドシートの中身取得＆整形
function getData() {
// スプレッドシートの値を取得
const sheet = SpreadsheetApp.getActiveSpreadsheet().getSheets()[0];
const values = sheet.getDataRange().getValues();
// 整形処理
const dataList = [{
title: "CSVのファイル名",
body: "CSVの中身文字列",
},...]
return dataList;
}
dialog.html
<!DOCTYPE html>
<html>
<head>
<base target="_top" />
<script>
window.onload = () => {
handleDownload();
}
function handleDownload() {
google.script.run.withSuccessHandler((dataList) => {
dataList.forEach(data => {
const blob = new Blob([ table.body ], { "type" : "text/csv"});
const link = document.createElement('a');
link.download = `${table.title}.csv`;
link.href = window.URL.createObjectURL(blob);
link.click();
});
google.script.host.close();
}).getData();
}
</script>
</head>
</html>