GASとスプレッドシートとFirestoreの連携

タイトルの通りGoogle App ScriptことGASとGoogle spreadtheetとFirestoreの連携について二回目の記事になります。

前回の記事はこちら
Firestoreとスプシの連携1

私のポートフォリオサイトはこちら。
Zihuatanejo works
GitHub

上記のサイトに以下の機能が実装しています。

• サイト内のフォームに問い合わせがあった場合に問い合わせの内容をスプレッドシートで表示すること
• サイト内の特定のページにスプレッドシート指定シートの情報を表示すること

要はスプレッドシートからFirestoreにGET/POSTできるようにしています。

前回の記事で
GASからFirestoreにクエリを投げて、データを取得するところまでを書きました。

今回は第二弾として取得したデータをスプレッドシートに展開するところまでを書こうと思います。

とりあえず2022年始まって2記事目まで書けてるな。自分えらい。(独り言)

続きを読む

GASとスプレッドシートとFirestoreの連携

タイトルの通りGoogle App ScriptことGASとGoogle spreadtheetとFirestoreの連携について本日から何回かに分けて書こうと思います。

始まりは、私のポートフォリオサイトの制作でした。
Zihuatanejo works
GitHub

細かいサイトの仕様などはいずれ記事にするとして、
やりたかったことは2つです。

• サイト内のフォームに問い合わせがあった場合に問い合わせの内容をスプレッドシートで表示すること
• サイト内の特定のページにスプレッドシート指定シートの情報を表示すること

要はスプレッドシートからFirestoreにGET/POSTできるようにしたいということになります。
今回はその第一弾としてGET編のGASとスプレッドシートの連携を書こうと思います。

続きを読む

Chart.jsを軽く使ってみた

こんにちは！ウェブエンジニアのジワタネホです！

今日は簡単にチャートやグラフを表示できるChart.jsについて備忘録的に。

実際にドキュメントを読むと結構できることが多くて、本当に触り程度しか触っていませんがwww

フロントエンド開発の参考になれば！！

続きを読む

MacにIE導入

こんにちは！ウェブエンジニアのジワタネホです！

みなさん、IEの表示確認してますか？

windowsで開発している方は問題ないかと思います。（面倒ではあるでしょうけどね。）

Macで開発している方はどうでしょう？

本日は、Mac、というかvagrant上にwindows IEを導入する方法を備忘録として！

フロント開発者の参考になれば！

続きを読む

gulpの導入手順

こんにちは！ウェブエンジニアのジワタネホです！

最近LPの制作案件がありまして、普段rails,coffee script,slim,sassで開発している身からするとそのままのhtmlもcssもjavascriptもコーディングがストレスだとwww

で、今回は完全に個人完結する案件だったのでそういった案件が今後も来ると信じてLPコーディング用のリポジトリを作りました。

static-page-template

今回はその備忘録として。

gulp導入を検討している方の参考になれば！

続きを読む