0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

[Webアプリ]初めてのWebアプリ開発

Last updated at Posted at 2024-11-25

初めての投稿、初めてのWebアプリ開発をしました。是非!フィードバックをいただけるとありがたいです!

アプリ名

服をECサイトで買う不安 その不安からあなたをAI(アイ)でサポート
仮想試着-AI着(アイチャク)

概要

「AI着」は、気になる服を仮想的に試着したり、2〜3着の服を試着して比較したりすることで、購入時の不安を解消することが可能でかゆいところに手が届くアプリです。
スクリーンショット 2024-11-18 181933.png
画像生成にはAPIを使用しており一日の生成数には制限があり今後の改善点の一つになります。

使用API : https://www.gradio.app/guides/getting-started-with-the-python-client

URL

制作者のX(旧Twitter)
https://x.com/rioi7_0918

なぜこのアプリを作成したのか

個人的な意見
世の中にあまり浸透していない目新しいものを開発してみたい!そのような思いで開発することにしました。

アパレル業界のEC化
このアプリ需要がかなりある!と感じたのもひとつの開発要因になります。
スクリーンショット 2024-11-18 174812.png

アプリが解決できる問題点とは

解決1: ECサイトでの購入ミス
オンラインショッピングで衣服を購入する際、試着ができないために、想像していたイメージと異なる商品を購入してしまうことがあります。
→ 仮想試着機能を活用することで、実際の着用イメージを把握しやすくなります。

解決2: 家族や友達に相談できない
試着ができない場合、実際に着た姿を見せて家族や友達に相談することが難しいという課題があります。
→ 本WebアプリではSNS共有機能を搭載しており、仮想試着した姿を家族や友達と簡単に共有し、意見を求めることが可能です。

解決3: 試着した服の比較が難しい
複数の服を試着した際、それぞれの姿を比較することが困難です。
→ 過去に仮想試着した写真を保存・閲覧できるため、気になる服同士を並べて比較できます。

仮想試着の例

使用画像は以下

zyosei1.jpg
bf8f14eef32dd0e8b9d8d9060f5af4106c85460903fd95b86f53157af0c0d27f.jpg

結果画面
スクリーンショット 2024-11-25 103437.png

利用方法

~大まかな流れ~
①ECサイトにアクセス
②試着したい服の画面を表示
③スクリーンショットを撮影
④スクリーンショットをアップロード

※ 2024年11月25日現在、ローカルでのみ利用可能のため一般的に使用できません💦
(一般利用できるように頑張ります💦💦)

機能

・仮想試着
・いいね、ランキング
・SNS共有

技術スタック

Python,Flask,html,css

プレゼン資料

以下の資料は学内の二年個人開発発表で使用したものになります。

このアプリ制作者について

KIC 二年生(2024現在)でPython初学者です このアプリの開発期間は3カ月と1週間かかりました。
一般公開でき次第、Qiitaに投稿したいと思います!
もし、改善点やこうしたらより良いとかありましたら、QiitaやX(旧Twitter)でDMを送ってくださると嬉しいです!
X : https://x.com/rioi7_0918

ここまで見ていただいてありがとうございます!

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?