WeChange!

サイト概要

• URL：https://wechange-dwc.com
• テストID：1@1
• パスワード：123456

『WeChange!』は、駆け出しエンジニア同士で気軽に交流や情報交換ができるSNSです。 "駆け出しエンジニア特化型のTwitter" をイメージして制作してみました。 基本的な機能はTwitterを踏襲しています。 他には勉強時間の記録や掲示板などの機能も搭載しています。

サイトテーマ

「Twitterライクな駆け出しエンジニア特化型SNS」

エンジニア系のサイトにはQiitaやStack Overflowなど技術・ハード面に強いところが多く存在しています。 本サイトはそうではなく、共感・雑談といったソフト面に特化することで上記のようなサイトとの差別化を図りました。

テーマを選んだ理由

手軽にエンジニア仲間を探せるサイトがあればいいなと思ったからです。 私の周りにはエンジニアの知り合いや友達がひとりもいなかったというのもあり、このテーマに行き着きました。 また、サイトを駆け出しエンジニア特化型にしたのにもちゃんと理由があります。 それは、自分と同じプログラミング初学者の勉強継続をサポートしたいという思いがあったからです。 まず前提として、プログラミング勉強は挫折率90%という厳しい現実があります。 そこでどんな仕組ならプログラミング初学者が挫折せずに勉強を継続できるのか、自分なりに考えてみました。 その結果、駆け出しエンジニア特化型のSNSがあれば、利用者の勉強継続のサポートが可能だという結論に至りました。 具体的には、以下の機能により勉強のモチベーションアップが期待できると考えています。

• 勉強時間の記録機能による日々の勉強時間の見える化
• 勉強時間のランキング機能によりプログラミング勉強をゲーム感覚で楽しむ
• 掲示板機能により、利用者同士で意見や悩みを共有する

名前に込めた意味

「エンジニアになって人生を変えたい！」

駆け出しエンジニアなら誰しも一度は考えることだと思います。 夢に向かって努力する人たちの一助になりたい！そんな思いから、 『WeChange!（私たちは変わる！）』という名前をつけました。

ターゲットユーザ

• プログラミングをはじめたいと考えている人
• エンジニア転職を目標に現在プログラミングスクールに通っている人
• エンジニア転職を目標に現在プログラミングを独学している人
• 未経験からエンジニア転職して1〜2年程度の人

主な利用シーン

• エンジニア人脈を広げたい時
• 日々の勉強記録を確認したい時
• ITに関する最新技術や個人的な勉強の悩みなど他ユーザーと情報共有したい時
• プログラミング勉強のモチベーションを上げたい時

設計書

• UI Flows
  

• ワイヤーフレーム
  https://drive.google.com/file/d/1Kji_h2fdLRZmXKqJltK7jPYUkIEpwyCC/view?usp=sharing

• ER図
  

• テーブル定義書
  https://docs.google.com/spreadsheets/d/1-6Q_ry5s1EAviS5_OJXP_eEemNr5jwTf/edit?usp=sharing&ouid=106227655918922754387&rtpof=true&sd=true

• アプリケーション詳細設計
  https://docs.google.com/spreadsheets/d/1lIDx1p1m3m4vohcyfYJsNaEl46Rc0NAT/edit?usp=sharing&ouid=106227655918922754387&rtpof=true&sd=true

チャレンジ要素一覧

https://docs.google.com/spreadsheets/d/1CPgOUYC84neEGCovVf93LNb69Zl9O_rptn_8AT287Xs/edit?usp=sharing

開発環境

• OS：Amazon Linux release 2 (Karoo)
• 言語：HTML,CSS,JavaScript,Ruby,SQL
• フレームワーク：Ruby on Rails(Ver.5.2.6)
• CSSフレームワーク：Bootstrap 4
• テンプレートエンジン：Slim
• JSライブラリ：jQuery
• IDE：Cloud9
• PC：MacBook Air(M1,2020)

使用素材

• ぱくたそ(https://www.pakutaso.com/)