Tweet
Tweet

Slide 1

Slide 1 text

TypeScriptで freeeAPIの自動補完

Slide 2

Slide 2 text

2 自己紹介 名前： 羽毛田 睦土（はけた まこと） 仕事： 会計事務所 経営 エクセルセミナー 運営 ソフトウエア 開発 Twitter: @excelspeedup

Slide 3

Slide 3 text

GASでfreeeAPIを使うとき 3

Slide 4

Slide 4 text

GASでfreeeAPIを使うとき 4 入力候補が出てくると 便利じゃないですか？

Slide 5

Slide 5 text

5 GASでfreeeAPIを使うとき APIでデータを取得した後 自動補完が効かないのはツラい

Slide 6

Slide 6 text

TypeScriptを使おう！ 6

Slide 7

Slide 7 text

GASでTypeScriptを使うには 7

Slide 8

Slide 8 text

8 claspを使うと何ができる？ ローカル環境で開発ができる （たぶん使いにくい）GASの標準エディタを使わずに、 好きなエディタで開発できる JavaScriptの新しい構文が使える TypeScriptが使える

Slide 9

Slide 9 text

9 TypeScriptでAPIの帰り値に型を付ける TypeScriptでは、変数に型を付けられる その変数がどういうプロパティを 持っているかを定義できる

Slide 10

Slide 10 text

10 TypeScriptでAPIの帰り値に型を付ける TypeScriptでは、変数に型を付けられる その変数がどういうプロパティを 持っているかを定義できる 自動補完ができる！

Slide 11

Slide 11 text

実演してみます 11

Slide 12

Slide 12 text

12 どういう仕組み？ 帰り値の型を設定

Slide 13

Slide 13 text

どういう仕組み？ 13 「get_bs」の帰り値は 「trial_bs」という プロパティを持っている

Slide 14

Slide 14 text

どういう仕組み？ 14 trial_bsは、 これらのプロパティ を持っている

Slide 15

Slide 15 text

どういう仕組み？ 15 Balancesの各要素は、 これらのプロパティを 持っている

Slide 16

Slide 16 text

TypeScript は いいぞ！ 16

Slide 17

Slide 17 text

17 claspをとりあえず動かしたいときには? このブログに導入手順をまとめてあります https://gas.excelspeedup.com/