TypeScript + GASでAPIを作る / Build API with TypeScript and GAS

Transcript

1. TypeScript + GASで APIを作る Cluex Webグループ 柴山健吾

2. 話すこと • GASでアプリケーションを作る • claspについて • TypeScriptについて • clasp +

   TypeScriptでAPIを開発してみる

3. GASでアプリケーションを作る • Spread SheetsとかGoogle製品のAPIを使ってあんなこ とやこんなことできる • でも普通に作ろうとするとつらい ◦ ローカルで開発できない ◦

   バージョン管理できない ◦ 補完も何も効かないザコい専用エディター

4. GASでアプリケーションを作る

5. clasp

6. claspとは • ローカルで開発できる ◦ バージョン管理できる • コマンド一つでデプロイできる • TypeScriptで開発できる！！！

7. ＿人人人人人人人人人人人人人人人人＿ ＞　TypeScriptで開発できる！！　＜ ￣Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^￣

8. TypeScript • 静的型付けをJavaScriptにもたらす JSのスーパーセット • 既存のJSコードをそのまま使っても動作する • JSコードにトランスパイルするので、 型情報はトランスパイル時に失われる •

   そのため実行時には型は保証されない

9. clasp + TypeScriptで開発してみる Googleカレンダーから1週間の予定を取得して JSONで返すAPIを作ってみた

10. claspのインストールとログイン

11. Google Apps Script APIをオンに https://script.google.com/home/usersettings

12. ローカル環境初期設定

13. tsconfig.jsonを作成

14. src/appscript.jsonのtimeZoneを修正

15. src/Code.tsを実装

16. src/Code.t s を実装

17. src/Code.tsを実装

18. コードをデプロイ

19. 公開

20. 公開

21. 公開URLを叩く

22. まとめ • clasp使えば自分の好きな開発環境で GASアプリケーションが開発できるし バージョン管理もできる • TypeScriptによる型付けで補完が効いて開発が捗る • 型安全による安心感 •

    静的型付けは正義

23. ご清聴ありがとうございました