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
660
Netlify FunctionsでTypeScriptを使う方法 / netlify-lambda-typescript
mottox2
December 13, 2018
Tweet
Share
More Decks by mottox2
See All by mottox2
Puppeteerでつくる画像と動画 / images and videos made with puppeteer
mottox2
0
350
手触りのよいウェブを考える / better-mobile-web
mottox2
3
1.1k
組織と権限とSlack App / slack-app-with-roles
mottox2
1
350
SSRを避けるためにやっていること / ssr-alternative
mottox2
9
2.7k
JSXでつくる宣言的UIなプレゼンテーション / jsx-presentation
mottox2
7
29k
プレイヤー目線の技術ブランディング / personal branding
mottox2
4
3k
JSXで作るDSL / jsx-dsl
mottox2
1
1.5k
SSRを検討する際にSSGも検討しませんか? / ssr or ssg
mottox2
15
9.2k
Next.js meets Netlify
mottox2
3
1.4k
Other Decks in Technology
See All in Technology
大声で伝えたい!定時に帰る方法
sbtechnight
0
240
Cloud Foundryの移行先はどこか? オープンソースPaaS探し
kolinz
0
350
Learning to Solve Hard Minimal Problems
takmin
1
500
マルチテナントSaaSのカスタム要件に、 Auth0テナントを分割せず向き合う! / Multi tenant SaaS with Auth0
hiroga
0
110
Simplify Cloud Native Security with Trivy
knqyf263
0
720
EKS AnywhereとIAM Anywhereを組み合わせてみた
regmarmcem
0
390
GCCP Creator @ COSCUP 2022
line_developers_tw
PRO
0
1.4k
2022 COSCUP - GKE Backend Cluster 除雷分享
brentchang
0
120
年700万円損するサーバレスの 認可システムをご紹介します!!
higuuu
3
340
バッファープールが大きいMySQL v5.7でDROP DATABASEが詰まった原因と対策 / Causes and Remedies for DROP DATABASE Stuck in MySQL v5.7 with Large Buffer Pool
line_developers
PRO
4
830
開発環境のセキュリティおよびCI/CDパイプラインのセキュア化
rung
PRO
12
4.9k
AWS Step Functions を用いた非同期学習処理の例
hacarus
0
100
Featured
See All Featured
The Web Native Designer (August 2011)
paulrobertlloyd
75
2k
Building an army of robots
kneath
299
40k
Why Our Code Smells
bkeepers
PRO
324
55k
The Illustrated Children's Guide to Kubernetes
chrisshort
18
40k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
11
4.9k
Music & Morning Musume
bryan
35
4.3k
Facilitating Awesome Meetings
lara
29
4.1k
KATA
mclloyd
7
8.9k
How STYLIGHT went responsive
nonsquared
85
4k
Build The Right Thing And Hit Your Dates
maggiecrowley
19
1.2k
Why You Should Never Use an ORM
jnunemaker
PRO
47
7.7k
How To Stay Up To Date on Web Technology
chriscoyier
780
250k
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!