Rails関連のことを調べてみた2020年06月02日

複数の正規表現にmatchするかの判定

こんな正規表現のバリデーションメソッドがあった時、

“`ruby
def customer_number_valid_format?
return true if a.blank?
return true if b.blank?
binding.pry
　regex = /\A(\d{5})-?(\d{5})-?(\d{1})-?(\d{2})\z/, /\A(\d{4})-?(\d{3})-?(\d{3})\z/
　　# p regex => [/\A(\d{5})-?(\d{5})-?(\d{1})-?(\d{2})\z/, /\A(\d{4})-?(\d{3})-?(\d{3})\z/]
return true if regex.blank?
unless customer_number.match?(regex)　　?
self.errors.add(:customer_number, :invalid_and_confirm, target: ‘お客様番号’)
end
end
“`

“`ruby

投稿時にファイルから選択した画像を表示する方法メモ（HTMLファイル上でJS）

Railsで画像投稿時にファイルから選択した画像をその場で確認できる方法。

“`ruby:htmlファイル
%img{id:“image-file”}
:javascript
document.addEventListener(‘change’, function(e){
let file = e.target.files[0];
let fileReader = new FileReader();
fileReader.onload = function() {
let dataUri = this.result;
let img = document.getElementById(‘image-file’);
img.src = dataUri;
}
fileReader.readAsDataURL(file);
});
“`

####・addEventList

jQuery1系をWebpackerで流用した話

# 背景
新規開発プロジェクトにてデザインの一部を他アプリから流用したいリクエストがありました｡
そのアプリはjquery1系で動いていたため､そのまま流用しても後述の環境では動かず・・・｡
Chromeの開発者ツールによるデバッグで「$ is not defined」が頻発したりとだいぶハマったので備忘録として残します｡

局所的にjqueryを利用するため､アプリ内におけるグローバル化は実施しておりません｡

# 参考
以下の回答が大変参考になりました！

[Webpackでjqueryなどが認識されない](https://teratail.com/questions/161541)

# 環境
Rails: 6.0.2
Webpacker: 4.2.2
jQuery: 3.5.1
パッケージマネージャ: yarn

## 流用したコード(抜粋)

test.js

“`javascript
‘use strict’;

(function($){
// 各処理
var hoge = (function () {
var $fuga = $(‘viewのclass

rails-tutorial第5章

###headタグの中身について

“`app/views/layouts/application.html.erb




<%= csrf_meta_tags %>
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>