- 1. 投稿アプリの複数ページで利用する表示の一部をまとめる
- 2. 投稿アプリの投稿表示順を並べる
- 3. 投稿アプリで本人のみ編集削除を許可しよう
- 4. 【Rails】NOT NULL制約の設定方法
- 5. Ruby on Rails入門者向け:基本メソッド12選
- 6. Rails7でreact-rails( Shakapacker対応)を使う
- 7. 投稿アプリマイページ機能の実装
- 8. ghaにおけるrspecで発生するActiveRecord::ConnectionNotEstablished: MySQL client is not connected への対処
- 9. 【Rails】rails generate controllerで生成されるファイルを制限する【Railsアプリ全体のジェネレータ設定変更】
- 10. docker composeでRailsアプリをDocker化する
- 11. form_with使用時に結びつきのないmodelがi18nで翻訳されなかった時の話
- 12. ユーザー管理機能
- 13. kaminari で データ件数が膨大(1000万件)の際の高速化案。検索してください。
- 14. Rails パラメータを直接使って四則演算する際の注意点と解決策
- 15. 【Rails】form_withにおけるmodel: とは何者か?
- 16. 【Rails】yieldとrenderの違い
- 17. Rails7でtailwindcss-stimulus-componentsを使用したタブ化
- 18. [Docker]docker-composeでrailsアプリをコンテナ化する
- 19. 【Rails】O/Rマッピング時の中間テーブル、わかりにくかったので簡単に調べた。
- 20. 【Rails】StimulusでBootstrapのTooltipを動かす
投稿アプリの複数ページで利用する表示の一部をまとめる
テックキャンプの復習です!
いいねお願いします!### 目的
– 部分テンプレートの理解
– renderメソッドで描画方法を理解
– 部分テンプレートのメリットを理解### 表示の一部をまとめて再利用しよう
#### 部分テンプレート
ビューファイルにおいて繰り返し使用するコードを切り出し、再利用する仕組み
rubyで繰り返し使うような処理をメソッドでまとめてきたのと同じ。テンプレート自体のファイル名は、命名規則として、アンダースコア`_`を先頭に記述します
### 投稿表示一覧部分をまとめよう
`app/views/tweets`に`_tweet.html.erb`作成#### renderメソッド
部分テンプレートを呼び出す際に利用するメソッド
#### partialオプション
renderメソッドで使用できるオプション
`partial`というオプションをつけ、部分テンプレート名を指定することで、該当する部分テンプレートを表示できる
例)
`<%= render partial: "sample" %>`
#### localsオプション
renderメソ
投稿アプリの投稿表示順を並べる
テックキャンプのカリキュラムの復習です!
いいねお願いします!“`ruby“`
### 目的
– orderメソッドの理解### 投稿最新順表示
#### レコードの取得順変更
##### orderメソッド
ActiveRecordメソッド
テーブルから取得してきた複数のレコード情報を持つインスタンスの、並び順を変更するメソッド`インスタンス = モデル名.order(“並び替えの基準となるカラム名 並び順”)`
ASC(昇順) DESC(降順)app/controllers/tweets_controller.rb
“`ruby
def index
@tweets = Tweet.includes(:user).order(“created_at DESC”)
“`
投稿アプリで本人のみ編集削除を許可しよう
オンラインスクールの復習のための備忘録です!
いいねお願いします!
### 目的
「deviseのメソッドを使用し、ユーザーのログインの有無を変える」など、アプリ制作において使用頻度の高い分岐を体験し、理解する##ログイン中のユーザー情報取得
###投稿者本人か確認して表示を変えよう
編集ボタンと削除ボタンの表示部分をif文で囲う
“`ruby
~略~
<% if user_signed_in? && current_user.id == tweet.user_id %><%= link_to '編集', edit_tweet_path(tweet.id) %> <%= link_to '削除', tweet_path(tweet.id), data: { turbo_method: :delete } %> <% end %>
~略~
“`
`current_u
【Rails】NOT NULL制約の設定方法
カラムにNOT NULL制約を追加するにはマイグレーションファイルに以下のように記述します。
“`rb
def change
change_column_null :テーブル名, :カラム名, false
end“`
`users`テーブルの`is_sample`カラムにNOT NULL制約を追加する場合は以下のようになります。
“`rb
def change
change_column_null :users, :is_sample, false
end“`
Ruby on Rails入門者向け:基本メソッド12選
この記事では、Rails初学者の私が知っておくべきだと感じた基本的なメソッドを12個、簡単な説明と共に紹介します。
### 1. find
用途: 特定のIDを持つレコードを検索。
例: User.find(1) – IDが1のユーザーを検索。
### 2. find_by
用途: 指定した条件に一致する最初のレコードを検索。
例: User.find_by(name: ‘Bob’) – 名前がBobのユーザーを検索。
### 3. all
用途: 全てのレコードを取得。
例: User.all – 全ユーザーを取得。
### 4. create
用途: 新しいレコードを作成して保存。
例: User.create(name: “Bob”) – 新しいユーザーを作成。
### 5. new
用途: 新しいインスタンスを作成(保存はしない)。
例: user = User.new
### 6. save
用途: インスタンスをデータベースに保存。newメソッドとセットで使用。
例: user.save
### 7. update
用途: 既存のレコードを更新。
例: user.upda
Rails7でreact-rails( Shakapacker対応)を使う
## 概要
今回はRails7でreact-railsのgemを使ってReactを使う方法を紹介します。https://github.com/reactjs/react-rails
## 初期設定
基本的にはGitHubのドキュメントに従います。https://github.com/reactjs/react-rails/blob/master/docs/get-started.md#use-with-shakapacker
### プロジェクトの作成
標準にするとWebpackerが入ってしまうのでそこはコマンドで後から入れられるようにします。
“`
rails new my-app –skip-javascript
“`
### shakapackerをインストール
shakapackerをインストールします。“`
bundle add shakapacker –strict
rails shakapacker:install
“`### Reactとパッケージをインストール
React本体と本体を動かすためのパッケージをインストールします。
“`
投稿アプリマイページ機能の実装
こちらも備忘録です!
### 目的
– アソシエーションの理解
– N+1問題の対策を理解### ツイートにユーザー情報を追加
「誰が投稿したのか」わかるようになり
– 特定のユーザーがつぶやいたツイート一覧を取得できる
– ツイートの削除を行う際につぶやいた本人しか削除できないように設定できる
機能が実現可能になります#### tweetsテーブルにカラムを追加
tweetsテーブルに新しく`user_id`というカラムを作成する
そこにツイートを投稿したユーザーのidを保存します
#### tweetsテーブルにuser_idカラムをinteger型で追加
ターミナル`rails g migration AddUserIdToTweets user_id:integer`
`rails db:migrate`### ツイート保存時にユーザー情報も追加
user_idカラムに、ツイートを投稿した(現在ログイン中の)ユーザーの
idを保存する処理を記述
ここに保存すべき値は、currenr_userのid
#### current_userメソッド
現在ログインしてい
ghaにおけるrspecで発生するActiveRecord::ConnectionNotEstablished: MySQL client is not connected への対処
## エラー内容
“`rb
ActiveRecord::ConnectionNotEstablished:
MySQL client is not connected
“`## 改善前の実装
“`yml:.github/workflows/backend_test.yml
name: Backend Testjobs:
run-rspec:
runs-on: ubuntu-latest
services:
mysql:
image: mysql:8.0
ports:
– 3306:3306
env:
MYSQL_ALLOW_EMPTY_PASSWORD: “yes”
“`## 改善策
ヘルスチェック周りのオプションを設定する
これにより、rspec実行前にmysqlコンテナの起動が完了していることを確認できるようになる(はず)。## 改善後の実装
“`yml:.github/workflows/backend_test
【Rails】rails generate controllerで生成されるファイルを制限する【Railsアプリ全体のジェネレータ設定変更】
※この記録は、プログラミング初学者である私が、行き詰まったり難しいと思ったりしたものを復習できる様にとして残している自分メモです。同じ様なところでつまずいている方のお役に立つことができれば尚よし。間違った記載等あれば教えていただければありがたいです。
## はじめに
いろんなファイルを自動作成してくれるgenerateコマンド。しかし初期段階では何から何まで自動生成されると煩わしさを感じるものもあるからRailsにはジェネレーター実行時にファイルを生成しない為の設定も用意されている。
今回は、config/application.rb内の設定によって、generate コマンドで生成されるファイルに制限をかけようかと。## rails generation時の挙動を確認
ターミナルでrails generation(またはrails g)を実行。
下記の様な色々なファイルが自動生成される。“`
$ bin/rails g controller boards
Running via Spring preloader in process 26592
[+] Running 2
docker composeでRailsアプリをDocker化する
## はじめに
今回はdocker composeで既存のRailsアプリをDocker化する方法を学んだので、
アウトプットしていこうと思います。## 前提
* Docker未使用で動作する既存Railsアプリを使用する
* 以下の環境で構築する
“`
ruby: 3.2.2
Rails: 7.0.6
postgre: 12
docker-compose: 3.9
“`## 手順
0\. Dockerのインストール & 起動
1\. 任意の階層に作業ディレクトリを作成 & 移動
2\. Docker化してない既存Railsアプリをクローンしてくる
3\. 各種必要ファイルの作成
4\. database.ymlの編集
5\. コンテナ起動
6\. ブラウザで動作確認### 0. Dockerのインストール & 起動
Docker(for Mac)のインストールおよび起動のやり方に関しては、
下記URLを参考にしてみてください!https://matsuand.github.io/docs.docker.jp.onthefly/desktop/ma
form_with使用時に結びつきのないmodelがi18nで翻訳されなかった時の話
## はじめに
こんにちは、Webエンジニア目指して学習中のさばと申します🐟(X:@saba7678pg)
昨夜戦っていたエラーとの痕跡を折角なので記録しておこうと思います。:::note warn
もっとこうした方が良い、この方法だと不都合が起きる等
何かございましたら、お手数ですがコメント・DM等でお知らせ頂けますと幸いです。
:::## 環境
– Docker環境下
– ruby 3.2.2
– rails 7.1.2
– rails-i18n 7.0.8## フラッシュメッセージが”一部”正しく翻訳されない
以下画像のように、フラッシュメッセージが一部だけ翻訳されない不具合が出ておりました。
[![Image from Gyazo](https://i.gyazo.com/96b60cfc87d63a36ac0510d45cf64b26.png)](https://gyazo.com/96b60cfc87d63a36ac0510d45cf64b26)
“` ruby
# views/posts/_form.html.erb<%= form
ユーザー管理機能
ユーザ管理機能はとても便利なRuby on RailsのGem機能です!
備忘録として投稿します!### 目的
– deviseを理解
– deviseを使用したユーザー登録の理解
### ログイン機能の実装
– ユーザー登録したユーザーのみがアプリを使えるようにする
– ログインしてないユーザーは投稿機能のアプリだと
新規作成、編集、削除機能などが使えないようにする### ライブラリのインストール
#### devise
ユーザー管理機能を簡単に実装するためのGem
Gemfile
`gem ‘devise’`ターミナル
`bundle install`
Gemインストール後はサーバー再起動
インストールしたGemの反映のタイミングが、サーバー起動時であるため
`ターミナル`### deviseの設定ファイルを作成
#### rails g devise::innstall コマンド
追加したdeviseというGemの「設定関連に使用するファイル」を自動で生成するコマンド`rails g devise:install`
### deviseのUse
kaminari で データ件数が膨大(1000万件)の際の高速化案。検索してください。
# kaminari は データ数の count 処理を実行している
最大ページ数を調べ、表示 or リンクを作るために
全データが何件あるのか count してしまいます。1000万件など膨大なデータがある場合には count 処理が重くなり time out も発生します。
## ページネーションで10ページも移動して目視で探す人は…
手動で10ページも移動して目視で探すのは非効率なので
10ページ目まではページネーションを作るが
それ以降は検索してくださいというスタンスで高速化できます。## 実際のコード
“`erb.slim
= paginate @pv_logs, total_pages: 10
p ※ PV情報はデータが膨大なため、最大10ページまで移動できます、それ以上のページに移動する場合は検索条件を絞り込んでください。
“`
Rails パラメータを直接使って四則演算する際の注意点と解決策
※この記事は僕がぶち当たった問題をとりあえずChatGPTくんに丸投げしてライティングしてもらったものです。
# はじめに
Railsアプリケーションを開発する際に、パラメータの処理は非常に重要です。
しかし、パラメータはデフォルトで文字列として扱われるため、予期せぬ結果が生じることがあります。
本記事では、その中でも掛け算の処理に焦点を当て、問題の理解と解決策について説明します。# パラメータの文字列扱いによる問題
Railsでは、リクエストパラメータはデフォルトで文字列として扱われます。例えば、以下のようなコントローラアクションがあるとします。“`ruby
# app/controllers/products_controller.rbclass ProductsController < ApplicationController def calculate_price price = params[:price] result = price * 5 render json: { result: result } end end `
【Rails】form_withにおけるmodel: とは何者か?
:::note warn
**注記**
この記事の投稿者はRuby on Rails初学者であり、自身の学習の備忘録目的で記事投稿を行なっております。
情報の正確さには最大限注意をしておりますが、もし誤り等がございましたらお知らせいただけますと幸いです。
:::こんにちは!
ご覧いただきありがとうございます!
**Ito** と申します!
Ruby on Rails初学者です。
タイトルの通り
**form_withにおけるmodel: とは何者か?**
個人的にわかりにくいと感じたので、端的にまとめてみました。## 場面設定
掲示板アプリを想定しています。* `Post`モデルの`index`ビューに、`author`(著者)を選択して`post`を検索できる検索フォームを実装しています。
* `Post`モデルが`Author`モデルと関連付けされています。
* `authors`テーブルと`posts`テーブルは **一対多** の関係です。### モデル
“`rb:app/models/post.rb
class Post < Applicat
【Rails】yieldとrenderの違い
# はじめに
Railsチュートリアルを進めているとview/layouts/application.html.erbの中で見かけたyieldというメソッドと部分的に描画するrenderという似たようなメソッドが目につき、これどういう違いなのかと疑問に思ったので記事にしてました。# そもそもapplication.html.erbって?
Railsのビューは
– application.html.erb → HTMLやHEADタグなどの共通レイアウト
– アクション名.html.erb → BODYタグ内の個別レイアウトこの二つで役割分担して画面表示している。
application.erbはコントローラ固有のレイアウトが見つからない場合、**デフォルトで使用される共通レイアウト。**
全てのページで使われるhead、ヘッダー、フッターなどをここで一括して書くことで個別レイアウト内で同じコードを書く必要がなくなり、DRYが保たれる。
[(コントローラーでレイアウトを指定するにはlayoutメソッドを使う)](https://pikawaka.com/rails/layou
Rails7でtailwindcss-stimulus-componentsを使用したタブ化
# はじめに
個人開発のアプリ制作をしています。
調べながらの実装になるので、メモとして記載しています。※注意※
プログラミング学習中の初心者です。
記述に間違いがあれば、ご指摘いただけますと幸いです。# 環境
Mac M1
rails 7.0.7.2
ruby 3.2.0
Node.js 20.2.0
Yarn 1.22.19# やったこと
## ①tailwindcss-stimulus-componentsのインストール
“`
$ yarn add tailwindcss-stimulus-components
“`
npmを使用している場合は、下記でもインストール可能です。
“`
$ npm install tailwindcss-stimulus-components
“`
## ②importmapに記述を追加
下記コードを打つと、importmapにtailwindcss-stimulus-componentsが追加されます。
“`
$ bin/importmap pin tailwindcss-stimulus-components
“`
[Docker]docker-composeでrailsアプリをコンテナ化する
## はじめに
既存のrailsアプリをdocker,docker-composeを使用してコンテナ化する方法について解説します。
## 前提条件
– ローカル環境
“`
pc: m1 mac
os: Venture 13.3.1
“`
– 各種version
“`
Docker: 24.0.7
Docker Compose: v2.23.3
Ruby: 3.22
Rails: 7.0.6
PostgreSQL: 12.17
“`
– 必要知識
– 基本的なDockerの知識
– railsのコマンド## 手順
### プロジェクトをローカルにコピーする
※既にローカルにプロジェクトがある場合は[Dockerfileを用意する](Dockerfileを用意する)までスキップして下さい。
まずはコンテナ化したいプロジェクトをGitHubからローカルにクローン(コピー)しましょう。
“`bash
$ git clone <リポジトリパス>
“`
以降の作業はコピーしたディレクトリで行うため`cd`コマンドで移動します。
“`zsh
$ cd <ローカル
【Rails】O/Rマッピング時の中間テーブル、わかりにくかったので簡単に調べた。
:::note warn
**注記**
この記事の投稿者はRuby on Rails初学者であり、自身の学習の備忘録目的で記事投稿を行なっております。
情報の正確さには最大限注意をしておりますが、もし誤り等がございましたらお知らせいただけますと幸いです。
:::ご覧いただきありがとうございます!
**Ito** と申します!
Ruby on Rails初学者です。
タイトルの通り
**「RailsでのO/Rマッピング時、中間テーブルがどのように変換されているのか?」**
個人的にわかりにくいと感じたので、端的にまとめてみました。## 場面設定
タグ投稿機能を持った掲示板アプリを想定しています。`Post`モデルが`Tags`モデルと関連付けされています。
`posts`テーブルと`tags`テーブルは`post_tags`テーブルを介して多対多の関係です。### モデル
“`rb:app/models/post.rb
class Post < ApplicationRecord has_many :post_tags has_many
【Rails】StimulusでBootstrapのTooltipを動かす
今回は、Stimulusを使用してBootstrapのTooltipを動かす方法について紹介します。
https://getbootstrap.jp/docs/5.3/components/tooltips
## ツールチップとは?
ツールチップは、ユーザーが要素(ボタンや画像など)にホバーしたりクリックしたりした際に表示される、小さな説明文の吹き出しです。これは、要素単体では意味が不明確な場合に特に有用です。![tooltip.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/849608/092d039b-7633-9a1c-7902-437a676722c1.png)
## インストール方法
まず、`bootstrap`と`popperjs`が`node_modules`に含まれているかを確認してください。もし存在しなければ、`yarn add bootstrap`または`npm install bootstrap`を実行してインストールしましょう。## Controllerの作成
To