reactで何かを作りたい！

はじめに

この記事は2023年度の振り返りです。

reactを学習し始めて数日、何か業務改善につながる物を作りたいと考え始めてました。

問題

どのように構築するかに焦点を当て、いくつかの選択肢を検討しました。

1. CloudFrontなどで
   • 社内用途なのでIP関連の問題が発生する可能性がある。
2. ブラウザの拡張機能
   • ブラウザ依存の問題が発生する可能性がある。
3. 社内サーバーに構築
   • 手段としては考えられるが、あまり面白くない。
4. アプリ
   • Electronを利用することで、デスクトップアプリを開発できる可能性がある。
   • デスクトップアプリって作ったことがない！

これを踏まえて、フロントサイドの技術としては、最新の技術を取り入れつつも現実的な選択として、Electron + Vite + React + TypeScriptの構成を検討しました。

何を使うか？

調査を進める中で、ボイラープレートと呼ばれるテンプレートが存在していることを発見しました。
以下がその一部です。

これらの中で、最後の "Create Electron" が最も理想に近いものであると判断し、このボイラープレートを利用することにしました。

おわりに

Viteを使用した自動画面更新が非常に速く、開発が非常にスムーズであることに感銘を受けました。