Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Netlify FunctionsでTypeScriptを使う方法 / netlify-lambda-typescript
mottox2
December 13, 2018
Technology
1
700
Netlify FunctionsでTypeScriptを使う方法 / netlify-lambda-typescript
mottox2
December 13, 2018
Tweet
Share
More Decks by mottox2
See All by mottox2
Figma Plugin公開までの壁を乗り越える
mottox2
1
690
Puppeteerでつくる画像と動画 / images and videos made with puppeteer
mottox2
0
420
手触りのよいウェブを考える / better-mobile-web
mottox2
3
1.2k
組織と権限とSlack App / slack-app-with-roles
mottox2
1
400
SSRを避けるためにやっていること / ssr-alternative
mottox2
9
2.8k
JSXでつくる宣言的UIなプレゼンテーション / jsx-presentation
mottox2
7
30k
プレイヤー目線の技術ブランディング / personal branding
mottox2
4
3.2k
JSXで作るDSL / jsx-dsl
mottox2
1
1.6k
SSRを検討する際にSSGも検討しませんか? / ssr or ssg
mottox2
15
9.3k
Other Decks in Technology
See All in Technology
Amazon Forecast を使って売上予測をしてみた
tomuro
0
290
lt53
98_justdoit
0
110
LINE iOSエンジニアの日々 / LINE iOS Engineer Days
line_developers
PRO
1
130
- Rでオブジェクト指向プログラミング- クラス設計入門の入門
kotatyamtema
1
540
Optimizing your Swift code
kateinoigakukun
0
1.3k
GraphQLスキーマ設計の勘所
yukukotani
26
5.8k
plotlyで動くグラフを作る
kosshi
0
580
2022年に起きたフロントエンドの変化
sakito
28
16k
propsのバケツリレー対策でGlobal_Stateを使うその前に
taro28
8
1.7k
JAWS-UG朝会_41_NakagawaAkihiro.pptx.pdf
anakagawa
2
610
DID/VCを用いた自己主権型アイデンティティの実現
sbtechnight
0
370
re:Invent re:Cap / AWS Lambda Updates
bulbulpaul
1
140
Featured
See All Featured
Code Reviewing Like a Champion
maltzj
508
38k
GitHub's CSS Performance
jonrohan
1020
430k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
318
19k
Rails Girls Zürich Keynote
gr2m
87
12k
What the flash - Photography Introduction
edds
64
10k
Support Driven Design
roundedbygravity
88
8.9k
Robots, Beer and Maslow
schacon
154
7.3k
Music & Morning Musume
bryan
36
4.6k
The World Runs on Bad Software
bkeepers
PRO
59
5.7k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
32
6.7k
In The Pink: A Labor of Love
frogandcode
132
21k
The Art of Programming - Codeland 2020
erikaheidi
35
11k
Transcript
netlify-lambda TypeScript Netlify Meetup #3 2018.12.13 - @mottox2
TypeScript, React, Gatsby, Ruby on Rails エンジニアの登壇を応援する会 write-blog-every-week, JS Ninja
Gatsby, netlify-lambda, etc. お仕事 コミュニティ OSS mottox2 @ ؿٔ٦ٓٝأ8FCؒٝآص، ⾃⼰紹介
None
#netlifytokyo 技術書典5で書きました
#netlifytokyo ブログもJAMstack(Gatsby+esa.io)mottox2.com
#netlifytokyo 注意 • 本⽇の内容は2018.12.13時点での情報です。 • JavaScriptの話をします。Golangの⼈はごめんなさい。
#netlifytokyo 今⽇の流れ • Functionsの紹介 • netlify-lambdaの説明 • TypeScriptで書いていく
#netlifytokyo Functions は AWS Lambda を簡単に使えるようにしたもの
#netlifytokyo Functions
#netlifytokyo Functions
#netlifytokyo Functions
#netlifytokyo Functions
#netlifytokyo netlify-lambda • build/serveコマンドを提供するCLIツール • netlify.tomlの内容からいい感じにビルドしてくれる。 • build: いい感じのwebpackとbabelの設定でビルド •
serve: expressを⽴ち上げて開発サーバーとして振る舞う *netlify/netlify-lambda https://github.com/netlify/netlify-lambda
#netlifytokyo netlify-lambdaが1.1.0から TypeScriptに対応した
#netlifytokyo netlify-lambdaでTypeScriptを使う(1) • @babel/preset-typescriptをインスト ール • 右の.babelrcをディレクトリに設置 *netlify-lambdaはディレクトリ内の .babelrc を優先的に使⽤します。
#netlifytokyo netlify-lambdaでTypeScriptを使う(2) • 型定義が欲しいのでインストール • 型定義はaws-lambdaのものを使います
#netlifytokyo netlify-lambdaでTypeScriptを使う(3) • あとは書くだけ。
#netlifytokyo セットアップが⾯倒な⽅向け • ボイラープレート作りました。 • https://github.com/mottox2/netlify-functions-typescript-starter • 本当はもう少しセットアップを簡単にしたい気持ちあります。
#netlifytokyo @mottox2 @mottox2 / Frontend Conference Fukuoka 2018 Thank you!