2021-08-01から1ヶ月間の記事一覧

railsの日本語化

内容 投稿一覧ページとは別に、トップページを実装する rails日本語化 1. エラーメッセージを日本語化 時刻を日本に合わせたため、ついでにエラーメッセージも日本語化する(application.rbのみ編集済み) 日本語に対応するgemを導入 Gemfile gem 'rails-i18…

コメント機能

内容 投稿詳細ページでコメント機能を実装する コメント機能 1. モデルを作成 Commentモデルを作成し、マイグレーションファイルを編集する ターミナル % rails g model comment db/migrate/20XXXXXXXXXXXX_create_comments.rb t.text :comment t.references…

ページネーション機能(kaminariの導入)

内容 コメント機能の前に、一覧ページでページネーション機能を実装する ページネーション機能 1. kaminariの導入 railsでページネーションを実装するにはkaminariというgemが便利 gemfile gem 'kaminari' ターミナル % bundle install % rails s 2. ビュー…

ソート機能(ransack)

内容 投稿の並び順を変えたいので、ransackを用いてソート機能を実装する ソート機能 1. counter_cultureの導入 投稿をいいねの多い順に並べ替えたいため、postsテーブルにlikes_countというカラムを作りたい Railsにはcounter_cacheという機能がデフォルト…

投稿検索機能(ransackの導入)

内容 コメント機能の前に、投稿検索機能を実装する 投稿検索機能 1. ransackを導入 ransackというgemを用いて検索機能を簡単に実装する gemfile gem 'ransack' ターミナル % bundle install % rails s 2. 検索機能のMVC設定 collectionとmemberを用いて、ル…

いいね機能

内容 いいね機能を投稿一覧表示と詳細表示ページにつける いいね機能 Ajaxを用いて非同期通信でいいね機能を実装する 1. モデルの作成 Likeモデルを作成し、マイグレーションファイルを編集 ターミナル % rails g model like likes.rb t.references :user, n…

投稿削除機能および投稿詳細機能

内容 投稿削除機能および投稿詳細機能の実装を行う 投稿削除機能 1. MVCの設定 ルーティングとビューを編集 コントローラーは以下の通り、削除できたらユーザートップページに遷移するように設定 posts_controller.rb def destroy @post = Post.find(params[…

投稿編集機能

内容 投稿編集機能の実装 投稿編集機能 1. MVCの設定 ルーティングを設定し、ビューは新規投稿のものを使い回し 投稿が編集できたらユーザーのマイページに遷移するようコントローラーを編集する posts_controller.rb def edit @post = Post.find(params[:id…

マイページ実装

内容 マイページを実装し、個人の投稿一覧表示およびユーザー情報編集ができるようにする 個人の投稿一覧表示機能 1. MVCの設定 Userモデルはすでに新規登録機能で実装済みのため、今回はusersコントローラーのみ作成 ターミナル % rails g controller users…

画像投稿機能(ActiveStorageの導入)

内容 画像投稿も実装するため、再度新規投稿機能の見直しから 新規投稿機能の見直し 1. Googleマップを埋め込む 新規投稿の上部にGoogleマップの埋め込み機能を使用して、マップを表示 GoogleMapsAPIの導入も考えているが、余裕があれば追加実装で行う 新規…

ブランチの退避方法(git、github)

内容 構成を変えるため、再度要件定義やDB設計を行う。 現在作業しているブランチを退避 1. 変更を退避 投稿一覧表示機能のブランチで作業中であったが、作業が中途半端でコミットしたくないため、stashを使用し退避させる 退避させた後は、ブランチを切り替…

新規投稿機能および投稿一覧表示機能

内容 新規投稿機能、投稿一覧表示機能の実装を行う。 新規投稿機能の実装の続きから 2. ビュー、CSSの作成 ビューファイルを作成し、編集 ルーティングを設定 postsコントローラーでnewアクション、createアクションの中身を定義 ※その際、params.require.pe…

ユーザー管理機能(Deviseの導入)

内容 Deviseを使用したユーザー管理機能および新規投稿機能の実装を行う。 ユーザー管理機能の実装 1. Deviseを導入 Gemfile # 1番下に記述 gem 'devise' ターミナル % bundle install % rails s 2. Userモデルを作成し、マイグレーションファイルを編集 タ…

アプリ作成の事前準備・DB設計

内容 本日よりオリジナルアプリ作成に入るので、今後の備忘録として実装手順、詰まったところ等をまとめる。 本日の実装 1. 新規アプリケーション作成 ターミナル % cd ~/作成したいディレクトリ名 # railsのバージョンと、-dオプションでMySQLの使用を明示 …

企画・要件定義

内容 アプリ作成のための準備事項を、備忘録としてまとめる。 事前準備内容 1. アプリ案をメモ 思いついたアプリ案をメモアプリにすべて書き込んだ。 難しそうなものからしょーもないものまで、とにかく思いついたらメモ。 今後もこれ作ってみたいな、と思っ…