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.4k
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.3k
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
710
Contributing to Deno is fun!
petamoriken
0
390
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
SpecKitでどこまでできる? コストはどれくらい?
leveragestech
0
510
高度なUI/UXこそHotwireで作ろう Kaigi on Rails 2025
naofumi
4
3.4k
10年もののAPIサーバーにおけるCI/CDの改善の奮闘
mbook
0
770
iOSアプリの信頼性を向上させる取り組み/ios-app-improve-reliability
shino8rayu9
0
150
私達はmodernize packageに夢を見るか feat. go/analysis, go/ast / Go Conference 2025
kaorumuta
2
490
止められない医療アプリ、そっと Swift 6 へ
medley
1
120
CSC305 Lecture 03
javiergs
PRO
0
230
CSC509 Lecture 01
javiergs
PRO
1
430
dynamic!
moro
9
6.4k
プログラミングどうやる? ~テスト駆動開発から学ぶ達人の型~
a_okui
0
190
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
130
Swift Concurrency - 状態監視の罠
objectiveaudio
2
450
Featured
See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
2.6k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
Code Reviewing Like a Champion
maltzj
525
40k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
45
2.5k
Designing for humans not robots
tammielis
254
25k
Bash Introduction
62gerente
615
210k
Thoughts on Productivity
jonyablonski
70
4.9k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
51k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
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 を使う(再掲)