Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
コントリビューターによるDenoのすゝめ / Deno Recommendations by ...
Search
petamoriken / 森建
January 16, 2026
Programming
290
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
コントリビューターによるDenoのすゝめ / Deno Recommendations by a Contributor
FE Yatai Talks vol.1
https://fe-yatai.connpass.com/event/377677/
petamoriken / 森建
January 16, 2026
More Decks by petamoriken / 森建
See All by petamoriken / 森建
Security issues being discussed on Web Platforms
petamoriken
0
1.5k
2年かけて Deno に DOMMatrix を実装した話 / How I implemented DOMMatrix in Deno over two years
petamoriken
0
250
WebAssembly を読み込むベストプラクティス 2026年春版 / Best Practices for Loading WebAssembly (Spring 2026)
petamoriken
5
1.3k
Module Harmony
petamoriken
3
1.2k
Denoでフロントエンド開発 2025年春版 / Frontend Development with Deno (Spring 2025)
petamoriken
1
1.7k
非ブラウザランタイムとWeb標準 / Non-Browser Runtimes and Web Standards
petamoriken
0
690
ふかぼれ!CSSセレクターモジュール / Fukabore! CSS Selectors Module
petamoriken
0
360
フロントエンドの標準仕様をどう追っているか / How I follow the frontend standards specs
petamoriken
4
2.9k
ECMAScript、Web標準の型はどう管理されているか / How ECMAScript and Web standards types are maintained
petamoriken
3
700
Other Decks in Programming
See All in Programming
Vue Fes Japan の “作る側”に関わってみて
naokihaba
0
150
Augmenting AI with the Power of Jakarta EE
ivargrimstad
0
580
自サークルのIdPからログアウトできるようになるまで
taiseiue
1
130
【加筆修正版】Laravel のアプリケーションをどこにデプロイするか #phpcon_ehime
akase244
0
150
モデルのリファクタリングが難しいと思ったら、そもそも複雑だったのはビジネス仕様だった ? / is-the-business-domain-the-real-complexity
hatsu38
0
470
Turning Architecture into Unit Tests in the AI Era (NSSpain XIV)
steliosf
PRO
1
140
Kotlinの15年とServer-Side Kotlin
n_takehata
1
140
GemmaをJevのように使ってみる / Use Gemma like Jev
kishida
5
780
パスワード再設定メールのURLについて知っておこう
uyuki234
0
140
コードレビューのボトルネックを"する側"と"される側"の両面から解消する
yub0n
2
1.6k
dotNET_vulnclicker_intro.pdf
deka_morita
0
140
SREの越境 / SRE Collaboration
y0hgi
2
300
Featured
See All Featured
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.6k
Automating Front-end Workflow
addyosmani
1369
210k
Building Flexible Design Systems
yeseniaperezcruz
330
41k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
62k
How STYLIGHT went responsive
nonsquared
100
6.3k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
300
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.9k
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
300
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
techseoconnect
PRO
0
450
Designing for Performance
lara
612
70k
Amusing Abliteration
ianozsvald
1
340
Fashionably flexible responsive web design (full day workshop)
malarkey
409
67k
Transcript
コントリビューターによる Denoのすゝめ FE Yatai Talks vol.1 pixiv Inc. 森内建太 @petamoriken
2026.1.16
2 自己紹介 • Web エンジニア • Deno / ECMAScript コントリビューター • Web 標準 を追うのが好き petamoriken WebDev
in Fukuoka
3 https://scrapbox.io/petamoriken/
4 単体で TypeScript が実行できるランタイム
5 単体で型チェックが出来るランタイム
6 • TypeScript (tsc) 同梱 ◦ Deno のバージョンを上げると TypeScript も上がる ◦ --unstable-tsgo を指定して tsgo (TS v7) を試せる ◦
JSX サポート • Linter, Formatter, LSP 内蔵 ◦ 型を使った Lint は typescript-eslint/Flint が要る 👉 内部 API の議論中 microsoft/typescript-go#516 Deno の開発体験 (DX)
7 Node.js 互換性 import { platform } from "node:process"; import chalk
from "npm:
[email protected]
"; console.log(chalk.green(`This platform is ${platform}`));
8 Node.js 互換性 import { platform } from "node:process"; import chalk
from "chalk"; console.log(chalk.green(`This platform is ${platform}`)); { "imports": { "chalk": "npm:
[email protected]
" } }
9 Node.js 互換性 import { platform } from "node:process"; import chalk
from "chalk"; console.log(chalk.green(`This platform is ${platform}`)); { "imports": { "chalk": "npm:
[email protected]
" } } 👆Web 標準の Import Maps 相当
10 • パッケージマネージャー、ワークスペース機能 • 権限機能(secure by default) ◦ npm 依存へのマルウェア混入に対する防衛 •
単一実行可能ファイルへのコンパイル • ネイティブ OpenTelemetry サポート • 日本語で質問可能 👉 deno-ja slack #question その他 Deno のいいところ