🦔
GASでRSS配信する仕組みを作り、STUDIOでスプレッドシートのデータを表示させる
スプレッドシートのデータをSTUDIOで表示する方法がないか...？
GASでスプレッドシートのデータをRSS配信し、STUDIOで読み込むという方法を考えて試してみました。
使うもの
- Googleスプレッドシート
- GAS
- STUDIO: ノーコードでウェブサイトを作ることができるサービス
1.GASでRSS配信する仕組みを作る
こちらの記事を参考に、RSS配信できるところまで作成します。
スプレッドシートのIDとは？
URLを見るとスプレッドシートのIDがわかります。
https://docs.google.com/spreadsheets/d/【ここがID】/edit#gid=0
ウェブアプリケーションとしてデプロイする
「実行」を押すと、１回目だけアプリケーションの許可画面が出てきます。
下記手順に沿って許可をしてください。
青色の「デプロイ」ボタンを押して、下記の手順でウェブアプリケーションとしてデプロイしてください。
デプロイが完了すると、ウェブアプリケーションのURLが発行されます。
デプロイしてもなぜかエラーで開けない場合はシークレットモードで開いてみる
何度デプロイしても、開けず困っていたら、
どうやら一つのブラウザで複数のGoogleアカウントでログインしているとウェブアプリケーションにアクセスできないことがあるという情報が出てきました。
試しにシークレットモードで開いてみたトコロ、あっさり解決！
2.STUDIOで読み込む
STUDIOで作成した自分のウェブサイトに表示していきます！
1.STUDIOでサインアップし、新規サイトを作成
STUDIOにアクセスし、新しいサイトを作成してください。
2.RSSを読み込む
-
左メニューからRSSを選択し、「Add a new RSS feed」をクリック
-
先程デプロイしたアプリのURLを入力
-
追加されたRSSフィードをクリックするとデータが追加されます
3.表示したいデータの選択
文字をクリック→右側のメニューから表示したいデータを選択できます
4.レイアウトの調整
レイアウトの調整をして完了です！
レイアウト調整のやりかたはこちらの動画を参考にどうぞ！
完成！
サンプル
これは色々と活用できそうです。
Discussion