エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【超便利!】HTMLにGoogleスプレッドシートからデータを取得して表示する方法
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【超便利!】HTMLにGoogleスプレッドシートからデータを取得して表示する方法
目的 まずはデータを入力したスプレッドシートを用意します。 今回はフォームに上記の内容を表示しよう... 目的 まずはデータを入力したスプレッドシートを用意します。 今回はフォームに上記の内容を表示しようと思います。 次にHTMLを用意します。 このHTMLにJavaScriptのfetch()を使って、非同期でGASのAPIを呼び出し、データを更新します。 更新はスプレッドシートのヘッダー(1列目)とHTMLの要素のname属性で紐づけています。 結論 では結論です。 まずはGASで作成するWebAPIに使用するコードはこちらです。 //ここは各自変更してください。 const SPREAD_SHEET_ID = 'スプレッドシートのID'; const SHEET_NAME = 'シート名'; //GETリクエスト時に呼び出される関数 function doGet(e) { //スプレッドシートをIDで取得 const app = SpreadsheetApp.openById(SPREA