Slide 1

Slide 1 text

Deno Tunnel を 使ってみた話 2025.12.17 toranoana.deno #23 すずとも / kamekyame

Slide 2

Slide 2 text

自己紹介 すずとも / kamekyame フロントエンドエンジニア Deno、Angular X @SuzuTomo2001 GitHub @kamekyame HP kamekyame.com 人生初登壇なのでご容赦ください 2

Slide 3

Slide 3 text

Deno Tunnel 3

Slide 4

Slide 4 text

Deno Tunnel とは Deno Deploy の機能の一つ Deno v2.5.4(2025.10.09)で追加 ローカルサーバを Deno Deploy に接続(トンネル)して インターネットに公開できる機能 (ngrok のようなもの) Deno Deploy Tunnel リファレンス:https://docs.deno.com/deploy/reference/tunnel 5

Slide 5

Slide 5 text

なにができるか ● インターネットからローカルサーバへのアクセスを提供 ○ 公開 URL を発行してくれる! ● Deno Deploy アプリに設定された 環境変数 を使える ● Deno Deploy アプリのダッシュボードから  Logs、Traces、Metrics が見れる! ● Deno Deploy アプリに割り当てられた  データベースに接続できる! 自分でトークン設定する必要なし (CLI から対話形式で Deno Deploy アプリに接続可能) 6

Slide 6

Slide 6 text

使ってみる ① Deno Deploy アプリを作成する   https://console.deno.com/   Playground アプリでも OK ② ローカルコードの準備 ③ ローカルサーバ起動 7

Slide 7

Slide 7 text

使ってみる ③ ローカルサーバ起動 8 ↑ --tunnel と付けるだけ ※ --watch も動く!

Slide 8

Slide 8 text

使ってみる ③ ローカルサーバ起動 9 ↑ --tunnel と付けるだけ

Slide 9

Slide 9 text

使ってみる ③ ローカルサーバ起動 10 ↑ --tunnel と付けるだけ

Slide 10

Slide 10 text

機能① Deno Deploy に設定された環境変数を使える Deno Deploy アプリ ダッシュボード  Settings > Environment Variables Contexts Local or All にすると使える API_KEY を表示するコード ↓ 11

Slide 11

Slide 11 text

機能① Deno Deploy に設定された環境変数を使える Deno Deploy アプリ ダッシュボード  Settings > Environment Variables Contexts Local or All にすると使える API_KEY を表示するコード ↓ 12

Slide 12

Slide 12 text

機能② ダッシュボードから Logs, Traces, Metrics が見れる 外部 API 呼び出しとログ出力をしているコード ↓ 13

Slide 13

Slide 13 text

機能② ダッシュボードから Logs, Traces, Metrics が見れる 外部 API 呼び出しとログ出力をしているコード ↓ 14

Slide 14

Slide 14 text

機能② ダッシュボードから Logs, Traces, Metrics が見れる 15 Logs:コンソールにでたエラーも含めすべて見れる

Slide 15

Slide 15 text

機能② ダッシュボードから Logs, Traces, Metrics が見れる 16 Traces:全部のリクエストで見れるわけではなさそう

Slide 16

Slide 16 text

特徴③ Deno Deploy のデータベースに接続できる PostgreSQL も Deno Deploy で建てられる時代 Tunnel 時 には Deno Deploy 上の DB に接続してくれます users テーブルの情報を返すコード ↓ 17

Slide 17

Slide 17 text

特徴③ Deno Deploy のデータベースに接続できる PostgreSQL も Deno Deploy で建てられる時代 Tunnel 時 には Deno Deploy 上の DB に接続してくれます users テーブルの情報を返すコード ↓ 18

Slide 18

Slide 18 text

特徴③ Deno Deploy のデータベースに接続できる DB は Production, Preview, Local 用の 3つが作成される Tunnel 時には Local のものが使われる 19

Slide 19

Slide 19 text

特徴③ Deno Deploy のデータベースに接続できる Deno KV は残念ながらまだ未対応みたい(v2.6.0) (Local 用の DB は作られていそうだけど使われてはいなかった) 20

Slide 20

Slide 20 text

Deno Tunnel まとめ ● Deno Deploy の機能の一つ ● インターネットからローカルサーバにアクセスできる URL が作成できる ○ URL は固定のもの ○ HTTPS 対応 ○ --watch オプションも使えるので、試行錯誤に便利 ● Deno Deploy アプリに設定した環境変数や PostgreSQL がそのまま使える ○ Deno KV はまだ非対応 ○ Sandbox も別途トークンが必要 環境構築をしなくてもとりあえず動かせるのが強そう 21

Slide 21

Slide 21 text

まだまだ情報が少ない 🔎 deno tunnel で検索してもあまり情報が出てこない 使っている方いたら その知見を記事などにしていただけると 嬉しいです! 22 2025.12.17 時点