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
940
Netlify FunctionsでTypeScriptを使う方法 / netlify-lambda-typescript
mottox2
December 13, 2018
Tweet
Share
More Decks by mottox2
See All by mottox2
もう一歩進めたい OG画像の動的生成
mottox2
6
1.3k
なぜコピペで使うコンポーネント集を利用するのか?
mottox2
8
6.4k
UIコンポーネントライブラリをうまく使うためにできること / components-with-designer
mottox2
7
3.6k
Figma Plugin公開までの壁を乗り越える
mottox2
2
2.4k
Puppeteerでつくる画像と動画 / images and videos made with puppeteer
mottox2
0
600
手触りのよいウェブを考える / better-mobile-web
mottox2
3
1.6k
組織と権限とSlack App / slack-app-with-roles
mottox2
1
550
SSRを避けるためにやっていること / ssr-alternative
mottox2
9
3.1k
JSXでつくる宣言的UIなプレゼンテーション / jsx-presentation
mottox2
7
32k
Other Decks in Technology
See All in Technology
How to Think Like a Performance Engineer
csswizardry
4
590
クラウド利用者の「責任」をどう果たす?AWSセキュリティ対策のススメ #AWSSummit
hiashisan
0
280
エンジニア向け会社紹介資料
caddi_eng
14
230k
Azure OpenAI Service Dev Day / LLMでできる!使える!生成AIエージェント
masahiro_nishimi
3
810
【基調講演】変える、今ここから ― IoTとAIで紡ぐ未来
soracom
PRO
0
320
可視化プラットフォームGrafanaの基本と活用方法の全て
hamadakoji
0
230
AutomatedLabを使って内部ペンテストを勉強しよう! -やられ社内ネットワークの自動構築-
n_etupirka
1
610
エンジニアリングマネージャーはどう学んでいくのか #devsumi / How Do Engineering Managers Continue to Learn and Grow?
expajp
4
1.3k
サービス開発を前に進めるために 新米リードエンジニアが 取り組んだこと / Steps Taken by a Novice Lead Engineer to Advance Service Development
nologyance
0
180
ギークの理想が7つ集まるエムスリーで夢を叶えよう - エムスリー株式会社
m3_engineering
1
260
フルリモートワークはエンジニアの夢を叶えたか? #cm_odyssey
mamohacy
2
600
dxd2024-生成AIに振り回された3か月間の成功と失敗/dxd2024-link-and-motivation
lmi
2
260
Featured
See All Featured
Making the Leap to Tech Lead
cromwellryan
127
8.7k
The Invisible Side of Design
smashingmag
294
50k
The Cost Of JavaScript in 2023
addyosmani
31
4.7k
The MySQL Ecosystem @ GitHub 2015
samlambert
248
12k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
149
45k
Side Projects
sachag
451
42k
WebSockets: Embracing the real-time Web
robhawkes
59
7.2k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
662
120k
Code Review Best Practice
trishagee
58
16k
Designing the Hi-DPI Web
ddemaree
276
34k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
353
29k
Ruby is Unlike a Banana
tanoku
96
10k
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!