アンケートフォームといえば、Google Formsを使っていましたが自分で作ってみたいと思い2週間ぐらいで作ってみました。
▼ページ
https://craft-form.com/
▼開発言語
Next.js 14 (Typescript) + CloudFlare D1
▼動作環境
Oracle Cloud (Ubuntu + docker)
全部無料で動かせるのは凄いですね。ドメイン料はかかりますけど、お名前ドットコムが定期的に無料でドメインクーポンを配布してくれるので助かります。
OracleCloudはメモリ1Gですが、どのぐらい耐えられるのかトライアル的に様子をみてみたいところです。
スマホ画面に対応させるところが一番てこずりました。
shadcn/uiで画面のUIを構成してみたのですが、iosだとテキストボックスなどの入力フィールド微妙にズームされる問題が発生しました。調べた結果、shadnc/uiのテキストボックスはフォントサイズがtext-sm(14px)になっており、iosは16px未満だと勝手にズームするらしいです。
AI先輩の返事だとmetaタグで治せるとありましたが、実際は非推奨らしいです。
https://zenn.dev/rhirayamaaan/articles/f0209ad6574ed4
結局、shadnc/uiのテキストボックスとテキストエリアのclassNameの値をtext-smからtext-baseに変更して対応してみました。
ひとまずサービスの使い方などは時間を見て説明&随時機能拡張していこうと思います。