Google Spreadsheetでランダムに出力するオミクジ的なサイトを作る(1)
では、Google AppScriptのHtmlService.createHtmlOutput()を試したが、HTMLをハードコーディングするのも気持ち悪いので、HtmlService.createTemplateFromFile()を使ってみる。
まず、テンプレを作る。
<!DOCTYPE html>
<html>
<head>
<base target="_top">
</head>
<body>
<? var data = getData(); ?>
<h1><a href="<?= data[0] ?>" target="_top"><?= data[1] ?></a></h1>
</body>
</html>
そして、今までdoGet()の中に詰め込んでたものを分割して、doGet()はcreateTemplateFromFileだけにして、データ生成はgetDataの中で行う。
function doGet() {
return HtmlService
.createTemplateFromFile('index')
.evaluate();
}
function getData(){
var spreadsheet = SpreadsheetApp.openById('シートID');
var sheet = spreadsheet.getSheetByName('list');
var lastRow = sheet.getLastRow();
var rand = Math.floor( Math.random() * lastRow ) + 1;
var url = sheet.getRange(rand,1).getValue();
var title = URLtoTitle(url);
return [url,title];
}
function URLtoTitle(url) {
var response = UrlFetchApp.fetch(url);
var myRegexp = /<title>([\s\S]*?)<\/title>/i;
var match = myRegexp.exec(response.getContentText());
var title = match[1];
title = title.replace(/(^\s+)|(\s+$)/g, "");
return(title);
}
一瞬、「このアプリケーションは、Google ではなく、別のユーザーによって作成されたものです。」という表示を消せるかな？と期待したが、結局、iframe構造は変わらないのでタイトルを設定しても反映できないがJavaScriptぐらいは使えるようになった。