最近流行りに乗ってOpenAIのAPIを使ったアプリを作っている。
ローカルで確認するぶんにはターミナルで実行するだけでいいが、誰かに共有するときにWEBフロントエンドが欲しくなる事がある。 特にチャットボットのように、質問→BOTが回答→さらに質問...を行うようなアプリケーションの場合、SPAで作りたい。 とはいえNext.jsなどでReactの画面を作って・・・とかやると大げさすぎるので1枚のHTMLを静的に配信するだけで解決したい。
そんなとき、最近はESMでHTMLへJSコードを直書きして作っている。
HTMLの中身はかなり適当だが、Reactで画面を作って動作することができている。(正確にはPreact)
