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?

美大でデザインを学んでいる自分が、卒制でアプリを制作する話

Last updated at Posted at 2024-09-07

初めまして!!よろしくお願いします!

[この投稿について]

 私は、普段美大でデザインを学んでいるのですが、今年の4月から卒制でアプリを制作する過程を記事に残せたら良いなぁ!という軽い思いで初めてみました!今回の投稿では、2024年3月から現在(9月)までの進捗を共有できたらと思います!

[私の技術力について]

学外で少しコーダーとしてwebサイト制作に触れているレベルになります。なので、webアプリは制作したことがありませんでした。(一時期コピペで動作させた事はありましたが笑)

[開発のキッカケ]

 さて本題ですが、今回は何を作るかというと「店舗共有マップ型SNSアプリ」です!とくに、古着屋さんに特化したモノになります。私は、美大に入ってから徐々に服に興味を持ったのですが(いやぁ〜服って色々な雰囲気を作れるので魅力的ですよね!)、古着というものに手を出した事がありませんでした。加えて、あまり交友関係も広くないので良い古着屋を共有するキッカケもありません。そんな私にとって、良い古着屋はどこなんだろう??古着の良いモノってなんだろう?なんか、小さなビル内にあって古着屋って入りにくいなぁ~店主の人柄とかキッカケがあれば入りやすいだろうなぁ〜という思い?不満?がたくさんありました。  しかし、それを解決してくれるサービスがありませんでした。現状、古着に特化した情報サイトはありますが、古着のお店に行きたくなるような仕組み?があるようなサービスは見つかりませんでした。(WEARやインスタをはじめ、ほとんどがコーデの共有でした)その不満が、webアプリを作ろうというキッカケになります。

[webの仕組みを学ぶ]

最初の開始は、Udemyで簡単なSNSwebアプリを作成してみました。DBの作成はこうやるんだ!APIってなんや!!?バグったぞ!??という風に試行錯誤しながら、なんとか動画を見ながらですが完成する事ができました。それと同時に、写真の様に、古着アプリの要件も固まりつつありました。(この間に講評が上手くいかずに単位を落としそうになりましたが笑)

スクリーンショット 2024-09-08 3.05.02.png

[技術構成]

・フロントエンド
 ・言語-Next.js
 ・デプロイ場所-Vercel
・バックエンド
 ・言語-Node.js
 ・デプロイ場所-Render
・データベース
 ・ORM-Prisma
 ・BaaS-supabase

[開発の取り掛かり/AIサービスの進展]

 そして、8月から本格的に開発に入り、DB設計に苦労しながら(Userテーブル/Profileテーブル/Storeテーブル/Postテーブル/FavoriteUserテーブル/StoreSaveテーブル/Commentテーブル/Likeテーブルなどテーブルの多さに驚きました)、現在は一連の主要な体験まで実装が終わったという感じになります。残りはAPIの微調整とフロントの磨き込みになります。加えて、この間にChat-GPTやv0(フロント画面を自然言語で出力できるサービス)などのAIサービスのものすごい進展があり、それらのサービスにとても助けられています!要件とwebの仕組みさえ分かれば、とりあえず動作するモノは作れるような気がします!引き続きwebアプリを頑張っていきますので、応援をよろしくお願いします!!

最後までお読み頂き、ありがとうございました!

(補足)
デザインしたロゴです!
また、もし良ければインスタのフォローをお願いします!
 ・https://www.instagram.com/furup2024

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?