黒輔と申します。2025年にエンジニア職として復帰し1年が経ちました。この間にポートフォリオとなるようなWebアプリケーションを作成しております（継続中）。
せっかくなので、製作記を記していこうと思います。
1. 現在地
こちらにて公開中。
2. 近いうちの目標
- インフラをAWSに移行
- 手軽さを優先してRender.comで公開しているため
- 現在、AWSも勉強中なので、記事執筆と並行して行う可能性あり
- フロントエンドをReactで書いてみる
- 最初からReactでやれという感じですが、妙にC#に愛着がある私はBlazorでFEを作成しました。
- 自分の市場価値を上げるため、React版も作成したいところです。
3. 動機
- エンジニアに復帰して、設計について勉強することの必要に迫られたこと
- 個人開発への憧れ
- 私の趣味であるプラモデル製作に使えるようなアプリケーションを作成してみたいと思った
4. こんな機能があったらいいな
企画するにあたって、こんな機能があれば...というところから考えを練り始めました。具体的には、以下の通りです。
- 市販されている塗料を検索できる機能
- 塗料をピックアップし、比較できる機能
- 保有している塗料を確認できる機能
それぞれ、私がプラモデル製作を楽しむ際にちょっとだけめんどくさいと思っていることから出発していまして
- メーカー横断やシリーズ横断で塗料を探すため、複数のサイトを行き来したりして塗料を吟味している
- 塗料の色味の比較のため、複数のレビューサイトでの調査や実際に試し塗りをするなどして色味の違いを確かめている
- 保有している塗料を把握しきれず、似たような色を買ってしまったり、買い忘れが起きたりする
このような自分が感じている課題を解決できれば、作った甲斐があるかと考えました。
5. 対象ユーザー属性と使用シナリオ
Webアプリケーション/Webサービスの企画には、本来いろいろと調査やKPI設定、カスタマージャーニーマップといった成果物作成が必要ですが、今回の主目的は設計以降のためほぼ割愛しました。
以下は、AIと壁打ちしているときに設定した対象ユーザー属性と使用シナリオです。
対象ユーザー属性
| 属性 | 詳細 |
|---|---|
| 年齢 | 18-40 歳 |
| 経験 | 半年～1年以上 |
| 技術レベル | 簡易的な改造や全塗装ができる |
| 動機 | 作品の質を向上させたい、効率よく製作したい |
| 使用環境 | 自宅での製作、通勤中の情報収集 |
| 使用デバイス | スマートフォン、PC |
| 居住地 | 日本 |
使用シナリオ
- 自宅でガンプラを製作しながら塗料情報を検索
- 通勤中にSNSで他のモデラーの作品をチェック
- ホビーショップや家電量販店でスマホを使って塗料を比較・購入検討
6. 今後の流れ
今後としては、以下の流れで記事を書く予定です。
Phase1: アプリケーション基盤・検索機能
- コンテキスト分割
- ユースケース
- 設計編（アーキテクチャ・データ・API・画面）
- 実装・テスト
- 公開
Phase2: ログイン機能・管理画面
- ユースケース編
- 設計編（セキュリティ・データ・API・画面）
- 実装編
Phase3: 塗料選定・塗料管理
- ユースケース編
- 設計編（データ・API・画面）
- 実装編
以上となります。