こんちには。opiyoです。 vueでデータが読み込まれるまでの時間をローディング画像/スピナー画像を表示させて急に画像が表示されてユーザーを困らせないようにしたい！ API通信中にローディング画像を表示させて通信完了したら取得したデータに切り替えたい！ こんな悩みを解決していきたいと思います。 結論から言ってしまうと 「vue-simple-spinner」を使う v-showを使って表示/非表示を制御する API連携する際にどうしてもタイムラグが出てしまってました。ローディング画像が無いと、急にシュッとデータが表示されるで何だかなーって思っていたので、グルグルを表示する方法を調べてみました！ vueでローディング/スピナーを表示する「vue-simple-spinner」のインストール npmの場合 npm install vue-simple-spinner --save CDNの場

こんちには。opiyoです。 railsでデータをsaveしたりupdateしたりするとupdated_atが更新されるけど、親データのupdated_atを更新したり、更新しないようにするにはどうすればいいの！？ こんな悩みを解決していきたいと思います。 結論から言ってしまうと 親データのupdated_atを更新する: touch 親データのupdated_atを更新しない: no_touching これらを使うと簡単に実現することが出来ます！ 親データに紐づく子データを夜間処理で作るようなことをしてるんだけど、朝見ると親データのupdated_atが全部夜間の日付になっていました。 何も触ってないのに表示順が変わっていたので何事かと思う経験がありました... touchの存在は知ってたのですが、no_touchingについては全く知らなかったので改めて一緒に使い方を調べてみました！

概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Rails Quick Tips: Temporarily Disabling Touching with ActiveRecord.no_touching - Karol Galanciak - Ruby on Rails and Ember.js consultant 原文公開日: 2018/02/25 著者: Karol Galanciak サイト: BookingSync 2018/04/18: 初版公開 2023/03/16: 更新 参考: Rails API touch -- ActiveRecord::Persistence 参考: Rails API no_touching -- ActiveRecord::NoTouching Rails: Active Recordのtouchをno_touchingで一時的に

こんにちは。opiyoです。 今回はRailsを使った時分秒を操り方をの紹介です。 ある一定の時間内のデータを取得したい！ 時分秒だけじゃなくて年月日はできるの？ 「1ヶ月」 = 「月初 ~ 月末」ってのはよく使うから知っているのですが、「時間」 = 「12時00分00秒 ~ 12時59分59秒」までの1時間内に登録されたデータを取得したい場面があって調べてみました。 changeメソッドで「時間」を操る changeメソッドの引数にhourと指定したい時間を渡します。 > Time.current.to_s => "2020/01/09 22:00" > Time.current.change(hour: 1).to_s => "2020/01/09 01:00" changeメソッドで「分」を操る changeメソッドの引数にminと設定したい分を渡します。 > Time.curren

こんにちは。opiyoです。 今回はJSONデータを作る際に便利な「gem jbuilder」についてです。 RailsはAPIに徹する事が世の中的に多くなってきてると思うので、JSONに接する機会は多いと思います。 そんな時に便利なjbuilderの使い方について、実際のプログラムと共に紹介します。 jbuilderって何！？ jbuilder使うと、どんなことが出来るの？ jbuilderの色々な使い方が知りたい！ こんな悩みを解決していければと思います。 gem jbuilderとは json形式のデータを簡単に作る為のgemです。 json形式のデータを作るのに便利なgemは僕が知る限り2つあります。 - jbuilder - jb jbuilderの方がjsonの階層構造と同じようなイメージで作れるので非常に分かりやすい。 が、重たい。 jbの方は逆で階層構造を自分の頭の中で組み

こんにちは。opiyoです。 今回は色々なパターンで使うRubyの繰り返し処理についてです。 それぞれ微妙な違いはあれど改めて、どういう場面で何を使うのか。実際のプログラムと共に紹介します。 for文の基本的な使い方が知りたい こんな時やあんな時、for文をどう使うの！？ for文の途中で抜けたい！ こんな悩みを解決していければと思います。 rubyの eachの使い方 ごめんなさい。先にeachを書かせてもらいます！ 理由は簡単で、仕事の中でforを使った記憶が無いからです... なので、基本的にこれだけ覚えておけば問題ないと思います。それぐらいeachでほとんど事足ります。 オブジェクト.each do |変数| 繰り返し処理 end 配列の場合 strs = ['a', 'b', 'c'] strs.each do |str| puts str end ↓ a b c ハッシュの場合

@ macOS Mojave ref: https://apple.stackexchange.com/questions/127186/installing-tmux-but-getting-dyld-library-not-loaded-referenced-from-usr Homebrewでインストールしているtmuxが起動できなくなる % tmux dyld: Library not loaded: /usr/local/opt/libevent/lib/libevent-2.1.6.dylib Referenced from: /usr/local/bin/tmux Reason: image not found stackexchangeの内容を参考にlibeventをlinkし直してみたりしてもエラーは解消されず。 ためしに、libevent-2.1.6.dylibなるファ

Ruby on Rails + Vue.jsで最初の画面「Hello Vue!」が表示されるまでの方法を紹介します。 実行環境 Ruby: 2.6.3 Rails: 6.0.0 yarn: 1.19.1 vue: 3.12.0 rails newまで 先ずはrails単体で「Hello World」が表示されるまでです。 $ mkdir vue-app $ cd vue-app $ ruby -v $ rbenv versions $ rbevn local 2.6.3 # Gemfile作成 $ bundle init Gemfileを開くとgem "rails"がコメントアウトされているので、コメントアウトを解除する # gem "rails" <- ここのコメントアウトを外す bundle installする $ bundle install --path vendor/bundle

Ruby on RailsでEnum = 列挙型を使う時に色々と便利なGemenumerizeの紹介です。 enumは例えば、ユーザーの性別とか、ステータスとか複数の項目を持つデータを扱う際に使います。 Railsだけでもenumを扱うことは出来るのですが、enumerizeを使うと簡単に日本語表示できたりformを簡単に作れたり便利です。 使い方 Gemfileにenumerizeを追加してbundle installします。 # Gemfile gem 'enumerize' enumerizeを使うカラムをモデルで定義します。 migrationする際に、defaultを定義しておくとrake db:migrateした際に既存のデータへも値が入るので設定します。 # Migration class AddRoleToNewUser < ActiveRecord::Migration[

Ruby on Railsで開発中に送ったメールを確認する Gem letter_opener_webの紹介です。 環境設定 Gemfileにletter_opener_webを追加する。 # Gemfile group :development do gem 'letter_opener_web' end 開発環境モードの設定ファイルにメール送信の設定をします。 # development.rb Rails.application.configure do config.action_mailer.default_url_options = { host: localhost, port: 3000 } # `:letter_opener`を指定する config.action_mailer.delivery_method = :letter_opener # ログにエラーを表示するため

Ruby on RailsのStrong Parametersについての紹介です。 ユーザー登録やお問い合わせなど、ユーザーがフォームに入力したデータのみ登録・更新できるようにするための機能です。 webの場合は開発者ツールなどを使って存在しないformを自由に作ったり出来てしまうので、それを防ぐことは大事です。 基本的な使い方 params.require(:key).permit(filter) key: paramsのキー filter: 登録・更新を許可するカラム名 <input name="new_user[name]"> <input name="new_user[age]"> keyはinputラベルのnameに指定する名前です。この例の場合だとnew_userがそれにあたります。 filterの部分は登録・更新したいカラム名です。この例の場合だとnameやageがそれにあた

Ruby on Railsで「パンくずリスト」を生成するGembreadcrumbs_on_railsの紹介です。 導入方法 Gemfileにbreadcrumbs_on_railsを追加してbundle installします。 # Gemfile gem 'breadcrumbs_on_rails' パンくずリストを登録する（Controller） パンくずリストを表示させたいContollerのアクション内でパンくずリストを登録します。 # new_users_controller.rb def index @users = NewUser.all add_breadcrumb 'HOME', :root_url add_breadcrumb '登録ユーザーの一覧' end 使い方はadd_breadcrumb 表示する文字列, パスです。第二引数は省略すると文字列だけ表示されます。

Ruby on Railsでデータベースを操作するのに使うActive Record。 今回は、findやwhereを使って実現するオブジェクトの検索方法を紹介します。 今回利用するテーブル情報はこちらです。 基本的な使い方 検索するメソッドはいっぱいあるのですが、よく使う項目は以下のようなのがあります。 find find_by find_by! first last where 1件だけ取得したり、条件に応じて複数データ取得できたりします。 これらの違いを一つずつ実行しながら見ていきたいと思います。 条件に合致したデータを1件取得する これらのメソッドは条件に合致したデータを1件取得するメソッドです。 first last find find_by find_by! take idが一番最初のデータを取得する（first） > NewUser.first NewUser Load (0

Ruby on Railsでよく使われるPostgreSQLをローカル（Mac）環境にインストールする方法です。 PostgreSQLのインストール $ brew install postgresql PostgreSQLのバージョンチェック $ psql --version psql (PostgreSQL) 9.6.2 PostgreSQLサーバの起動 $ postgres -D /usr/local/var/postgres or $ brew services start postgresql # なんか色々な方法があるみたいです。こっちの方が直感的でわかりやすいですね。 $ brew services list # 起動状況の確認ができる。初めて実行した時だけ`homebrew/services`がインストールされた。 ==> Tapping homebrew/services

Ruby on Railsで生のSQLを実行する方法です。 ちょっと複雑なデータを取得したい時に、Active Recordだと逆に面倒だったりして生のSQLを描きたい場合があります。 その場合はfind_by_sqlを使います。 基本的な使い方 使い方はシンプルでModel.find_by_sql(sql)です。 > sql = 'select * from new_users;' => "select * from new_users;" > NewUser.find_by_sql(sql) NewUser Load (5.3ms) select * from new_users; => [#<NewUser:0x00007fd740f61e30 id: 1, name: "opiyo", age: nil, gender: nil, birthday: nil, email: nil

Ruby on Railsでデータベースを操作するのに使うActive Record。 今回は、saveやupdateを使って実現するオブジェクトの保存方法紹介します。 今回利用するテーブル情報はこちらです。 基本的な使い方 保存する役割を果たすメソッドは以下の通りいっぱいあります。 save save! update update! update_attribute update_attributes update_attributes! update_column update_columns update_all それぞれの違いは、「戻り値の違い」と「コールバックの有無」です。 使い所や実行結果などをそれぞれ見ていきたいと思います。 save よく使う処理: コントローラーのcreate 戻り値: true/false 基本的に利用するのは、createアクションです。戻り値がtru

Ruby on Railsでデータベースを操作するのに使うActive Record。 今回は、destroyやdeleteを使って実現するオブジェクトの削除方法紹介します。 今回利用するテーブル情報はこちらです。 今回使うテーブルのER図 基本的なこと オブジェクトを削除するメソッドはdestroy とdeleteです。 # deleteはDELETE文が実行される > user.posts.last => #<Post:0x00007fb4d78bb800 id: 7, user_id: nil, title: "5", body: nil, created_at: Thu, 03 Oct 2019 22:47:03 JST +09:00, updated_at: Thu, 03 Oct 2019 22:47:03 JST +09:00, new_user_id: 1> > user.

Ruby on Railsでデータベースを操作するのに使うActive Record。 今回は、newやbuildを使って実現するオブジェクトの作り方を紹介します。 基本的なこと newやbuildは基本的に出来ることは一緒です。 厳密には違うのかもしれませんが、「new build 違い」でググってもあまりヒットしませんでした。（知っている方、ぜひ教えて下さい！） ですが、使う場面が違ったりするのでそちらを以下で紹介できればと思います。 今回利用するテーブルはこちらです。 # users Table "public.users" Column | Type | Collation | Nullable | Default ------------------------+-----------------------------+-----------+----------+------

Ruby on Railsではデータベースとの様々なやりとりをActice Recordという仕組みを使って行いますが、よく使われる方法をざっとご紹介です。 今回利用するテーブル情報はこちらです。 Table "public.hoges" Column | Type | Collation | Nullable | Default ------------+-----------------------------+-----------+----------+----------------------------------- id | bigint | | not null | nextval('hoges_id_seq'::regclass) name | character varying | | | age | integer | | | gender | character