Deno Tunnel を使ってみた話
by
すずとも
×
Copy
Open
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
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 時点