webの新着情報の自動更新

Question

該当箇所はwebサイトによくある新着情報が記載されている窓みたいな箇所です。
現状は普通にhtmlとcssでボックス組んでwebにあるのですが、
その中の内容というか一文(ex:2/6 New サイトを更新しました)をhtmlやcssを触らずに更新できる方法(外部のエディターかなにか？)はあるんでしょうか？
また現在のレイアウトを崩さずに更新できるようにしたいです。
わかりにくいかもしれませんが、丁寧に教えてほしいです！！
よろしくお願いします！！

Answer 1

私であれは、、、

GoogleのSpreadsheetに更新履歴を記載し、GoogleAppsScriptでdoGet(e)を実装し、その中でSpreadsheetの内容を整形して返します。

メインのページでは外部htmlを読み込むJavaScriptを使い、上記の表を読み込みます。

Spreadsheetを編集するだけなので、htmlの知識のない人にも任せる事が出来ます。Googleドライブを仕事で使える環境が必要ですが、、、

---

追記
あまり親切な回答ではなかったので、、、

表示するHTMLは以下、<div id=InformationTable>Loading....</div>の部分をテーブルに書き換えます。

<script type="text/JavaScript">
var GoogleAppsScriptURL = 'https://script.google.com/macros/s/AKfyXyzxYzxyZXyzxYzXyzxYzxyZXyzxYzXyzxYzxyZXyzxYz_jHQTEPvP8/exec';
var request = new XMLHttpRequest();
request.onreadystatechange = function()
{
    if (request.readyState == 4)
    {
        var InformationList = JSON.parse(request.responseText);
        var html = "<TABLE>";
        for( var i=0; i<InformationList.length;i++ )
        {
          html += "<TR><TD>" +  InformationList[i].date + "</TD><TD>" + InformationList[i].information + "</TD></TR>";
        }
        html += "</TABLE>";
        document.getElementById("InformationTable").innerHTML=html;
    }
}
request.open("GET", GoogleAppsScriptURL);
request.send();
</script>
<div id=InformationTable>Loading....</div>

GoogleAppsScriptは以下です。

var gasheet="1iyzxYzXyzxYzxyZXyzxYzXyzxYzxyZXyzxYuF-ragvO4C0RA";

function doGet(e){
  var output=[];
  var ss = SpreadsheetApp.openById(gasheet);
  var sheet = ss.getSheetByName("シート1");
  var informations = sheet.getRange('C1:D5').getValues();
  for (var i=0; i<informations.length; i++){
    output.push({date:informations[i][0].toString(),information:informations[i][1].toString()});
  }
  return ContentService.createTextOutput(JSON.stringify(output)).setMimeType(ContentService.MimeType.JSON);
}

SpreadsheetのC列に更新日時、D列に更新内容が記載して下さい。

なお、合わせて以下も読む必要があるかもしれません。

「スタンドアローンのウェブアプリ」の意味

Comments

[akamarukun]

やってみます！
ご丁寧な回答ありがとうございます。