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.3k
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
500
ふかぼれ!CSSセレクターモジュール / Fukabore! CSS Selectors Module
petamoriken
0
220
フロントエンドの標準仕様をどう追っているか / How I follow the frontend standards specs
petamoriken
4
1.9k
ECMAScript、Web標準の型はどう管理されているか / How ECMAScript and Web standards types are maintained
petamoriken
3
530
DOM Observable
petamoriken
1
250
Deno に Web 標準 API を実装する / Implementing Web standards API to Deno
petamoriken
0
670
Contributing to Deno is fun!
petamoriken
0
360
Stage 2 Decorators の変遷 / Stage 2 Decorators history
petamoriken
0
6.8k
linaria: Zero-Runtime CSS in JS
petamoriken
2
2.3k
Other Decks in Programming
See All in Programming
AWS Summit Hong Kong 2025: Reinventing Programming - How AI Transforms Our Enterprise Coding Approach
dwchiang
0
130
2025-04-25 GitHub Copilot Agent ライブデモ(スクリプト)
goataka
0
110
파급효과: From AI to Android Development
l2hyunwoo
0
160
Boost Your Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
840
In geheimer Mission: AI Agents entwickeln
joergneumann
0
110
Bedrock × Confluenceで簡単(?)社内RAG
iharuoru
1
120
KawaiiLT 登壇資料 キャリアとモチベーション
hiiragi
0
160
Golangci-lint v2爆誕: 君たちはどうすべきか
logica0419
1
250
Носок на сок
bo0om
0
1.2k
The Missing Link in Angular’s Signal Story: Resource API and httpResource
manfredsteyer
PRO
0
140
Optimizing JRuby 10
headius
0
580
状態と共に暮らす:ステートフルへの挑戦
ypresto
3
1.2k
Featured
See All Featured
RailsConf 2023
tenderlove
30
1.1k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
21k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
32
5.6k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
A Tale of Four Properties
chriscoyier
159
23k
Mobile First: as difficult as doing things right
swwweet
223
9.6k
The World Runs on Bad Software
bkeepers
PRO
68
11k
What's in a price? How to price your products and services
michaelherold
245
12k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.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 を使う(再掲)