google spread apiを使ってタスク管理アプリ作ってみた

作成したアプリケーションのgithubのリポジトリはこちらです。
→ ・https://github.com/tmosyc/task-spreedsheet

スライドには、gcpの操作方法も画像と共にわかりやすく載せてあります

Transcript

1. google spread sheet apiを使ってタスク管理ア プリ作ってみた
2. 自己紹介 ・名前：宮川季己（みやがわとしき） ・会社：株式会社PR TIMES ・年齢：22歳(新卒１年目) ・趣味：お散歩
3. 今回作ったもの ・投稿、削除ができる簡単なタスク管理アプリ ・タスクを投稿した時の内容が、スプレッドシートに 追記される ・https://github.com/tmosyc/task-spreedsheet
4. タスク管理アプリを作った背景 ・タスクを管理する時に、今までのタスクが自動的に 記録されるアプリを作れれば良いなと思った。また、 後で見返せることが良いと思った ・google spread sheet apiがあり、上記のことを実 現できそうだと思った。
5. 作ったwebアプリケーションの説明 機能 • formからPOSTリクエストでタスクのタイトルと内容を送ると、DBにinsert されてページにその内容が表示される • 削除ボタンを押すと、DELETEリクエストが送られ、対象のデータがDBか ら削除される • POSTリクエストで送信すると同時に、スプレッドシートに送信んした値が 代入される
6. 作ったwebアプリケーションの説明 技術 • flask(pythonフレームワーク) • sqlalchemy(ORM) • spread sheet api(GCP)
7. デモ
8. spread sheetと接続するために必要な認証 A. googleに認証するための秘密鍵 B. spread sheetのシートIDの取得
9. A. 認証手順(googleに認証するための秘密鍵) gspreadのdocumentationから引用 (https://docs.gspread.org/en/latest/oauth2.html#enable-api-access) 1. 有効にしていない場合は、プロジェクトのAPIアクセスを有効にします 2. 「APIとサービス > 認証情報」に移動し、「認証情報の作成 > サービスアカウント キー」を選択します 3. フォームに記入する 4. 「作成」と「完了」をクリックします 5. サービスアカウントの上にある「サービスアカウントの管理」を押します 6. 最近作成したサービスアカウントの近くにある:を押して、「キーの管理」を選択し、 「キーの追加 > 新しいキーの作成」をクリックします 7. JSONキータイプを選択し、「作成」を押します
10. 1. 有効にしていない場合は、プロジェクトのAPIアクセスを 有効にします
11. 1. 有効にしていない場合は、プロジェクトのAPIアクセスを 有効にします
12. 2. 「APIとサービス > 認証情報」に移動し、「認証情報の作成 > サービスアカウントキー」を選択します
13. 2. 「APIとサービス > 認証情報」に移動し、「認証情報の作成 > サービスアカウントキー」を選択します
14. 3. フォームに記入します
15. 4.「作成」と「完了」をクリックします 前のスライドのページを進める
16. 5. サービスアカウントの上にある「サービスアカウントの管 理」を押します
17. 6. 最近作成したサービスアカウントの近くにある:を押して、「キー の管理」を選択し、「キーの追加 > 新しいキーの作成」をクリックしま す
18. 7. JSONキータイプを選択し、「作成」を押します
19. B. 認証手順(シートIDの取得) google spread sheetのurl シートID
20. 実装 Aのパス Bの文字列
21. まとめ ・二つの認証だけで接続することができるので、spread sheetと接続 してwebアプリケーションを開発するのは意外と楽 ・PHPでも楽に実装できるかもしれないと思ったので、PHPでも実装 してみたいなと思った ・slackや他のタスク管理ソフトウェアなどと繋げてみたら、日々テキ ストデータが蓄積されていき、スプレッドシートだとビジネス側でも扱 いやすいので、会社全体の業務効率化になりそうだと思った
22. ✳注意 ・実装で示したコードの書き方では、gspreadは version3.6以上だと動きません ・参考 ：https://docs.gspread.org/en/latest/oauth2.html