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のすゝめ / Deno Recommendations by ...
Search
petamoriken / 森建
January 16, 2026
Programming
280
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 / 森建
2年かけて Deno に DOMMatrix を実装した話 / How I implemented DOMMatrix in Deno over two years
petamoriken
0
210
WebAssembly を読み込むベストプラクティス 2026年春版 / Best Practices for Loading WebAssembly (Spring 2026)
petamoriken
5
1.2k
Module Harmony
petamoriken
3
1.1k
Denoでフロントエンド開発 2025年春版 / Frontend Development with Deno (Spring 2025)
petamoriken
1
1.6k
非ブラウザランタイムとWeb標準 / Non-Browser Runtimes and Web Standards
petamoriken
0
680
ふかぼれ!CSSセレクターモジュール / Fukabore! CSS Selectors Module
petamoriken
0
350
フロントエンドの標準仕様をどう追っているか / How I follow the frontend standards specs
petamoriken
4
2.8k
ECMAScript、Web標準の型はどう管理されているか / How ECMAScript and Web standards types are maintained
petamoriken
3
680
DOM Observable
petamoriken
1
390
Other Decks in Programming
See All in Programming
VibeCodingからAgenticWorkflowへ
starfish719
0
690
全PRの83%がAIレビューだけでマージできるようになった開発組織はその後どうなったか
athug
1
1.9k
TSX の <Hoge<Fuga>> という構文に驚いた話 / tsx-type-argument-syntax
kanaru0928
0
230
React本体のコードリーディング
high_g_engineer
1
150
為什麼你並不需要ViewModel / No, you don't need a ViewModel
lovee
1
500
Go を使い始めて 2 ヶ月の学び / My first two months with Go
contour_gara
0
110
リアルな遅延を測る仕様
kota_yata
1
120
Laravel Boostに学ぶ、AIにPHPを書かせる技術 〜OSSの実装から蒸留するエージェント制御の王道〜
kentaroutakeda
3
740
5分で問診!Composer セキュリティ健康診断
codmoninc
0
1.1k
Webエンジニアなのにブラウザの仕組みがわからないので、Pythonで自作してみた
tatsuki12
1
320
in-process GraphQL のすすめ #ginzajs
izumin5210
4
1.4k
片田舎のおっさん、 Swift Buildのダイアモンド問題解決の不具合修正PRを出すが、解決方法がキャッシュをしないようにすることであり、ビルド時間が伸びると言われてマージされないので高速化もする/swiftbuild
yimajo
0
200
Featured
See All Featured
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
430
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
490
GitHub's CSS Performance
jonrohan
1033
470k
Optimising Largest Contentful Paint
csswizardry
37
3.9k
svc-hook: hooking system calls on ARM64 by binary rewriting
retrage
2
500
Information Architects: The Missing Link in Design Systems
soysaucechin
1
1.1k
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
3k
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
marcoroth
3
460
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
2.1k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
akashhashmi
0
430
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
1
800
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
11k
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 のいいところ