Deno 向け WEB 開発用のツールを作ったので 紹介します Deno 向けの WEB開発用ツール regali を紹介 目的、背景、使用例を紹介

1. Copyright (C) 2021 Toranoana Inc. All Rights Reserved.
2022/04/27
toranoana.deno #6
虎の穴ラボ
奥谷 一陽
Deno 向け WEB 開発用のツールを作ったので
紹介します

2. Copyright (C) 2021 Toranoana Inc. All Rights Reserved.
自己紹介
奥谷 一陽
所属：虎の穴ラボ株式会社
担当：とらコインSHOPなど新規事業系の開発
興味：TypeScript、Deno
おすすめコンテンツ：
『プラネテス』
『暴太郎戦隊ドンブラザーズ』
Twitter：@okutann88

3. Copyright (C) 2021 Toranoana Inc. All Rights Reserved.
アジェンダ
- ツールの紹介
- 目的
- 使用モジュール
- 使用イメージ
- 使い方
- まとめ

4. Copyright (C) 2021 Toranoana Inc. All Rights Reserved.
regali

5. Copyright (C) 2021 Toranoana Inc. All Rights Reserved.
regali
https://github.com/Octo8080/regali

6. Copyright (C) 2021 Toranoana Inc. All Rights Reserved.
目的
- Web 開発でフロントとバックエンドを分離して作成するとどうして
も CORS の問題にぶつかる
- 対応するために、webpack-dev-server や、vite の proxy 機能っ
ぽいものが欲しかった

7. Copyright (C) 2021 Toranoana Inc. All Rights Reserved.
使用モジュール
- std
- flags 実行時のでのフラグ処理に使用
- サードパーティ
- oak ミドルウェアフレームワーク
- oak_http_proxy oak 向けプロキシミドルウェア

8. Copyright (C) 2021 Toranoana Inc. All Rights Reserved.
フロントエンドアプリケーション
localhost:8081
バックエンドアプリケーション
localhost:8082
regari
localhost:8080
使用/構成イメージ
localhost:8080/hoge
localhost:8080/api/hoge
設定ファイル
/ => localhost:8081
/api/ => localhost:8082

9. Copyright (C) 2021 Toranoana Inc. All Rights Reserved.
使い方1
- インストール
- 設定ファイルを準備

10. Copyright (C) 2021 Toranoana Inc. All Rights Reserved.
使い方 2
- 実行

11. Copyright (C) 2021 Toranoana Inc. All Rights Reserved.
例えば...
こういった設定をすると...

12. Copyright (C) 2021 Toranoana Inc. All Rights Reserved.
まとめ
- Deno で動かす Web 開発用のツールを作って公開しました
- 良かったら使ってみていただいて、
issue いただけるとうれしいです