Google Calendar APIでいい感じに一年を振り返りたかった

Repository:
https://github.com/uyuki234/Gummy-calendar
Site:
https://gummy-calendar.vercel.app

(The Google Calendar API is under review.)

Transcript

1. Google Calendar APIで いい感じに一年を振り返りたかった uyuki234 Kyoto Tech Talk #9 2025/12/05
2. Who am I? • 京都産業大学情報理工学部 情報理工学科 B1 • 今年4月から本格的にPCを触る プログラミング歴半年 • セキュリティ、ネットワーク 分散処理に興味あり🤩
3. カレンダーの予定をグミにして ばーっと降らせるアプリ
4. 目次 • きっかけ • アプリの概要 • 結果（デモ） • 実装（Vibe-Coding） • まとめ（困ったこと/良かったこと）
5. きっかけ
6. きっかけ 年末をいい感じに振り返りたい… カレンダーのイベントをビジュアル化して、 上から降らせたら今年の頑張りをチリツモにして見れそう！ （塵も積もれば山となる） 年間イベントを視覚的に楽しむ／ イベント量や重要度を直感的に把握するため。 https://www.nintendo.com/jp/games/switch2/aaaba/extras/index.html
7. 結果（デモ）
8. 結果（デモ） https://gummy-calendar.vercel.app
9. アプリの概要
10. アプリの概要 https://gummy-calendar.vercel.app
11. • グミの生成 ◦ Google Calendar APIで年間イベントを取得 ▪ デートとか、旅行とかのイベントの種類13種類に該当するかどうか判定 （辞書に該当する単語が含まれているかどうか） ▪ 誕生日だけ特別 ◦ 画面上で落下・物理演算させて可視化する（正規分布で降る） ◦ 参加者数と予定の時間からグミの大きさを決める • 物理エンジン ◦ Matter.js (https://brm.io/matter-js) • 背景 ◦ 取得したデータ（日付、イベント名）を流す アプリの概要 https://gummy-calendar.vercel.app
12. アプリの概要 https://gummy-calendar.vercel.app
13. 実装（Vibe-Coding）
14. 実装（Vibe-Coding） 企画・設計 開発 ←たまに修正 指示
15. まとめ （困ったこと/良かったこと）
16. 困ったこと • Vibe-Codingなので、詰まったら修正が大変… • API周りが大変だった ◦ スコープとか、OAuth 2.0 クライアント ID https://console.cloud.google.com
17. 困ったこと 機密性の高いスコープを利 用していたため…↓ https://www.googleapis.c om/auth/calendar.readonl y
18. 困ったこと
19. 困ったこと
20. 困ったこと Google の OAuth 審 査が必要になった 今日の朝にデプロイ 審査が間に合わない…
21. 良かったこと • 開発が爆速で終わった（2日間） ◦ （企画設計は1週間前から） • 初めてAPI使えた • 初めて自分でデプロイした ほとんどAI任せだったので、次は自力で作りたい！🔥
22. リポジトリ https://github.com/uyuki234/Gummy-calendar
23. Thank you!