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
Denoでフロントエンド開発 2025年春版 / Frontend Development w...
Search
petamoriken / 森建
March 21, 2025
Programming
1
1.5k
Denoでフロントエンド開発 2025年春版 / Frontend Development with Deno (Spring 2025)
fukuoka.ts #3
https://fukuoka-ts.connpass.com/event/347048/
petamoriken / 森建
March 21, 2025
Tweet
Share
More Decks by petamoriken / 森建
See All by petamoriken / 森建
非ブラウザランタイムとWeb標準 / Non-Browser Runtimes and Web Standards
petamoriken
0
570
ふかぼれ!CSSセレクターモジュール / Fukabore! CSS Selectors Module
petamoriken
0
260
フロントエンドの標準仕様をどう追っているか / How I follow the frontend standards specs
petamoriken
4
2.4k
ECMAScript、Web標準の型はどう管理されているか / How ECMAScript and Web standards types are maintained
petamoriken
3
580
DOM Observable
petamoriken
1
280
Deno に Web 標準 API を実装する / Implementing Web standards API to Deno
petamoriken
0
720
Contributing to Deno is fun!
petamoriken
0
400
Stage 2 Decorators の変遷 / Stage 2 Decorators history
petamoriken
0
7k
linaria: Zero-Runtime CSS in JS
petamoriken
2
2.4k
Other Decks in Programming
See All in Programming
20251016_Rails News ~Rails 8.1の足音を聴く~
morimorihoge
2
660
『毎日の移動』を支えるGoバックエンド内製開発
yutautsugi
2
270
登壇は dynamic! な営みである / speech is dynamic
da1chi
0
350
One Enishi After Another
snoozer05
PRO
0
150
CSC305 Lecture 09
javiergs
PRO
0
300
What Spring Developers Should Know About Jakarta EE
ivargrimstad
0
400
AI Agent 時代的開發者生存指南
eddie
4
2.1k
Building, Deploying, and Monitoring Ruby Web Applications with Falcon (Kaigi on Rails 2025)
ioquatix
4
2.5k
CSC509 Lecture 06
javiergs
PRO
0
260
Server Side Kotlin Meetup vol.16: 内部動作を理解して ハイパフォーマンスなサーバサイド Kotlin アプリケーションを書こう
ternbusty
3
230
3年ぶりにコードを書いた元CTOが Claude Codeと30分でMVPを作った話
maikokojima
0
620
理論と実務のギャップを超える
eycjur
0
170
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1032
470k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
115
20k
How to Ace a Technical Interview
jacobian
280
24k
Code Reviewing Like a Champion
maltzj
526
40k
Designing for humans not robots
tammielis
254
26k
How STYLIGHT went responsive
nonsquared
100
5.8k
Visualization
eitanlees
149
16k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.6k
Statistics for Hackers
jakevdp
799
220k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
31
2.7k
Producing Creativity
orderedlist
PRO
347
40k
Designing Experiences People Love
moore
142
24k
Transcript
Denoでフロントエンド開発 2025年春版 fukuoka.ts #3 pixiv Inc. 森内建太 petamoriken 2025.3.21
2 自己紹介 • Web エンジニア • Deno コントリビューター • ECMAScript や Web 標準 を追うのが好き petamoriken カスタマーオペレーション
&セーフティ本部 オペレーション開発部 Stage 4
3 • 権限機能(secure by default) ◦ npm 依存にマルウェアが混入した場合への防衛 • 開発者体験(DX)の向上 ◦
TypeScript 型チェック、Lint、Formatterが付属 • まだ 100% Node.js 互換を達成しているとは言えない ◦ 所見 Deno v2.2 で結構動作するようにはなった Node.js の代わりに Deno を使う
4 • 特に新規プロジェクトで Deno を採用するのがおすすめ ◦ ただし Next.js は(サポートしているが)厳しい • 弊部署では社内ツールのビルドなどに Deno を使っている Vite + React
+ TanStack Router フロントエンド開発に Deno を使う
5 https://kt3k.github.io/talk_deno_frontend
6 ここからライブコーディング
7 (VS Code で公式の拡張を使う場合)
8
9
10
11
12 🎉
13 https://docs.deno.com/deploy/tutorials/vite/
14 • 権限機能(secure by default) ◦ npm 依存にマルウェアが混入した場合への防衛 • 開発者体験(DX)の向上 ◦
TypeScript 型チェック、Lint、Formatterが付属 • まだ 100% Node.js 互換を達成しているとは言えない ◦ 所見 Deno v2.2 で結構動作するようにはなった Node.js の代わりに Deno を使う(再掲)