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
550
ふかぼれ!CSSセレクターモジュール / Fukabore! CSS Selectors Module
petamoriken
0
250
フロントエンドの標準仕様をどう追っているか / How I follow the frontend standards specs
petamoriken
4
2.3k
ECMAScript、Web標準の型はどう管理されているか / How ECMAScript and Web standards types are maintained
petamoriken
3
570
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
AIコーディングAgentとの向き合い方
eycjur
0
270
Compose Multiplatform × AI で作る、次世代アプリ開発支援ツールの設計と実装
thagikura
0
130
Laravel Boost 超入門
fire_arlo
2
210
はじめてのMaterial3 Expressive
ym223
2
240
@Environment(\.keyPath)那么好我不允许你们不知道! / atEnvironment keyPath is so good and you should know it!
lovee
0
110
AI Coding Agentのセキュリティリスク:PRの自己承認とメルカリの対策
s3h
0
200
Namespace and Its Future
tagomoris
6
700
FindyにおけるTakumi活用と脆弱性管理のこれから
rvirus0817
0
480
私の後悔をAWS DMSで解決した話
hiramax
4
210
Azure SRE Agentで運用は楽になるのか?
kkamegawa
0
2k
「待たせ上手」なスケルトンスクリーン、 そのUXの裏側
teamlab
PRO
0
480
Cache Me If You Can
ryunen344
1
610
Featured
See All Featured
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.1k
RailsConf 2023
tenderlove
30
1.2k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Git: the NoSQL Database
bkeepers
PRO
431
66k
A better future with KSS
kneath
239
17k
Making the Leap to Tech Lead
cromwellryan
135
9.5k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.4k
Being A Developer After 40
akosma
90
590k
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 を使う(再掲)