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
2021-06-24 最近のビルドツール調べてみた
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
nitaking
June 24, 2021
Technology
160
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
280
React Native ことはじめ
nitaking
0
280
Fishのススメ
nitaking
0
98
Blitz.jsの紹介
nitaking
1
1.1k
Expo WEB × Next.js は実用できるのか?
nitaking
3
1.1k
react-hooks-loggerつくった話
nitaking
0
540
あの震えるインタラクションを実装したい
nitaking
1
1.5k
アプリリリースまでのつらみあれこれ
nitaking
0
710
React非同期ライブラリを知る
nitaking
0
190
Other Decks in Technology
See All in Technology
2026TECHFRESH畢業分享會 - Lightning Talk - 資料也要 CI/CD? 用 Airbyte 自動化資料同步
line_developers_tw
PRO
0
1.3k
AI-DLCを “そのまま導入しなかった”話 ~組織に合わせてアジャストした 私たちの実践共有~
hiroramos4
PRO
0
220
秘密度ラベル初心者が第1歩でつまづかないための「設計・運用」ポイント
seafay
PRO
0
250
2026TECHFRESH畢業分享會 - 原生還是跨平台? App 開發踩坑實錄
line_developers_tw
PRO
0
1.3k
iOS アプリの「これって不具合ですか?」を AI に調べてもらう
miichan
0
100
MUSUBI 田中裕一『AIと共に行う「しごとのリデザイン」- スモールバックオフィス編』AI Ops Lab #4
musubi
0
270
自分が詳しくない領域でAIを使う #プロヒス2026
konifar
15
5.5k
2026TECHFRESH畢業分享會 - Lightning Talk - E起 See See : 電商推薦讀心術? 數據說了算
line_developers_tw
PRO
0
1.3k
失敗を資産に変えるClaude Code
shinyasaita
0
720
iAEONの段階的リアーキテクト戦略 / iAEON's_Gradual_Re-architecture_Strategy
aeonpeople
0
230
10年間のブログ発信を振り返って見えたWebアプリケーションエンジニアとしての軌跡
stefafafan
0
170
20260619 私の日常業務での生成 AI 活用
masaruogura
1
230
Featured
See All Featured
The Spectacular Lies of Maps
axbom
PRO
1
820
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
170
Making the Leap to Tech Lead
cromwellryan
135
9.9k
The #1 spot is gone: here's how to win anyway
tamaranovitovic
2
1.1k
Heart Work Chapter 1 - Part 1
lfama
PRO
7
36k
Embracing the Ebb and Flow
colly
88
5.1k
Automating Front-end Workflow
addyosmani
1370
210k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
210
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
140
The Curious Case for Waylosing
cassininazir
1
390
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
1
540
4 Signs Your Business is Dying
shpigford
187
22k
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.