【Chrome拡張】編です。今回はタブが新しく開けたりした場合にDOMの表示を待ってからjsでクリックさせたい時のノウハウを書きます。結論から書くと以下です。 const jsInitCheckTimer = setInterval(jsLoaded, 1000); function jsLoaded() { if (document.…

2020-04-27

【Chrome拡張】新規タブの読み込み完了をフックさせる方法

技術技術-Chrome拡張

【Chrome拡張】の開発についての記事です。タブが作成された時に、読み込み完了をさせてから処理を書きたい時の方法を書きます。結論のコードから先にのせておきます。 chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab){ console.log(…

2020-04-27

【Chrome拡張】background.jsの発火の確認方法

技術技術-Chrome拡張

background.jsのconsole.log などが出力されているのか、発火しているのか気になった時は、 chrome://extensions/に接続して、ここのビューを検証をクリックして、そこのブラウザでのconsoleをチェックしましょう！ビューを検証バックグラウンドページこ…

2020-04-17

docker + Rails + posgre の設定でハマった

技術

docker上にposgreのDBサーバを立ててRailsするぞの知見。出ていたエラーとか psql: FATAL: password authentication failed for user "posgre" $ docker exec -it 942a697dd914 bash $ su - postgres postgres=# ALTER USER postgres with encrypted passwo…

2019-09-30

【Ruby on Rails】enumとは？enumを使って可読性をあげてみよう

技術技術-RubyonRails

ども、櫻井広大です。 enumについて書いてみようと思います。 enumは使ってみると僕は便利だと思っているのですが、初学者からすると、一体これはどうやって使うんだ？とか、ちょっと抵抗があるなじゃないかと思ってましてそのハードルのようなものが取っ払…

2019-09-06

【Ruby on Rails】delegateの使い方【委譲は便利】

技術技術-RubyonRails

Ruby on Railsにおける便利なメソッドとして、 delegateがあります。こちらを使うと、メソッドチェーンをたくさん書く必要なく実装することができます。忘れずにrails guideのリンクも置いておきます。 Active Support コア拡張機能 - Rails ガイド delega…

2019-09-05

【Ruby on Rails】Rspecで行数を指定してテストを実行する方法

技術技術-RubyonRails

Ruby on RailsのテスティングフレームワークであるRspecを利用する際の行数を指定して実行する方法があります。 bundle exec rspec app/spec/test/test.rb:5 上記のように、最後に :10などのオプションを付与することで、その行のテストを実行することができ…

2019-08-27

【Ruby on Rails】Railsにおける inverse_ofについて

技術技術-RubyonRails

双方間の関連付けで、異なるオブジェクトを参照しないように指定するオプション。同様のレコードを見る、のようなイメージ。 Rails 4.1 以降は自動的に付与されるらしいが、関連付けにオプションが増えたりすると自動的につかないケースがある模様。 has_ma…

2019-06-21

【Ruby on Rails】カスタムレスポンスHTTPヘッダを付与する方法【noindexを指定する】

技術-RubyonRails 技術

response.set_header('HEADER NAME', 'HEADER VALUE') Rails5以前は以下の方法で書けるようです。 response.headers['HEADER NAME'] = 'HEADER VALUE' 実装例 class TestsController def index @books = Book.all response.headers['HEADER NAME'] = 'HEADER…

2019-04-04

Chrome拡張が思ったよりも簡単に作れるのを知って触ってみた

技術技術-Chrome拡張

ども、櫻井広大です。最近社内で思ったよりも簡単にchrome拡張が触れることを知ったのでやってみました。書いた github.com 実は２ファイルくらいで拡張機能って動かせるんですね。 manifest.jsonを用意して、動かすjsを置いてあげるだけ。詰まった .forE…

2019-03-06

【Ruby on Rails】be_falsyとbe_falseyとbe falseの違いについて【RSpec】

技術技術-RubyonRails

Ruby on RailsのテストをRSpecで書いているみなさん、どうも櫻井広大です。 be_falsy使っていますでしょうか。タイトルにもある、 be_falsy be_falsey be false の違いについて書きます！ RSpecでfalseやtrueの返り値のマッチャ be_falsy ということで、結…

2018-12-22

Railsにおける例外処理の考え方とテストでは何をテストするべきか？講座

技術技術-RubyonRails 技術-Ruby

こちらの記事は、くふうカンパニー Advent Calendar 2018の21日目の記事となります。くふうカンパニー Advent Calendar 2018 - Qiita 例外処理、みなさんどうするべきなのかちゃんと把握しているでしょうか？正直言います。ワタクシ、ちゃんと理解してい…

2018-12-07

Rails2年目のさく氏による, stimulus試した実践ガイド

技術技術-RubyonRails

どうも！くふうカンパニーアドベントカレンダー、7日目担当の@KotaSakurawiです。くふうのアドカレはこちらから▶︎くふうカンパニー Advent Calendar 2018 - Qiita 今日の記事は！フロント寄りの内容になります。Stimulusについて触る機会がありましたので…

2018-09-17

はじめてのプルリクエストを出してみよう講座

技術技術-git

ども、Sakurawiです。そういえば、プルリクエストって初めて出す時めちゃくちゃ怖くないですか？そんなあなたにこれくらい書いておけばひとまず、おーけーでしょう！ということを書いておきます。これだけは書いとけ！プルリクエストを出す時は、これだ…

2018-09-03

【VScode】ショートカットで相対パス relative pathをコピれるようにした

技術技術-環境

まずはこれをプラグインでいれる。 GitHub - enochcheung/copy-relative-path: A VS Code extension for copying relative path of the active file コード > 基本設定 > キーボードショートカットで、ここの次を開いてのファイルを開いて、間違わないよう…

2018-09-03

Ruby on Railsを使ってtwitterに画像付きtweetをするぞ

技術技術-RubyonRails

wip記事ですが、追記していきます。 Ruby on Rails使って、twitterにガンガン画像をあげてやろう、画像付きtweetをしようという記事です。 Twitter::REST::Request.new(@client, :post, "https://upload.twitter.com/1.1/media/upload.json", command: 'APPE…

2018-07-29

Railsでテーブルを追加するコマンド【migaration】

技術技術-RubyonRails

Ruby on Railsでテーブルを追加、migrationファイルを追加するコマンド、たまーにしか使わないのでいつも検索しちゃいます。どうせなので自分のブログにも残しておくことにしました。要点は modelを追加するとテーブルもmigrationファイルも、modelも生成…

2018-07-03

【gridlayout】-ms-gridが適用されない問題対応

技術技術-フロントエンド

grid layoutのcssをIE11に適用ようとした備忘録 display: -ms-grid; display: grid; grid-template-columns: 25% 25% 25% 25%; -ms-grid-template-columns: repeat(3, 25%); こんな感じで当てようとしたらあたりません。 CSS Grid Layout Module（IE対応) | …

2018-05-22