Deno Tunnel を使ってみた話

2025.12.17 toranoana.deno #23 登壇資料

Transcript

1. Deno Tunnel を 使ってみた話 2025.12.17 toranoana.deno #23 すずとも / kamekyame
2. 自己紹介 すずとも / kamekyame フロントエンドエンジニア Deno、Angular X @SuzuTomo2001 GitHub @kamekyame HP kamekyame.com 人生初登壇なのでご容赦ください 2
3. Deno Tunnel 3
4. 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
5. なにができるか • インターネットからローカルサーバへのアクセスを提供 ◦ 公開 URL を発行してくれる！ • Deno Deploy アプリに設定された 環境変数 を使える • Deno Deploy アプリのダッシュボードから 　Logs、Traces、Metrics が見れる！ • Deno Deploy アプリに割り当てられた 　データベースに接続できる！ 自分でトークン設定する必要なし （CLI から対話形式で Deno Deploy アプリに接続可能） 6
6. 使ってみる ① Deno Deploy アプリを作成する 　　https://console.deno.com/ 　　Playground アプリでも OK ② ローカルコードの準備 ③ ローカルサーバ起動 7
7. 使ってみる ③ ローカルサーバ起動 8 ↑ --tunnel と付けるだけ ※ --watch も動く！
8. 使ってみる ③ ローカルサーバ起動 9 ↑ --tunnel と付けるだけ
9. 使ってみる ③ ローカルサーバ起動 10 ↑ --tunnel と付けるだけ
10. 機能① Deno Deploy に設定された環境変数を使える Deno Deploy アプリ ダッシュボード 　Settings > Environment Variables Contexts Local or All にすると使える API_KEY を表示するコード ↓ 11
11. 機能① Deno Deploy に設定された環境変数を使える Deno Deploy アプリ ダッシュボード 　Settings > Environment Variables Contexts Local or All にすると使える API_KEY を表示するコード ↓ 12
12. 機能② ダッシュボードから Logs, Traces, Metrics が見れる 外部 API 呼び出しとログ出力をしているコード ↓ 13
13. 機能② ダッシュボードから Logs, Traces, Metrics が見れる 外部 API 呼び出しとログ出力をしているコード ↓ 14
14. 機能② ダッシュボードから Logs, Traces, Metrics が見れる 15 Logs：コンソールにでたエラーも含めすべて見れる
15. 機能② ダッシュボードから Logs, Traces, Metrics が見れる 16 Traces：全部のリクエストで見れるわけではなさそう
16. 特徴③ Deno Deploy のデータベースに接続できる PostgreSQL も Deno Deploy で建てられる時代 Tunnel 時 には Deno Deploy 上の DB に接続してくれます users テーブルの情報を返すコード ↓ 17
17. 特徴③ Deno Deploy のデータベースに接続できる PostgreSQL も Deno Deploy で建てられる時代 Tunnel 時 には Deno Deploy 上の DB に接続してくれます users テーブルの情報を返すコード ↓ 18
18. 特徴③ Deno Deploy のデータベースに接続できる DB は Production, Preview, Local 用の 3つが作成される Tunnel 時には Local のものが使われる 19
19. 特徴③ Deno Deploy のデータベースに接続できる Deno KV は残念ながらまだ未対応みたい（v2.6.0） （Local 用の DB は作られていそうだけど使われてはいなかった） 20
20. Deno Tunnel まとめ • Deno Deploy の機能の一つ • インターネットからローカルサーバにアクセスできる URL が作成できる ◦ URL は固定のもの ◦ HTTPS 対応 ◦ --watch オプションも使えるので、試行錯誤に便利 • Deno Deploy アプリに設定した環境変数や PostgreSQL がそのまま使える ◦ Deno KV はまだ非対応 ◦ Sandbox も別途トークンが必要 環境構築をしなくてもとりあえず動かせるのが強そう 21
21. まだまだ情報が少ない 🔎 deno tunnel で検索してもあまり情報が出てこない 使っている方いたら その知見を記事などにしていただけると 嬉しいです！ 22 2025.12.17 時点