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
530
ふかぼれ!CSSセレクターモジュール / Fukabore! CSS Selectors Module
petamoriken
0
240
フロントエンドの標準仕様をどう追っているか / How I follow the frontend standards specs
petamoriken
4
2.1k
ECMAScript、Web標準の型はどう管理されているか / How ECMAScript and Web standards types are maintained
petamoriken
3
560
DOM Observable
petamoriken
1
270
Deno に Web 標準 API を実装する / Implementing Web standards API to Deno
petamoriken
0
690
Contributing to Deno is fun!
petamoriken
0
380
Stage 2 Decorators の変遷 / Stage 2 Decorators history
petamoriken
0
6.9k
linaria: Zero-Runtime CSS in JS
petamoriken
2
2.3k
Other Decks in Programming
See All in Programming
QA x AIエコシステム段階構築作戦
osu
0
200
The Modern View Layer Rails Deserves: A Vision For 2025 And Beyond @ RailsConf 2025, Philadelphia, PA
marcoroth
2
810
階層化自動テストで開発に機動力を
ickx
1
420
NEWT Backend Evolution
xpromx
1
150
0から始めるモジュラーモノリス-クリーンなモノリスを目指して
sushi0120
0
160
PHPカンファレンス関西2025 基調講演
sugimotokei
5
950
코딩 에이전트 체크리스트: Claude Code ver.
nacyot
0
1k
20250708_JAWS_opscdk
takuyay0ne
2
150
Claude Code派?Gemini CLI派? みんなで比較LT会!_20250716
junholee
1
740
それ CLI フレームワークがなくてもできるよ / Building CLI Tools Without Frameworks
orgachem
PRO
10
2k
What's new in AppKit on macOS 26
1024jp
0
170
レトロゲームから学ぶ通信技術の歴史
kimkim0106
0
130
Featured
See All Featured
Designing for humans not robots
tammielis
253
25k
Git: the NoSQL Database
bkeepers
PRO
431
65k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
110
19k
How to Ace a Technical Interview
jacobian
278
23k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.4k
RailsConf 2023
tenderlove
30
1.2k
Producing Creativity
orderedlist
PRO
346
40k
Site-Speed That Sticks
csswizardry
10
720
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
The Cult of Friendly URLs
andyhume
79
6.5k
Building Adaptive Systems
keathley
43
2.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 を使う(再掲)