Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Netlify FunctionsでTypeScriptを使う方法 / netlify-lam...
Search
mottox2
December 13, 2018
Technology
1
1.1k
Netlify FunctionsでTypeScriptを使う方法 / netlify-lambda-typescript
mottox2
December 13, 2018
Tweet
Share
More Decks by mottox2
See All by mottox2
もう一歩進めたい OG画像の動的生成
mottox2
7
1.9k
なぜコピペで使うコンポーネント集を利用するのか?
mottox2
8
7.2k
UIコンポーネントライブラリをうまく使うためにできること / components-with-designer
mottox2
7
3.9k
Figma Plugin公開までの壁を乗り越える
mottox2
3
3.5k
Puppeteerでつくる画像と動画 / images and videos made with puppeteer
mottox2
0
700
手触りのよいウェブを考える / better-mobile-web
mottox2
3
1.8k
組織と権限とSlack App / slack-app-with-roles
mottox2
1
670
SSRを避けるためにやっていること / ssr-alternative
mottox2
9
3.2k
JSXでつくる宣言的UIなプレゼンテーション / jsx-presentation
mottox2
7
33k
Other Decks in Technology
See All in Technology
進捗
ydah
1
210
新規案件の立ち上げ専門チームから見たAI駆動開発の始め方
shuyakinjo
0
590
Goss: New Production-Ready Go Binding for Faiss #coefl_go_jp
bengo4com
1
1.1k
Grafana MCPサーバーによるAIエージェント経由でのGrafanaダッシュボード動的生成
hamadakoji
0
710
JuniorからSeniorまで: DevOpsエンジニアの成長ロードマップ
yuriemori
2
330
退屈なことはDevinにやらせよう〜〜Devin APIを使ったVisual Regression Testの自動追加〜
kawamataryo
4
930
つくって納得、つかって実感! 大規模言語モデルことはじめ
recruitengineers
PRO
30
11k
現場が抱える様々な問題は “組織設計上” の問題によって生じていることがある / Team-oriented Organization Design 20250827
mtx2s
7
65k
Yahoo!ニュースにおけるソフトウェア開発
lycorptech_jp
PRO
0
570
Kubernetes における cgroup v2 でのOut-Of-Memory 問題の解決
pfn
PRO
0
400
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
30k
VPC Latticeのサービスエンドポイント機能を使用した複数VPCアクセス
duelist2020jp
0
340
Featured
See All Featured
Embracing the Ebb and Flow
colly
87
4.8k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.4k
Code Reviewing Like a Champion
maltzj
525
40k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Building Adaptive Systems
keathley
43
2.7k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
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!