回答編集履歴
2
Spreadsheetの構成説明追加
answer
CHANGED
@@ -52,6 +52,8 @@
|
|
52
52
|
}
|
53
53
|
```
|
54
54
|
|
55
|
+
SpreadsheetのC列に更新日時、D列に更新内容が記載して下さい。
|
56
|
+
|
55
57
|
なお、合わせて以下も読む必要があるかもしれません。
|
56
58
|
|
57
59
|
[「スタンドアローンのウェブアプリ」の意味](http://mypleis.blogspot.jp/2012/09/blog-post_12.html)
|
1
サンプル追加
answer
CHANGED
@@ -5,4 +5,53 @@
|
|
5
5
|
メインのページでは外部htmlを読み込むJavaScriptを使い、上記の表を読み込みます。
|
6
6
|
|
7
7
|
|
8
|
-
Spreadsheetを編集するだけなので、htmlの知識のない人にも任せる事が出来ます。Googleドライブを仕事で使える環境が必要ですが、、、
|
8
|
+
Spreadsheetを編集するだけなので、htmlの知識のない人にも任せる事が出来ます。Googleドライブを仕事で使える環境が必要ですが、、、
|
9
|
+
|
10
|
+
---
|
11
|
+
追記
|
12
|
+
あまり親切な回答ではなかったので、、、
|
13
|
+
|
14
|
+
表示するHTMLは以下、```<div id=InformationTable>Loading....</div>```の部分をテーブルに書き換えます。
|
15
|
+
```Html
|
16
|
+
<script type="text/JavaScript">
|
17
|
+
var GoogleAppsScriptURL = 'https://script.google.com/macros/s/AKfyXyzxYzxyZXyzxYzXyzxYzxyZXyzxYzXyzxYzxyZXyzxYz_jHQTEPvP8/exec';
|
18
|
+
var request = new XMLHttpRequest();
|
19
|
+
request.onreadystatechange = function()
|
20
|
+
{
|
21
|
+
if (request.readyState == 4)
|
22
|
+
{
|
23
|
+
var InformationList = JSON.parse(request.responseText);
|
24
|
+
var html = "<TABLE>";
|
25
|
+
for( var i=0; i<InformationList.length;i++ )
|
26
|
+
{
|
27
|
+
html += "<TR><TD>" + InformationList[i].date + "</TD><TD>" + InformationList[i].information + "</TD></TR>";
|
28
|
+
}
|
29
|
+
html += "</TABLE>";
|
30
|
+
document.getElementById("InformationTable").innerHTML=html;
|
31
|
+
}
|
32
|
+
}
|
33
|
+
request.open("GET", GoogleAppsScriptURL);
|
34
|
+
request.send();
|
35
|
+
</script>
|
36
|
+
<div id=InformationTable>Loading....</div>
|
37
|
+
```
|
38
|
+
|
39
|
+
GoogleAppsScriptは以下です。
|
40
|
+
```JavaScript
|
41
|
+
var gasheet="1iyzxYzXyzxYzxyZXyzxYzXyzxYzxyZXyzxYuF-ragvO4C0RA";
|
42
|
+
|
43
|
+
function doGet(e){
|
44
|
+
var output=[];
|
45
|
+
var ss = SpreadsheetApp.openById(gasheet);
|
46
|
+
var sheet = ss.getSheetByName("シート1");
|
47
|
+
var informations = sheet.getRange('C1:D5').getValues();
|
48
|
+
for (var i=0; i<informations.length; i++){
|
49
|
+
output.push({date:informations[i][0].toString(),information:informations[i][1].toString()});
|
50
|
+
}
|
51
|
+
return ContentService.createTextOutput(JSON.stringify(output)).setMimeType(ContentService.MimeType.JSON);
|
52
|
+
}
|
53
|
+
```
|
54
|
+
|
55
|
+
なお、合わせて以下も読む必要があるかもしれません。
|
56
|
+
|
57
|
+
[「スタンドアローンのウェブアプリ」の意味](http://mypleis.blogspot.jp/2012/09/blog-post_12.html)
|