1
/
5

Wantedlyは、270万人が利用する国内最大のビジネスSNSです

This page is intended for users in Japan. Go to the page for users in United States.

ポートフォリオ紹介

▼ポートフォリオ概要

【アプリケーション名】
My Grow Diary

【アプリケーション紹介】
駆け出しエンジニアの日々の積み上げを記録するブログアプリケーションです。
コメント、いいね、フォロー機能もあるためユーザー間の交流を図ることもできます。

【URL】
・アプリケーションURL
https://mygrowdiary2020.site/
※簡単ログイン機能でお試しいただけます。
・GitHubリポジトリ
https://github.com/tessy-man1120/grow_diary

【作成背景】
駆け出しエンジニアのスタートアップツール」のようなものを作りたい!
と考えたためです。
というのも私自身がプログラミング学習を通じて
ブログの記事やQiitaなどに疑問点の解消や開発のヒントを得ることができました。
またスクールでの学習を通じて仲間を作ること、情報共有の大切さを学びました。
この経験からブログを通じて駆け出しエンジニアが挫折をせず
学習を続けていけるようなツールを作りたい!と考えこちらを作成いたしました。
ブログアプリケーションを通じて同じような境遇の仲間と情報共有や切磋琢磨を行うことで
少しでも日々のスキルアップとモチベーションアップに繋がればと考えております。

【ターゲット】
・エンジニアに興味がある人
・駆け出しエンジニア(学生、未経験、勤務年数が浅い方など)
・駆け出しエンジニアの力になりたいエンジニア(実務されている方、サロンの主催者など)

【機能】
ユーザーの新規登録とログイン/ログアウト
簡単ログイン
ユーザー情報の変更
投稿/投稿編集・削除機能
マークダウン記法を用いた投稿
ページネーション
コメント/コメント削除
いいね/いいねの削除
検索機能(ワード、タグ、いいねの数)
フォロー/フォロー削除
各ユーザーの投稿一覧表示
フォロー/フォロワー一覧表示
自分がいいねした投稿一覧表示
パンくず機能
グループ作成/編集機能

【使用技術】
HTML(Haml)
CSS(Sass)
jQuery/JavaScript
Ruby 2.5.1
Ruby on Rails 5.2.4.3
npm 6.14.5
MySQL
AWS(EC2, S3, Route 53,RDS)
Git, Github
Nginx, Unicorn

【工夫した点】
・配色。シンプルな見た目にしたかったため
基本ベースカラーはモノトーン。ボタン等に青、赤を用いております。
・パンくずや上へのスクロールボタンなどUI設定
・マイページ内に自身の投稿、いいねした一覧、フォローフォロワーなどの表示機能を多く入れ
マイページから他の情報を見やすい設定にいたしました。
・エンジニアに使い勝手の良く勉強にもなるためマークダウン記法のエディタ導入

【苦労した点】
・アソシエーション
タグがついた投稿一覧表示、いいねの数表示、フォローやフォロワー機能の付与の関連性やデータを表示させるのに苦労しました。
・サーバー関連
AWS、Nginxの理解が不十分であったため、SSL化に苦労しました。
何が起こっているのか、ログを調べたりHTTPやポート番号の意味を理解して解決に導くことに時間がかかりました。

【今後実装していきたい点】
ダイレクトメッセージ機能
通知機能
検索機能の充実
下書き機能、ブックマーク機能
グループ内でのイベント作成機能

自分の投稿は行えるが他ユーザーの投稿情報が見辛かったり探しづらい部分があります。
またユーザー間の交流を深めるため、ダイレクトメッセージ、グループ機能内でのイベント作成機能などを増やしていきたいと考えております。


以上になります。

最後まで目を通していただいてありがとうございます!
ゲストユーザーとしてログインもできますので
ぜひ一度使ってみていただければ幸いです。