【実践編⑦】ポートフォリオ作成のロードマップ〜ログ、Bootstrapテンプレート〜

2020年5月10日 11:24

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

▼ロードマップの全体像
【無料公開：準備編】
【実践編①】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出力、リスト、ログ

前回の記事はこちら！

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

✅ ログ機能
✅ Bootstrapテーマテンプレートの適用

▼ 実践編⑦の概要

実装編⑦では、ログ機能の追加と、モダンな見た目への変更を行います。

ログ機能とは、アプリ名にもなっているクック（料理）ログをつける機能です。
新しい料理を作ったらアプリに料理を登録しますが、それ以降は2回目、3回目と同じ料理を作るごとにログを追加していきます。
そうすることで、これまでにいつ何回作ったのかがわかったり、その時のちょっとしたメモを振り返ることができます。

Bootstrapテーマテンプレートの適用は、これまで最低限のデザインで作ってきたアプリを一気にモダンなデザインに変更するために行います。
テーマテンプレートとは何かというと、次のサイトにあるようなイメージです。

自分で一からCSSやJSファイルを作っていくと膨大な時間がかかりますが、Bootstrapテーマテンプレートを適用することで基本的なデザインを即座に作ることができます。
Railsアプリに適用するのは少し難しかったりするので、どのように適用していくのかを解説していきます。

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

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

・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円お得！