/hukumiru

ミニマリスト向けに開発した、今持っている服の総数を確認・管理できるアプリです。

Primary LanguageRuby

アプリ名

「hukumiru」

「ログイン」画面に
テスト用ユーザーのアドレス・パスワードを表示しています。
採用担当の方、閲覧の程宜しくお願い致します。

環境(バージョン管理)、機能一覧、技術一覧

【環境】
Ruby 2.4.1
Rails 5.1.6
git 2.14.5
node 8.0.0

【機能】
ログイン機能
ユーザー認証機能
フォロー機能
ページネーション機能
画像投稿機能
お気に入り機能

他、機能追加中です。

【技術】
使用言語: Ruby
フレームワーク: Ruby on Rails
セッション管理: Cookie (Deviseより)
データベース: PostgreSQL 0.20.0
バージョン管理: Git
リポジトリ管理: GitHub
インフラ: Heroku

アプリの用途

「持っている服をいつでもどこでも閲覧」
するアプリです。

1枚ずつ服を撮影し投稿することで、
①服の合計枚数
②どんな服を持っていたか
③買う服と似た服を持っていないか
④足りないジャンルの服は何か
を確認することができます。

また、
⑤お気に入りの服をただ見ていたい
⑥他のユーザーと共有したい
という使用も可能です。

対象ユーザーを
・服が好きなヤング層の方
・無駄なものを持ちたくないミニマリスト思考の方
とし、
シンプルなレイアウトにしています。

アプリの使い方

「新規登録」「ログイン」後、
またはヘッダー「投稿する」より、
写真【投稿ページ】に移動します。

1)「ふくをえらぶ」より、服の画像を選択します。
2)「Tシャツ」と書かれたセレクタより、服のジャンルを選択します。
3)「ぶらんど」欄に服のブランド名を記載します(不明なら空欄で可)。
4)「とうこうする」より、投稿します。
5)「これくしょん」より、【ユーザー詳細ページ】に移動し閲覧できます。

起動方法

①クローン
$ git clone https://github.com/RyotaIchikawa/hukumiru.git

②「ruby」をインストール
$ rbenv versions
$ rbenv install 0.0.0(無いバージョンを入れる)
$ rbenv local 2.3.0(ローカルのバージョンに合わせる)

③ディレクトリ移動
$ cd 〇〇(ディレクトリ名)

④Bundlerを入れ、「Gem」をインストール
$ gem install bundler
$ bundle install

⑤rails用のDB作成・統合
$ rake db:create
$ rake db:migrate

⑥サーバー起動
$ rails s

主な参考ページ

・Ruby on Rails Tutorial
https://railstutorial.jp/

【Gem】
・Github devise
https://github.com/plataformatec/devise

・[Rails] deviseの使い方(rails5版)
https://qiita.com/cigalecigales/items/f4274088f20832252374

・[Ruby on Rails]gem(Kaminari)でページネーション機能を追加して
Bootstrapを適用する。
https://qiita.com/residenti/items/1ae1e5ceb59c0729c0b9

・Github carrierwave
https://github.com/carrierwaveuploader/carrierwave

・Github minimagick
https://github.com/minimagick/minimagick

【フォント】
・日本語フリーフォントの「ふい字」をWEBフォントで活用しよう!
http://customtemplate.blog112.fc2.com/blog-entry-143.html

【Bootstrap】
・Bootstrapのグリッドシステムの使い方を初心者に向けておさらいする
http://websae.net/twitter-bootstrap-grid-system-21060224/

【レスポンシブデザイン】
・もう逃げない。HTMLのviewportをちゃんと理解する
https://qiita.com/ryounagaoka/items/045b2808a5ed43f96607