はじめに Vue.jsの勉強をしている時にJavaScriptで利用出来るイベントってclickイベントとかベタなやつしか知らないけど他に何があるんだろう？となったので自分用メモとしてまとめます フォーム編 focus 要素にフォーカスが入った時 blur 要素のフォーカス…

概要 自分用メモです📝 方法 Settings の Add External Scripts/Pens に Vue と入力します。 コードを貼ってみます。 <div id="app"> <label>名前： <input type="text" v-model="name" /> </label> <p>入力された値：{{upperName}}</p> </div> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>

概要 ActiveHashでもscopeが使えるの知らんかった... そういう話です🙈 例 class Band < ActiveHash::Base self.data = [ { name: 'Nirvana', category:'Grunge' }, { name: 'Dinosaur Jr.', category:'Grunge' }, { name: 'Sonic Youth', category:'Grunge' }…

教訓 掲題の通り、1つの郵便番号に異なる住所が複数紐づいていることを知らずに実装してしまうというやらかしを発生させてしまったので自戒を込めてここにメモします📝 例) 郵便番号：0040000 2つ紐づいてる🙈 ... 北海道 札幌市厚別区 北海道 札幌市清田区 参考…

経緯 とある修正の影響範囲調査で色々やっていたときの備忘録です。 やり方 たとえばこんな感じ‍♀️ Method#source_location を使います Faker::Name.method(:name).source_location => ["/Users/fuqda/HogeApp/vendor/bundle/ruby/2.6.5/gems/faker-2.13.0/l…

経緯 Dockerをいじっていた際に必要になったけど、度忘れしてしまったので次は忘れないようにメモ ポート番号から使用しているプログラムを表示するコマンド lsof -i:ポート番号 を実行します $ lsof -i:3000 使用中のポート一覧を表示するコマンド 一覧を…

元記事 techracho.bpsinc.jp 所感 今までは同じく ActiveSupport::Testing::TimeHelpers の travel_to などを使用していました😇 もっと早く知りたかった... 使っていこう💪 before { freeze_time }