Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
2021-06-24 最近のビルドツール調べてみた
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
nitaking
June 24, 2021
Technology
170
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
2021-06-24 最近のビルドツール調べてみた
2021-06-24 社内LT
nitaking
June 24, 2021
More Decks by nitaking
See All by nitaking
人は30分でLT資料を作って発表できるのか
nitaking
0
320
React Native ことはじめ
nitaking
0
310
Fishのススメ
nitaking
0
110
Blitz.jsの紹介
nitaking
1
1.1k
Expo WEB × Next.js は実用できるのか?
nitaking
3
1.1k
react-hooks-loggerつくった話
nitaking
0
560
あの震えるインタラクションを実装したい
nitaking
1
1.7k
アプリリリースまでのつらみあれこれ
nitaking
0
850
React非同期ライブラリを知る
nitaking
0
210
Other Decks in Technology
See All in Technology
増え続けるプロダクトの品質をどう担保するか。ProductSpecとTypeScriptによる取り組み
joere
3
390
基本から分かる!AWSセキュリティ運用の考え方と任せ方
cmusudakeisuke
1
410
Lint の層を組み直した話
bengo4com
3
310
バックオフィスに染み出すTypeScript ── clasp で安全に仕組みを作る
nealle
1
180
Deep Data Security 機能解説
oracle4engineer
PRO
3
1k
OneLakeをデータソースにした AI Search(Foundry IQ)の ライフサイクル管理
ryuseiiida
0
220
Don't write the architecture only in the prompt.
neohsu
0
310
AI Agent 時代のデータ基盤: ClickHouse で実現する 超高速分析とコスト削減の両立
jozono
0
180
Maestro MCPとClaude Code Skillsによる自律的なE2Eテスト支援
asmz
0
420
"AWSはちょっと苦手"でも大丈夫。AWS Blocks で手軽に作る Flutter のバックエンド #FlutterKaigi
tacck
PRO
0
150
`go get`したらELFが降ってきた件
taiyow
0
170
あなたのDartコードは丸見えかもしれない ~reFlutterで暴くFlutterアプリの中身と多層防御~
zozotech
PRO
0
770
Featured
See All Featured
Abbi's Birthday
coloredviolet
4
11k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
techseoconnect
PRO
0
480
A Soul's Torment
seathinner
8
3.9k
Code Review Best Practice
trishagee
74
20k
Mobile First: as difficult as doing things right
swwweet
225
10k
Evolving SEO for Evolving Search Engines
ryanjones
0
350
What does AI have to do with Human Rights?
axbom
PRO
1
2.5k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
23k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
baasie
1
600
Claude Code のすすめ
schroneko
67
230k
Everyday Curiosity
cassininazir
0
390
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
470
Transcript
最近のビルドツール調べてみた 2021-06-24 社内LT
Satoshi Nitawaki a.k.a bruno / nita-san ・経歴:SIer→小売社内SE→SIer→エアクロ ・出身:宮崎、 ・好き:福岡、ツール、日本酒 ・何度かのメンタルブレイク
・銭湯好き ・最近フットサルうまくなりたいと思っている About
最近のビルドツール調べてみた ビルドツールの流行り廃りは激しい
・過去も今もツール多すぎる件 ・webpack ・gulp ・browserify ・Rollup ・FuseBox ・Parcel ・snowpack ・esbuild ・・・・
JavaScript ビルドツール
None
None
・webpack ここ数年の主流? ・Rollup 2019年あたりに「最近の主流だ」という記事を発見 ・FuseBox 2017年に「新進気鋭だ」という記事を発見 ・Parcel 2018年に「Zero Config」を掲げてバズるもどこへ行った JavaScript
ビルドツール
・snowpack 2020年に「最新のフロントエンド環境」という記事を発見 ・esbuild 2020年頃から「爆速」の記事を確認 ・その他にもたくさん JavaScript ビルドツール
snowpackとesbuildが話題
引用:https://www.kabuku.co.jp/developers/ultrafast-tsx-build-tool-esbuild
実際に試すDEMO(この方の検証を試す)
・どんな要素でesbuildのビルドが早いかは更に追ってみたい ・機能性とビルド速度は比例?(機能増=ビルド遅) ・snowpack遅いやん ・各ライブラリのビルド速度の差の要因は? 所感
・nodeのビルドツールはまだまだ流行り廃りが激しい ・最近はesbuildがアツめ ・とはいえまだまだ過渡期っぽい ・まだまだビルドツールを模索する世界は続きそう まとめ
Fin.