🍣

ポートフォリオを作る

2024/04/09に公開

自己紹介

  • 模型製作が趣味の37歳 男性
  • 仕事ではバックエンド、フロントエンドの開発をしている
  • インフラは勉強中

概要

  • アップロードされた画像内でクリックすることで、その位置のピクセル色(RGB値)に最も近い模型用塗料を検索するアプリ

技術選定

  • 普段業務で使っているので以下の技術にはある程度知識がある。短期間で開発するので自身が普段使い慣れている技術を使用することとした
    • フロントエンド:Angular
    • バックエンド:Spring Boot
    • DB:PostgreSQL

機能

塗料情報登録機能

  • 塗料情報をDBに保存する
  • 塗料情報
    • 塗料ID
    • メーカー
    • 商品名
    • 塗料の種類(ラッカー|アクリル|エナメル)

塗料情報検索機能

  • 指定されたRGB値に色が近い塗料をDBから検索する
  • 指定されたメーカーの塗料をDBから検索する
  • 指定されたテキストが含まれる塗料をDBから検索する
  • 上記検索を組み合わせて検索する

開発フロー

  1. 画面イメージ作成
  2. ドメインモデル設計
  3. DB設計
  4. REST API設計
  5. APIサーバー作成
  6. フロントにAPI呼び出し機能を実装

開発リポジトリ

https://github.com/kyohei-norita/palettea

Discussion