- 1. devise_token_authでproviderを変更する
- 2. Ruby on Railsのエラー画面の読み方
- 3. 【rails】【fullcalendar】カレンダーの表示(月週日)切り替え、予定ごとに色を変える
- 4. [Rails]仮想カラムをもちいて、ソート機能を実装する
- 5. ElastiCache for RedisのClusterモード(暗号化)への接続方法 Rails編
- 6. 異なるOS間でのGemfile.lockの競合を解決する方法
- 7. Ruby on Railsを使ったウェブアプリの全体像を図にしてみた
- 8. Railsのルーティング: resources と resource の違いとメリット
- 9. ORMとN+1問題
- 10. 【Rails】TablePlusを使ってローカルDBと接続する方法
- 11. Docker ComposeでRailsアプリ(Rails6.0.6/Ruby3.0.2 + PostgreSQL環境)をdocker化する
- 12. 【Ruby】frozen_string_literal: trueとは?
- 13. Rails6+attr_encryptedの環境をRails7にアップデートするときにやったこと
- 14. Webhookを活用したMicrosoft Teamsへのメッセージ投稿方法
- 15. Tailwind CSSでフッターを固定する
- 16. ransackで、パラメータに空白が含まれていても許可するよう設定する
- 17. 「Ruby on Rails5速習実践ガイド」を読んだので。
- 18. 【Rails7】リロードしないとJavaScriptが動かないんだけど、どした?エラー?
- 19. Bootstrap|ハンバーガーメニューを作成する
- 20. Rails | deviseのUserにnameを追加する方法
devise_token_authでproviderを変更する
## 概要
RailsのAPIサーバでdevise_token_authによるトークン認証を実装しようとした際に、providerにかなり苦しめられたので、providerを変更する手順について記事にしました。
## やりたいこと
devise_token_authのデフォルトのproviderはemailになっていますが、私はただの文字列(login_idと定義)で認証を行いたかったので、providerを’login_id’に変更したい。これは、usernameなどで認証を行いたい場合も同じで、これから説明することを行う必要があります。## 方法
以下を行うことでproviderの変更ができます。
– devise_token_authのUserテーブルのproviderを’email’→’login_id’にする
– providerをオーバライドそれぞれについて説明していきます。
## テーブルのproviderを変更
devise_token_authでインストールした直後(devise_token_authをinstallしてからdb:migrateするまで)
Ruby on Railsのエラー画面の読み方
## 自己紹介
はじめまして、はると申します!
現在はスクールに通いながら学習をしており、学習開始から4ヶ月が経過しました。
## 概要
Ruby on Railsでアプリ開発中に出会うエラー画面の基本的な読み方について、
調べたりChatGPTに相談しながら、勉強を兼ねてまとめたものをアウトプットしてみます。
初学者のため、間違っている箇所もあるかもしれませんのでその際は教えて頂けると嬉しいです?
(エラー例は、Ruby 3.1.3、Rails 7.0.5で作成した学習時間を記録するアプリで、記事のために意図的に起こしたものです)
## エラー画面の見方 例①NoMethodError
![6c5c3b7e63d012d172f585deeee8bd19.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3471604/8a1c7c9e-1f75-92a8-27c0-004a9ec079c1.jpeg)
項目の上から順に意味を確認していきます。
– エラータイトル
`No
【rails】【fullcalendar】カレンダーの表示(月週日)切り替え、予定ごとに色を変える
# 経緯
カレンダーの表示切り替えり、予定によって色分け出来たらいいなと思い実装してみました。
環境はrails6,ruby3.1.5です。
jqueryを使う記事が多いですが使わずに実装しました。# 完成イメージと本記事にて、できる事・できない事
完成イメージ分かりやすいように公式ドキュメントのdemo貼っておきます。https://fullcalendar.io/demos
## この記事で出来ること、出来ない事
– 出来る
– 予定によって色分け
– 月表示、週表示、日表示の切り替え
– 出来ない
– 表示されてる予定をドラッグアンドドロップで移動
– 詳しい解説(公式ドキュメントにほとんど書いています)# 実装
それでは実装していきます。::: note
前提
– 投稿用のMVCとしてPostを使用しています。
– 投稿機能は実装されている前提
– indexページにカレンダーを表示させる。
>カラムは以下を用意
– 予定開始用として`start_time:datetime`
– 予定終了用として`end_time:datetim
[Rails]仮想カラムをもちいて、ソート機能を実装する
## はじめに
#### 実装したこと
PFでコミュニティサイトを作成しており、投稿一覧にソート機能を実装しようとしております。「いいねが多い順」のソート機能の実装が思ったより難しかったのでアウトプットのため、記事に残します。#### 動作環境
Ruby 3.1.2
Rails 6.1.7.3## 手順
#### モデルとカラムの状態
~~~shema.rb
create_table “contents”, force: :cascade do |t|
t.string “title”, null: false
t.text “text”
t.datetime “created_at”, precision: 6, null: false
t.datetime “updated_at”, precision: 6, null: false
endcreate_table “favorites”, force: :cascade do |t|
t.integer “content_id”
t.datetime “cr
ElastiCache for RedisのClusterモード(暗号化)への接続方法 Rails編
# はじめに
AWSでRedis(クラスターモードかつ暗号化)を作成した際、
接続が止まった状態でエラーログも何も出ない。。
ということで何に気を付ければいいか書いていく## サーバー内接続確認
まずは接続コマンドを入力する。
注意点として
`-c` クラスターモードON
`–tls` 暗号化転送ON
このオプションがないと延々と接続待ちになるので注意
“`
$ redis-cli -h [エンドポイント] -p [ポート番号] -c –tls
“`ただし、自身のredis-cliの`4.0.10`をインストールしていたが、redis-cliのオプションである`–tls`が使えなかった(ここで詰まった)
“`
Unrecognized option or bad number of args for: ‘–tls’
“`なのでバージョン6をインストールする
“`
$ sudo amazon-linux-extras install redis6
“`接続確認して完了
“`
# キー”mykey”に値”Hello, Redis!”をセットする
xx
異なるOS間でのGemfile.lockの競合を解決する方法
## はじめに
オリジナルプロダクト(ポートフォリオ)のデプロイに向けて、最新のソースコードをAWS EC2に反映させようとしたところ、`Gemfile.lock` の競合が発生しました。
その原因と解決方法についてまとめました。### 開発環境
– ローカルマシン
– OS:macOS Ventura
– AWS EC2
– OS:Amazon Linux 2
– 共通
– Ruby:3.2.2
– Rails:7.0.6
– Bundler:2.4.13## エラーメッセージ
EC2 に`git pull`で最新のソースコードを反映させようとしたところ、以下のエラーメッセージが表示されました。
“`
error: Your local changes to the following files would be overwritten by merge:
Gemfile.lock
Please commit your changes or stash them before you merge.
“`「次のフ
Ruby on Railsを使ったウェブアプリの全体像を図にしてみた
Ruby on Railsみたいなフレームワークは全体像が分からないとなかなか使いこなせないので図にしてみました。
## 参照にしたUdemy講座
とても分かりやすくRuby on Railsを解説してくれてました!おすすめです。
はじめてのRuby on Rails入門-RubyとRailsを基礎から学びウェブアプリケーションをネットに公開しよう
## 全体像を図にしたもの
Cacooを使用(今までMiroを使ってたけど、ウェブ界隈で人気のCacooを使ってみるとかなり使い勝手が良かったです)
Model, View, Controllerごとに色分けをして、あとはルーティングとかの関係性をまとめました。
Railsのルーティング: resources と resource の違いとメリット
# はじめに
Ruby on Railsのルーティングには、`resources`と`resource`の二つの非常に便利なメソッドがあります。これらはRESTfulなルーティングを自動的に生成し、それぞれのコントローラアクションへのパスを簡単に作成することができます。### resources
`resources`メソッドは、指定したリソースに対する標準的なRESTfulルーティングを自動的に生成します。例えば、config/routes.rbに以下のように記述すると、
“`ruby routes.rb
resources :users
“``UsersController`のアクションに対応した7つのルーティング(index, show, new, edit, create, update, destroy)が自動的に生成されます。また、これらのルーティングに対応したパスヘルパーメソッドも自動的に提供されます。
### resource
`resource`メソッドは、`resources`と同様にルーティングを自動生成しますが、こちらは単数形リソースを表現しま
ORMとN+1問題
N+1問題はORMを使用する際によく起こるパフォーマンス上の課題です。
N+1問題とは、リレーションシップ(関連付け)を持つ複数のテーブルのデータを取得する際に、1つのクエリでデータを取得する代わりに、関連するデータを1つずつ個別に取得してしまうことによって発生します。例えば、以下のような場合を考えてみましょう:
“`ruby
# AuthorsテーブルとBooksテーブルがリレーションシップを持つとする
class Author < ApplicationRecord has_many :books end class Book < ApplicationRecord belongs_to :author end # ある著者に所属する本のタイトルを取得するクエリ authors = Author.all authors.each do |author| puts author.books.first.title end ``` 上記のコードでは、著者のリストを取得した後、各著者ごとに関連する本のタイトルを取得しています。 この場合、N+1問題が発生して
【Rails】TablePlusを使ってローカルDBと接続する方法
プログラミング初学者がローカル環境のDBをTablePlus を使って視覚化出来るようにした方法をメモした記事です。
## 開発環境
Rails 7.0.4.2
Ruby 3.1.2
sqlite3## 前提
今回はインストールをした状態からの手順となります。
インストールは[こちら](https://tableplus.com/)から出来ます。## 手順
![スクリーンショット 2023-07-30 16.16.34.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1374322/bbea180f-f5e8-2ea8-6463-e44a68988468.png)
検索ボタンの左隣にある + を押します。![スクリーンショット 2023-07-30 16.20.40.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1374322/33c972e8-2940-b095-d4ec-c0a704ae4f26.png)
Docker ComposeでRailsアプリ(Rails6.0.6/Ruby3.0.2 + PostgreSQL環境)をdocker化する
# はじめに
今回は既存のrailsアプリケーション環境をdocker化したので、そちらについてまとめていきます。dockerイメージの軽量化のためマルチステージビルドを採用しています。# マルチステージビルドについて
**マルチステージビルド**とは、複数のイメージを用いたビルド方法のことです。何やら難しそうに聞こえますが、内容としてはシンプルです。
+ `FROM` を複数用意してそれぞれに名前を付ける(これが「**ステージ**」になります)
+ 各ステージは独立した一時的なイメージとして扱い、最終ステージだけが最終的な出力イメージとして保存される
+ 後のステージから前のステージを `–from` を使って参照でき、前のステージからファイルをコピーできるマルチステージビルドを用いることで、**一つのDockerfileで複数のイメージをビルド**することができます。要は**Dockerイメージのビルドを効率的で、最適化されたものにするためのテクニック**です。
マルチステージビルドを使用する大きな目的は以下の2つになります
+ Dockerfileを読みやすく保守し
【Ruby】frozen_string_literal: trueとは?
Ruby on Railsでのコーディングの際、`frozen_string_literal: true`というコードが先頭に実装されている場面をよく見かけ、なんだろう?と思い調べてみました。
備忘録としてこちらに残しておきます。
# コード
“`ruby:ruby
frozen_string_literal: true
“`# frozen_string_literal: trueって何?
– このコード`frozen_string_literal: true`は、Rubyファイルの先頭に書かれるマジックコメントの一つである。
– このマジックコメントがあると、そのファイル内で定義された文字列リテラル(`” “`や`’ ‘`で囲まれた文字列)は全て凍結される。つまり、それらの文字列は不変になり、後から変更できなくなる。
– なぜこんなことをするのかというと、処理の高速化やメモリの節約につながるから。文字列の変更が頻繁に行われると、その都度新しい文字列オブジェクトが生成されてメモリを消費する。しかし、文字列を凍結してしまえば、その心配がなくなる。# その他、参考にな
Rails6+attr_encryptedの環境をRails7にアップデートするときにやったこと
## はじめに
Rails6.0からRails7.0(正確には7.0.3)にアップグレードするにあたり、データの暗号化処理をを `attr_encrypted` からRails7の標準機能に置き換えた話を以下にまとめます。
## Rails7にアップブレードする際に発生した問題点
アップグレードの際に以下の諸問題が発生しました。
graphqlのpreloader
https://michiomochi.com/blog/rails-v6047-to-v7023sessionが見つからない問題
https://ta-watanabe.hatenablog.com/entry/2022/03/14/140128
https://blog.dnpp.org/api_only_rails7_with_deviseEnumerable.sumがRails7から非推奨
https://www.bigbinary.com/blog/rails-7-deprecates-enumerable-sum-and-array-sumgraphql-fragment-cacheが最新だと
Webhookを活用したMicrosoft Teamsへのメッセージ投稿方法
## はじめに
今回の記事ではWebhookを用いたMicrosoft Teamsへのメッセージ投稿の方法について記述する。
## Webhookとは
Webhookとは、あるシステムに何か特定のイベントが起きた時にサーバーからクライアントに通知するための手法の一つ。APIはユーザーからのリクエストに基づいて情報を提供するのに対し、Webhookは特定のイベントが発生した際に自動的に情報を送信する。## Microsoft TeamsでWebhookを設定する
– Teamsアプリの右上の三点リーダーをクリック
![](https://github.com/junpei314/Apprentice/blob/main/blog/Webhook1.png?raw=true)
– コネクタをクリック
![](https://github.com/junpei314/Apprentice/blob/main/blog/Webhook2.png?raw=true)
– Incoming Webhookを追加する
![](https://github.com/junpei314/Appren
Tailwind CSSでフッターを固定する
## はじめに
こんにちは、エンジニア転職を目指してRailsを学習中のチータです!?
現在、ポートフォリオを作成中で、CSSのフレームワークにTailwindを使用しています。
そこで、コンテンツ量の少ないページ(ログインなど)を作成していた際に、フッターが下部に固定されず、フッターの下に余白ができて違和感を感じていました。## どういう状況か?
今回はログイン画面で説明します。
修正する前のビューのコードとブラウザでの表示は以下のような状況です。
“`html:application.html.erb
.
.
<%= render 'shared/header' %>
<%= render 'shared/flash' %><%= yield %><%= render 'shared/footer' %>
“`
“`html: sessions/new.html.erb
ransackで、パラメータに空白が含まれていても許可するよう設定する
# はじめに
Rails の gem で、ransack を使用時に、現状の仕様(v4.0.0)だと、パラメータの中に空白があったら自動的に削除されてしまいます。
それを空白があった場合でも許可するように設定する必要がありました。対処法を以下にまとめましたので、良ければご覧ください。# 結論
`config/initializers/ransack.rb`に、`c.strip_whitespace = false`を追加すれば、空白も許可してくれるようになります。
“`ruby: config/initializers/ransack.rb
Ransack.configure do |c|
# Change whitespace stripping behaviour.
# Default is true
c.strip_whitespace = false ## 追加
end
“`:::note warn
ディレクトリ構成は違う可能性がありますので、ご自身の構成に合わせて修正をお願いいたします。
:::# なぜ c.strip_whitespace
「Ruby on Rails5速習実践ガイド」を読んだので。
[Ruby on Rails5速習実践ガイド](https://www.amazon.co.jp/%E7%8F%BE%E5%A0%B4%E3%81%A7%E4%BD%BF%E3%81%88%E3%82%8B-Ruby-Rails-5%E9%80%9F%E7%BF%92%E5%AE%9F%E8%B7%B5%E3%82%AC%E3%82%A4%E3%83%89-%E5%A4%A7%E5%A0%B4%E5%AF%A7%E5%AD%90/dp/4839962227/ref=sr_1_6?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&crid=7NL117JN69F3&keywords=Rails&qid=1642106965&sprefix=rails%2Caps%2C252&sr=8-6) を読んだので、個人的に気になったことなどをまとめてます。
# 学んだこと
### RSpec, Capybara, FactoryBotを用いたテストコード
– Rspec:Rubyのテスティングフレームワーク
– Capybara:Webアプリケー
【Rails7】リロードしないとJavaScriptが動かないんだけど、どした?エラー?
# 開発環境
Ruby 3.2.2
Ruby on Rails 7.0.5![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3117662/bd324611-8c8b-6cdd-bea9-459cedf99db3.png)
# はじめに
最近、Rails7でチャットアプリを開発しているのですが、チャットルームにページ遷移してメッセージを投稿しようとすると、投稿できない:fearful:
しかし、ページをリロードしてからメッセージを投稿すると、投稿できる。
サーバーサイド側を確認しにいっても間違ってそうなところはないし、、、、
調べていると、メッセージ送信時にイベントが発火するようにJavaScriptを組んでいるのにそれが発火していない模様。エラー原因がわかり、同じような現象のエラー解決の記事の通り実行するも動作せず、、、
ググっていると以下のようなJavaScriptのコードを`Turbolinks`のイベントで囲む対策法が多かったです。
“`javascript:Java
Bootstrap|ハンバーガーメニューを作成する
Bootstrapを用いて、ハンバーガーメニューを作成する方法
## 1. メニューを作成
⭐️div要素に classと idを追加する
collapse, navbar-collapse … ハンバーガーメニューで開く要素
任意のid…ハンバーガーメニューで開く要素には任意のidを命名する“`
“`
## 2.ハンバーガーメニュー部分を作成
⭐️解説
button … ハンバーガーメニューは button要素navbar-toggler … ハンバーガーメニュー用のスタイル
data-toggle=”col
Rails | deviseのUserにnameを追加する方法
Ruby on Rails の Gemである deviseを利用し、
Userモデルに nameカラムを追加する方法。# deviseのインストール
1️⃣ Gemfileに gem ‘devise’ を追記
2️⃣ bundle install コマンドを実行
3️⃣ rails g devise:install コマンドを実行# deviseの Userに nameを追加
1️⃣ rails g devise User コマンドを実行
2️⃣ deviseのコントローラー自体は編集することができない。
そのため、application_controller.rbを以下のように記載“`php:app/controllers/application_controller.rb
class ApplicationController < ActionController::Base before_action :configure_permitted_parameters, if: :devise_controller? protected