質問するログイン新規登録

回答編集履歴

2

Spreadsheetの構成説明追加

2017/02/07 16:49

投稿

hikochang
hikochang

スコア648

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

サンプル追加

2017/02/07 16:49

投稿

hikochang
hikochang

スコア648

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)