0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Google AppScriptを使ってスプレッドシートをWebサイトで見れるようにする

Posted at

スプレッドシートをWebサイトで見れるようにしました。
こちらのサイトを参考にしているのでこちらも是非参考にしてください。

Code.jsのスクリプト

function doGet() {
  // (2) Spreadsheet からデータを読み込む
  var spreadsheet = SpreadsheetApp.getActiveSpreadsheet();
  var templateSheet = spreadsheet.getSheetByName("シートの名前"); //シートの名前が一致するものを取得

    // セルの値を取得
  var range = templateSheet.getRange('A1'); //セルの座標を指定
  var value = range.getValue();


  // (3) テンプレートを使ってHTML文書を作って return
  let template = HtmlService.createTemplateFromFile("list");
  template.link = value; // こうしておくとテンプレートの方で link という変数に値が入った状態で使える
  return template.evaluate().setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);; //gasは標準で組み込みが出来ないようになっているのでそれを修正
}

list.html内のすプリプと

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
  </head>
  <body>
     <h1><?= link ?></h1>

  </body>
</html>

ものすごく単純だが、これをするとデプロイ後、A1に書かれた内容を取得して表示することができる。

image.png

デプロイは右上の「Deploy」を押し、New deploymentからすることができる。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?