Notion による Google Form のリアルタイム集計

Notion が Mermaid.js の描画に対応しました。グラフが Codeblock で書けるようになりました。要望があったので、Google Form をリアルタイムで集計する Notion ページを作ってみることにしました。いつものように作りながら記事を仕上げていきます。 ひとまずテストのために値が取得できるかだけ確認してみます。こんなコードを書きました。B2 からB列の一番下までのデータを値で取得してきます。 function getSheet() { return SpreadsheetApp.getActiveSheet() } function calcStats() { const sheet = getSheet() const values = sheet.getRange("B2:B" + sheet.getLastRow()).getValues() console.log(values) } 集計するところまで書いてみました。updateCodeBlock で stats を取得して、表示してみました。 Notion API 部分は Notion のサンプルページを作ってから取り組みます。 これで Notion の作業は終了です。 Notion 側の準備ができたので、Notion に送る部分を作成します。まず、インテグレーションのキーと先ほどのブロック ID を Script のプロパティに登録してしまいます。登録専用の関数をいつものように使います。まずこの状態でそのまま貼り付けて storeTokenAndId() を実行してみます。 成功したら、storeTokenAndId 関数は消してしまってください。コードに危険な文字列などを残さないためにプロパティに格納しているので、この関数はもう必要ありません。 次に mermaid のデータ文字列を作成します。今回は pai チャートを表示します。updateCodeBlock から mermaidCode を呼び出すように変更して表示してみます。 同様に API 用の payload を作ります。 ここの出力画面を撮り忘れましたが、ちゃんと動いていました。payload できてしまえば、いつものルーチンのものを持ってきます。updateCodeBlock も完成させてしまいましょう。 作成したページはここです。せっかくなのでアンケートに答えてみてください。もし Form 連携の参考になれば幸いです。