カクカクしかじか

技術的なアレコレ

ハマりどころ

Nuxt.jsのmiddlewareでredirect処理をする際はreturnを忘れずに

結論 未認証時にログインページに飛ばしたい時など、 redirectする際はreturnしないと後続処理に進んでしまうので注意しましょうという話。 Railsでも以下のようにreturnとredirect処理はセットだったので、よくよく考えればそう...(うっかりしがち) def sho…

inputタグのdate属性にmax="9999-12-31"を指定した方がいい件

結論 表題の通り、inputタグのdate属性にはmax="9999-12-31"を指定した方がメリットが大きいという話。 <label for="start">Start date:</label> <input type="date" id="start" name="trip-start" value="" max="9999-12-31" /> 嬉しいポイント 年に4桁以上入力させられなくなる max属性をつけると年を入力完了したら自動で月にタブ移動してくれるようになる

JestのmockReturnValueOnceがmockreturnvalueonce is not a functionになってしまう場合の解決法

経緯 該当の関数を jest.mocked(useStore) のようにモックしているのに、戻り値をモックしようとすると mockreturnvalueonce is not a function のエラーが出てしまいました... 関数だけモックしてもモジュール全体をパス指定してモックしないとダメなことが…

npmスクリプト実行時にオプション渡す方法で地味にハマった件

結論 npmスクリプトの実行時にオプションを渡したい場合は、オプションの前に「--」とスペースを入れると動く! うまくいかない例 $ npm run test --coverage=false うまくいく例 $ npm run test -- --coverage=false

Figmaのプレビュー表示で子コンポーネントが表示されない?

事象 解決法 子コンポーネントをcmd + opt + Gでグループ化すると表示された よくわからなかったこと コンポーネント化した親コンポーネント(♦️ダイヤのマークの要素)はフレームじゃなくても、プレビューに表示されていたのがよく分からなかった😇...