通常、Jestのcontextはglobalで定義してたりするので、ESlintのno-undefで怒られる。そのファイルのなかで const context とかしてないので、「contextってなんだ！」みたいなことですよね。 なので、ESlintの設定で、context という変数はglobalで定義され…

要件 ・viewはslim ・可変なliが渡ってくるsidemenuでもっとみる/とじるをぬるっと動かす とりあえずviewはこんな感じ - unique = SecureRandom.hex(8) .show-more[data-controller="show-more"] input.show-more__check[type="checkbox" id="show-more__che…

dockerを使っている状況で、 「このsql手元でdumpして使って〜」 と言われた際に、どうやってやればいいのか分からなかったのでメモ。 dockerコンテナのなかにsqlファイルをcpする プロジェクト内に一旦sqlファイルをおいておく。あるいは適当なフォルダのpa…

HTTPはアプリケーション層の最上位に存在する HTTPの基本方針 ■HTTPはシンプル： - HTTP/2からメッセージをカプセル化させるようになったものの読みやすいよう考慮された作りになっている ■HTTPは拡張可能 - HTTPヘッダーによって拡張が可能。新しいヘッダー…

結論としては、Google Tag AssistantというGoogle Chromeの拡張機能を使うことで、実際の画面を見ながら想定通りのタグが表示されているかを確認することができます。 残念ながらぱぱっと自動化することはできず目検でやるしかないです...。 具体的な方法 ・…

Ruby on Railsで複合indexをつくりたいとき add_index :friends, %i[user_id target_user_id], unique: true みたいなことをします。 ちなみに↑は大丈夫なケースですね。 アカン場合 add_index :random_selected_user_accounts_logs, %i[id created_at], uni…

こういうテーブルがあるときに create_table :user do |t| t.string :uuid t.string :title t.timestamps end あ！description列が欲しい...！ ってなったら以下の通り差し込む( add_column )することができます。 add_column :user, :description, first: t…

RailsのActionMailerでレイアウトを編集するときに、いままではletter_opener_webで確認していたけど、普通に面倒くさいので調べたら、普通にRailsで標準機能がありました...。 railsguides.jp 実際に書いてみる 今回はHogeMailer.rb ## ActionMailerのレイ…

コードを書いていて辛い時、それは「リファクタ」です。 工数が余計に必要になること バグを踏む可能性があること 最終commiterが自分だったとき などなど、辛いポイントがたくさんあります。 そんな辛い出来事をこれ以上増やさないためにできることは、「い…

" data-en-clipboard="true"> " data-en-clipboard="true"> Vuex + TypeScriptを実現するにあたって、vuex-module-decoratorsの採用は2019年現在最適解な気がします。 vuex-module-decoratorsは端的に言えば、TypeScriptでVuexを書くためのパッケージ https:…

Ruby on Railsのroutes.rbではHTTPメソッドを使ってしてroutingを定義することができる。 メソッド 意味 GET リソースの取得 POST 子リソースの作成、リソースへのデータ追加、その他処理 PUT リソースの更新、リソースの作成 DELETE リソースの削除 HEAD リ…

" data-en-clipboard="true"> " data-en-clipboard="true"> " data-en-clipboard="true"> " data-en-clipboard="true">結論、 LIKE と % を使うことで簡単に抽出することができます。Google検索で特定の文字列で検索するイメージに近いです。 例えばこういう…

typescriptはご存知の通り型(Class)を宣言しないといけないです。 numberやstringなら簡単ですが、HTMLInputElementのValueならどうでしょうか？しかも、多くの場合$event.target.valueなどのかたちでdataを引き回すので、どのように型宣言すればいいのか分…

" data-en-clipboard="true"> " data-en-clipboard="true"> " data-en-clipboard="true"> " data-en-clipboard="true">思ったより解決策が思いつかなかったのですが、Vue.jsのissueに一発解決策があったのでここにメモします。 # Case「親から子に対してFunc…