LoginSignup
2
5

More than 3 years have passed since last update.

大学生がマッチングサービスを作ってみた #1

Posted at

はじめまして。大学生のKotaといいます。
今回は個人開発にて作成したマッチングサービスについて超簡単にですが、自分用にアウトプットしていきたいと思います。
これから何かポートフォリオを作ってみたいという方など少しは参考になるかもしれません。

軽く背景

昨年はコロナで大学の授業がすべてオンラインになり、友だち作りに悩む人が多くなりました。
自身も悩んだことがある経験から大学の1年生のために作ることにしました。

友だちを作るためには何が必要かと考えると、共通点だと思っています。私は友だちは多くいる方ではないとは思いますが、全員と何かしらの共通点を持っていることが多かったです。
実際、今大学で一番仲の良い友だちも、学部が同じだったり、スマブラが好きだったり、野球が好きだったり、と多くの共通点を持っています。

同じ大学の学生同士で、共通点が多い人と繋がれるようなサービスがあったら友だち作りの悩みが解消されるのではないかと思い、制作をはじめました。

制作にかかった期間としてはおよそ3ヶ月です。
制作前は、Progate→Railsチュートリアルくらいしかしていないので、優しい目で見ていただけると嬉しいです。

制作の流れとしては
・どんな機能がいるか要件定義
・ワイヤーフレーム作成
・ER図作成
・バックエンド開発
・フロントエンド開発

ポートフォリオを作りたいのであれば、ワイヤーフレームやER図の作成はあまり必要ではないかもです。
ただ、ワイヤーフレームを作れば開発する前に完成形を自分で見ることができるので、モチベーションはかなり上がると思います。
私はAdobeXDを使って超簡単にですが、作ってみました。
ワイヤーフレームとは設計図のことです

スクリーンショット 2021-03-19 14.26.35.png

スクリーンショット 2021-03-19 14.25.21.png

機能

今回実装した全ての機能を紹介します。
それぞれの機能についてコードをお見せしながら紹介していければと思っています。

まずは機能紹介から

・新規登録(メール認証付き)
スクリーンショット 2021-03-19 14.38.15.png

スクリーンショット 2021-03-19 14.38.46.png

スクリーンショット 2021-03-19 14.39.34.png

スクリーンショット 2021-03-19 14.39.49.png

スクリーンショット 2021-03-19 14.40.27.png

スクリーンショット 2021-03-19 14.41.56.png

・ログイン機能
スクリーンショット 2021-03-19 14.42.20.png

※初回ログイン時
スクリーンショット 2021-03-19 14.49.47.png

スクリーンショット 2021-03-19 14.49.55.png

スクリーンショット 2021-03-19 14.50.04.png

スクリーンショット 2021-03-19 14.50.12.png

・ユーザ一覧機能
スクリーンショット 2021-03-19 14.47.06.png

・ユーザ詳細表示機能(フレンド申請・承認可能)
スクリーンショット 2021-03-19 14.47.24.png

・プロフィール編集機能
スクリーンショット 2021-03-19 14.48.25.png

スクリーンショット 2021-03-19 14.48.37.png

スクリーンショット 2021-03-19 14.48.43.png

スクリーンショット 2021-03-19 14.48.54.png

・DM機能
スクリーンショット 2021-03-19 14.48.13.png

・DMルーム一覧機能
スクリーンショット 2021-03-19 14.47.54.png

・その他
スクリーンショット 2021-03-19 14.49.05.png

詳細については次回からプログラムと共に説明していきたいと思います!

2
5
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
2
5