【実践編⑤】ポートフォリオ作成のロードマップ〜画像投稿、フォロー、お気に入り〜

2020年5月10日 11:22

この記事は、「ポートフォリオ作成のロードマップ」実践編⑤です。

▼ロードマップの全体像
【無料公開：準備編】
【実践編①】RSpec、Rubocop導入
 【実践編②】ユーザーの登録、日本語化、ログイン
 【実践編③】ユーザーの更新、一覧、削除
 【実践編④】料理の投稿
 【実践編⑤】画像投稿、フォロー、お気に入り
【実践編⑥】コメント、通知、リスト
 【実践編⑦】ログ、Bootstrapテンプレート
 【実践編⑧】検索、AWS S3、CSV出力、総仕上げ

※※※ 【重要】お詫び ※※※

アプリで使用していた Heroku Postgres の有料化(参考)に伴なってメンテナンスの継続が困難になったため、本アプリは予告通り 2022/11/19 に公開停止しました🙇‍♂️

note や GitHub のコードは引き続き公開しますが、https://cooklog-v3.herokuapp.com の参照ができなくなりました。ご理解いただけますと幸いです。

※※※※※※※※※※※※※※※※

▼ このロードマップで作るオリジナルアプリの概要
・アプリ名：クックログ
・概要：作った料理を記録して共有できる、料理投稿SNSサービス
・URL：https://cooklog-v3.herokuapp.com ※ 2022/11/19 公開停止
・機能：ログイン、ページネーション、料理の投稿、フォロー
　　　　お気に入り、コメント、通知、検索（料理名 or 材料）
　　　　CSV出力、リスト、ログ

前回の記事はこちら！

▼実践編⑤で実装する内容

✅ 画像投稿機能
✅ フォロー機能
✅ お気に入り登録機能

▼実践編⑤の概要

実践編⑤は、主にRailsチュートリアルの下記の章に近い内容です。

・第13章　ユーザーのマイクロポスト
・第14章　ユーザーをフォローする

画像投稿は、画像を正方形に整形して表示するように工夫しています。

さらにTwitterのいいねのような、「お気に入り機能」も追加します。
これはほとんどのアプリで活用できる機能だと思います。

〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜

▼ ロードマップの進め方
・自分はどんなアプリを作りたいか、どんな機能をつけたいかを考えながら読み進めてみてください。

・GitHubのコミット履歴を追っていくと、開発の流れがわかりやすく把握できるのでオススメです。具体的なソースコードに関してはnote記載のコードを正として進めてください（GitHub上は途中細かなミスがあるため）。

▼ 参考書籍（推奨）
・プロを目指す人のためのRuby入門（通称：チェリー本）
・現場で使えるRuby on Rails5 速習実践ガイド
・Everyday Rails - RSpecによるRailsテスト入門（電子書籍）

▼ 開発環境
OS: macOS Catalina 10.15.4（Mojaveでも動作確認済）
Ruby 2.5.7
Rails 5.2.3

▼ 実践編①〜⑧がセットになったマガジンはこちら
　☆単品購入に比べて920円お得！

▼ 実践編①〜⑧と転職ノウハウnoteのセットマガジンはこちら
　☆単品購入に比べて1,220円お得！