Node.js の代わりになりそうな JavaScript ランタイム。

https://deno.com/
https://marketplace.visualstudio.com/items?itemName=denoland.vscode-deno
https://github.com/denoland/setup-deno

メリット

• TypeScript が直接動く
• npm install が不要
• node_modules ディレクトリがない
• セキュア（コマンド実行時に権限指定が必要）

デメリット

• サブディレクトリを認識できないのでモノリポで使えない
  • .vscode/settings.json に deno.config, deno.enablePaths を書くと認識される
    • https://github.com/denoland/deno/issues/20210
• deno.lock の整理 (deno cache --lock-write) 時にファイル指定が必要

Tips

Visual Studio Code

deno.json を置くと Deno プロジェクトとして認識される。

フォーマッタ

{
    "editor.defaultFormatter": "denoland.vscode-deno"
}

モジュールの管理

deno.json に imports を書く。
https://docs.deno.com/runtime/manual/basics/import_maps

フレームワーク

https://fresh.deno.dev/

ドキュメントに記載がないが deno.json に imports して使う。

"imports": {
    "$fresh/": "https://deno.land/x/fresh@1.6.7/",
    "$fresh_charts/": "https://deno.land/x/fresh_charts@0.3.1/",
    ...
}

画像生成

https://github.com/denoland/fresh_charts
https://www.ccbaxy.xyz/blog/2023/03/02/js70/

npm パッケージの使用

https://docs.deno.com/runtime/manual/node/npm_specifiers

@types

// @deno-types="npm:@types/express@^4.17"
import express from "npm:express@^4.17";