Deno 環境で 使えるいくつかのフレームワークを使用したので、 紹介と使用してみた所感を共有する。

1. Copyright (C) 2021 Toranoana Inc. All Rights Reserved.
toranoana.deno #1
虎の穴ラボ
奥谷 一陽
Deno で始めるフロントエンド

2. Copyright (C) 2021 Toranoana Inc. All Rights Reserved.
自己紹介
奥谷 一陽
所属：虎の穴ラボ株式会社
担当：とらコインSHOPなど新規事業系の開発
おすすめコンテンツ：
『お耳に合いましたら』
『機界戦隊ゼンカイジャー』
Twitter：@okutann88

3. Copyright (C) 2021 Toranoana Inc. All Rights Reserved.
皆さん Deno で何を作られているでしょうか？
WebAPIサーバー？
CLIツール？
Webアプリ？
フロントエンド

4. Copyright (C) 2021 Toranoana Inc. All Rights Reserved.
いくつか フロントエンドの開発の環境を試したので紹介
React
- Aleph.js
- Ultra
Vue
- vno

5. Copyright (C) 2021 Toranoana Inc. All Rights Reserved.
Aleph.js
- React
- Next.js インスパイア のフルスタックフレームワーク

6. Copyright (C) 2021 Toranoana Inc. All Rights Reserved.
vno
- Vue
- Denoで、Vueコンポーネントをコンパイル/バンドルするビルドツール

7. Copyright (C) 2021 Toranoana Inc. All Rights Reserved.
Ultra
- React
- SSR機能など搭載しているフレームワーク

8. Copyright (C) 2021 Toranoana Inc. All Rights Reserved.
それぞれの所感
aleph.js
- 残念ながら、動作させることは叶わず。
- 動作確認ができた方いたら、ぜひ情報共有したいです。
vno
- SSGとSPAが使えるが、
どちらかというとSSGでの利用の方が想定されていそう。
- 外部モジュール含めて動かすときに、
コンパイルにimportが含まれなかったりするので、使うときは注意が必要。
Ultra
- ゼロコンフィグでSSR機能などを使い始めることができた。
＝＞特に、詰まることなく機能拡張できた。

9. Copyright (C) 2021 Toranoana Inc. All Rights Reserved.
Ultra を 眺める
パッケージ管理
- import map を採用
SSRしたページにscriptタグを埋め込むためにも使われている
=> package.json みたいな運用を欲している人には刺さりそう
タスクランナー代わりに、makefileを採用
- 見通しが良かったので、積極的に採用していきたい
=> オプション多くなるのが面倒 且つ パッケージ使うほどではない
というケースで刺さりそう
- サーバー機能は oak で提供
=>もし拡張できれば、クライアントから呼び出すAPIも提供できる？

10. Copyright (C) 2021 Toranoana Inc. All Rights Reserved.
Ultra を使ってみる
Ultraには、ボイラープレートなど用意が有りすごく親切なのですが、
1コマンドで環境構築してくれるようなものは有りません。
クローンして始める、個別に書くという対応になりそうです。
＝＞環境構築ツール作りました!
3コマンドで Ultraを使い始められます。

11. Copyright (C) 2021 Toranoana Inc. All Rights Reserved.
まとめ
- Deno でフロントエンドの開発をするのも、
かなり現実的な選択肢になるかもしれない。
- 近しいツールでも状況がかなり異なっているので、どんどん情報共有してい
きたいです。

12. Copyright (C) 2021 Toranoana Inc. All Rights Reserved.
ありがとうございました！