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
2k
なぜコピペで使うコンポーネント集を利用するのか?
mottox2
8
7.3k
UIコンポーネントライブラリをうまく使うためにできること / components-with-designer
mottox2
7
3.9k
Figma Plugin公開までの壁を乗り越える
mottox2
3
3.6k
Puppeteerでつくる画像と動画 / images and videos made with puppeteer
mottox2
0
720
手触りのよいウェブを考える / better-mobile-web
mottox2
3
1.9k
組織と権限と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
RDS の負荷が高い場合に AWS で取りうる具体策 N 連発/a-series-of-specific-countermeasures-available-on-aws-when-rds-is-under-high-load
emiki
7
4.5k
ヘンリー会社紹介資料(エンジニア向け) / company deck for engineer
henryofficial
0
290
Claude Code Subagents 再入門 ~cc-sddの実装で学んだこと~
gotalab555
10
17k
映像エッジAIにおけるNode-RED活用事例
emirmatsui
0
120
[2025年10月版] Databricks Data + AI Boot Camp
databricksjapan
1
230
ハノーファーメッセ2025で見た生成AI活用ユースケース.pdf
hamadakoji
0
310
初めてのDatabricks Apps開発
taka_aki
1
230
Introdução a Service Mesh usando o Istio
aeciopires
1
270
Digitization部 紹介資料
sansan33
PRO
1
5.6k
AIとともに歩んでいくデザイナーの役割の変化
lycorptech_jp
PRO
0
770
ローカルLLMとLINE Botの組み合わせ その2(EVO-X2でgpt-oss-120bを利用) / LINE DC Generative AI Meetup #7
you
PRO
0
140
[OCI Skill Mapping] AWSユーザーのためのOCI – IaaS編(Compute/Storage/Networking) (2025年10月8日開催)
oracle4engineer
PRO
1
160
Featured
See All Featured
Gamification - CAS2011
davidbonilla
81
5.5k
Statistics for Hackers
jakevdp
799
220k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
Agile that works and the tools we love
rasmusluckow
331
21k
How STYLIGHT went responsive
nonsquared
100
5.8k
Build your cross-platform service in a week with App Engine
jlugia
232
18k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.7k
Scaling GitHub
holman
463
140k
Product Roadmaps are Hard
iamctodd
PRO
55
11k
Code Reviewing Like a Champion
maltzj
526
40k
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!