Deno Tunnel を使ってみた話
by
すずとも
×
Copy
Open
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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 時点