はじめに

名古屋の某大学で情報工学を学んでいるはるです。
今回は、初めて(ほぼ)個人でWebアプリを開発した経験を共有します。
開発の経緯や詳細な流れについては、こちらのQiita記事もご覧ください。
アプリURL
アプリGitHub

開発に至った理由

塾講師としてアルバイトをする中で､
受験生の進路選択において、以下の問題に気づきました:

これらの背景から、受験生がより良い進路選択を行えるよう支援するアプリケーションの開発に踏み切りました。

ハッカソンでの初期開発
大学主催のハッカソンで、所属大学向けに学科適性診断アプリを開発。
このフェーズでは、特定の大学に限定した診断機能に焦点を当てました
個人開発フェーズ
ハッカソンで得たフィードバックを基に、機能を大幅に拡張。
- ユーザー生成コンテンツ: 全ユーザーがクイズを作成できるようにし、診断対象の大学を多様化。

赤のボタン→ログイン･ログアウト
緑のボタン→クイズ一覧画面
青枠のボタン→クイズ作成画面
水色枠のボタン→作成したクイズの一覧･削除

メールアドレス･パスワードを登録してログイン｡
パスワードはハッシュ化してDBに保存｡

大学名･学部数･質問数･選択肢数を入力

学部名を入力

質問テキストを入力

1つの質問に対して､それぞれ選択肢のテキストを入力｡
選択肢それぞれに､各学部の得点を入力｡

クイズを始めるより､クイズ開始｡
他ユーザーが作成したクイズも表示される｡

選択肢をクリックし､次へを押す

クイズ削除は､クイズ作成者のみが行うことができる｡

クイズ作成の手間
実際にアプリを使ってみると、各選択肢ごとに学部の得点を入力する必要があり、クイズ制作が非常に手間取ることが分かった｡
※ UIがまだユーザーフレンドリーではない
設計､技術選定の改善余地
バックエンドとフロントエンドの分離が十分に行われておらず、モダンな開発手法からはやや離れた構造になっている｡