Netlify FunctionsでTypeScriptを使う方法 / netlify-lambda-typescript

297a42b94a1bda236982ec1cd81089b6?s=47 mottox2
December 13, 2018

Netlify FunctionsでTypeScriptを使う方法 / netlify-lambda-typescript

297a42b94a1bda236982ec1cd81089b6?s=128

mottox2

December 13, 2018
Tweet

Transcript

  1. netlify-lambda TypeScript Netlify Meetup #3 2018.12.13 - @mottox2

  2. TypeScript, React, Gatsby, Ruby on Rails エンジニアの登壇を応援する会 write-blog-every-week, JS Ninja

    Gatsby, netlify-lambda, etc. お仕事 コミュニティ OSS mottox2 @ ؿٔ٦ٓٝأ8FCؒٝآص، ⾃⼰紹介
  3. None
  4. #netlifytokyo 技術書典5で書きました

  5. #netlifytokyo ブログもJAMstack(Gatsby+esa.io)mottox2.com

  6. #netlifytokyo 注意 • 本⽇の内容は2018.12.13時点での情報です。 • JavaScriptの話をします。Golangの⼈はごめんなさい。

  7. #netlifytokyo 今⽇の流れ • Functionsの紹介 • netlify-lambdaの説明 • TypeScriptで書いていく

  8. #netlifytokyo Functions は AWS Lambda を簡単に使えるようにしたもの

  9. #netlifytokyo Functions

  10. #netlifytokyo Functions

  11. #netlifytokyo Functions

  12. #netlifytokyo Functions

  13. #netlifytokyo netlify-lambda • build/serveコマンドを提供するCLIツール • netlify.tomlの内容からいい感じにビルドしてくれる。 • build: いい感じのwebpackとbabelの設定でビルド •

    serve: expressを⽴ち上げて開発サーバーとして振る舞う *netlify/netlify-lambda https://github.com/netlify/netlify-lambda
  14. #netlifytokyo netlify-lambdaが1.1.0から TypeScriptに対応した

  15. #netlifytokyo netlify-lambdaでTypeScriptを使う(1) • @babel/preset-typescriptをインスト ール • 右の.babelrcをディレクトリに設置 *netlify-lambdaはディレクトリ内の .babelrc を優先的に使⽤します。

  16. #netlifytokyo netlify-lambdaでTypeScriptを使う(2) • 型定義が欲しいのでインストール • 型定義はaws-lambdaのものを使います

  17. #netlifytokyo netlify-lambdaでTypeScriptを使う(3) • あとは書くだけ。

  18. #netlifytokyo セットアップが⾯倒な⽅向け • ボイラープレート作りました。 • https://github.com/mottox2/netlify-functions-typescript-starter • 本当はもう少しセットアップを簡単にしたい気持ちあります。

  19. #netlifytokyo @mottox2 @mottox2 / Frontend Conference Fukuoka 2018 Thank you!