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-lambda-typescript
Search
mottox2
December 13, 2018
Technology
1
890
Netlify FunctionsでTypeScriptを使う方法 / netlify-lambda-typescript
mottox2
December 13, 2018
Tweet
Share
More Decks by mottox2
See All by mottox2
もう一歩進めたい OG画像の動的生成
mottox2
6
1.1k
なぜコピペで使うコンポーネント集を利用するのか?
mottox2
7
6k
UIコンポーネントライブラリをうまく使うためにできること / components-with-designer
mottox2
7
3.4k
Figma Plugin公開までの壁を乗り越える
mottox2
2
2.1k
Puppeteerでつくる画像と動画 / images and videos made with puppeteer
mottox2
0
570
手触りのよいウェブを考える / better-mobile-web
mottox2
3
1.5k
組織と権限とSlack App / slack-app-with-roles
mottox2
1
520
SSRを避けるためにやっていること / ssr-alternative
mottox2
9
3k
JSXでつくる宣言的UIなプレゼンテーション / jsx-presentation
mottox2
7
32k
Other Decks in Technology
See All in Technology
20分で完全に理解するGrafanaダッシュボード
hamadakoji
3
670
プラットフォームってつくることより計測することが重要なんじゃないかという話 / Platform Engineering Meetup #8
taishin
1
370
オーナーシップを持つ領域を明確にする
konifar
13
3.2k
DevOpsメトリクスとアウトカムの接続にトライ!開発プロセスを通して計測できるメトリクスの活用方法
ham0215
2
240
Tellus の衛星データを見てみよう #mf_fukuoka
kongmingstrap
0
210
よく聞くけど使ったことないソフトウェアNo.1 KafkaとSnowflake
foursue
4
360
MapLibreとAmazon Location Service
dayjournal
1
160
Java EE/Jakarta EEの現状と将来―クラウドネイティブ時代にJava EEは対応できるのか?―
takakiyo
1
170
Vertex AI を中心に 生成AIのアップデートを共有します
kaz1437
0
310
本当のAWS基礎
toru_kubota
0
530
競技としてのKaggle、役に立つKaggle
yu4u
3
1.8k
一生覚えておきたい「システム開発=コミュニケーション」〜初めての実務案件振り返りLT〜
maimyyym
1
160
Featured
See All Featured
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
221
21k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
274
13k
Music & Morning Musume
bryan
41
5.6k
The Cult of Friendly URLs
andyhume
74
5.7k
Optimizing for Happiness
mojombo
370
69k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
155
14k
Designing for humans not robots
tammielis
248
25k
Building a Scalable Design System with Sketch
lauravandoore
456
32k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
Debugging Ruby Performance
tmm1
70
11k
Building Your Own Lightsaber
phodgson
99
5.7k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
357
22k
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!