Storybookのファイル内play関数をJestでまとめて実行する
大量のplay関数を一つ一つ実行するのが手間 Storybookのplay関数をJest側で実行する際にplay関数を一つ一つ選択して実行するのが手間だったため、ファイル内のplay関数まとめて...
1
0
Comment0
21 search resultsShowing 1~20 results
Stocked
You need to log-in
ReactHooksでDeepCompareしてレンダリングを抑制する
意図しないタイミングで大量に再レンダリングが発生 useEffectやuseMemoを使う際、複雑な構造のObjectやArray型を第2引数に指定すると意図しないタイミングで再レンダリングが走...
3
2
Comment0
Storybook8 + React17の環境で "Cannot find module 'react-dom/client'" のエラー
Storybook8 + React17の環境を作ろうとした際に Cannot find module 'react-dom/client' のエラーが発生しそのままではうまく動かなかったため、...
0
0
Comment0
i18nextをマルチインスタンスで利用する
通常の使用方法だと多言語対応のみにしか使えない 本来のi18nextの使い方とは異なりますが、特定環境の場合にのみいくつかの文言を変更する必要があり、その実装のためにi18nextを利用しました...
0
0
Comment0
Next.jsでgetServerSidePropsの実行を初回のみにする
Next.jsでgetServerSidePropsを実装した際、想定とは違うタイミングで実行され問題が発生したため、初回アクセス時のみに実行されるよう実装を進めました。 前提環境 next.j...
0
0
Comment0
テスト用のmockデータをフロントで手軽に作成
はじめに この記事はHRBrain Advent Calendar 2022カレンダー2の12日目の記事です。 フロントエンドエンジニアの川口です。 本記事ではJestでのユニットテストやSto...
26
1
Comment0
Nuxtで本番リリースした際にのみスタイル崩れ
Nuxtで運用しているサービスで productionビルドリリース したもののみスタイル崩れが発生する、という不具合に遭遇。 詳しく調査した結果、スタイル適用順序がproductionビルドと...
34
18
Comment0
Huskyを入れてもgitのhookが動かない
husky@4.2.1 + lint-stagedでpre commit時にprettierを動かそうとしたんだけどうまく動かなかった。 $ ls .git/hooks してみてもhookが生成...
4
2
Comment0
babel-polyfillによって使用可能になる処理まとめ
こちらの書き直し記事です。 babel-polyfill導入で使用可能になる処理を把握しやすいようサンプルと共にまとめてみました。 具体的なまとめはカテゴリごとに別記事にして分けてます。 bab...
5
7
Comment0
babel-polyfillによって使用可能になる処理一覧
↓↓の記事で新たに書き直してますのでこちらへどうぞ babel-polyfillによって使用可能になる処理まとめ 以下は古い記述です。 https://github.com/babel/babe...
23
16
Comment2
Docker内のNode.jsサーバーでファイルの変更を検知して自動再起動
docker-composeで構築した環境の中でNode製アプリを実行。 その際にコード修正後のアプリ自動再起動に苦労したのでメモ。 使用したライブラリ Docker: version 18.0...
1
1
Comment0
babel-polyfillによって使用可能になる処理まとめ・Object編
こちらのObject編。 Object.create() ES6 Object.create() メソッドは、指定したプロトタイプオブジェクトおよびプロパティを持つ、新たなオブジェクトを生成しま...
3
2
Comment0
ReactでできるだけシンプルにForm実装
Reactのフォーム実装で消耗したのでライブラリ等使わずにできるだけシンプルにフォーム実装する方法考えてみた。 方針 項目ごとのリアルタイムなバリデーションやエラー表示はしっかりやる state...
36
26
Comment3
ReduxでAPIから取得したデータを保持するのが嫌になったのでaxiosで保持してみた
ReduxのGlobalStateでAPIのデータを保持するか否か Reduxではredux-thunkやredux-sagaを用いてaction内でAPIリクエストした結果をGlobalSta...
14
4
Comment0
Webpackでnode_modules配下のライブラリを自動でCommonsChunkPluginに指定して出力
WEB+DB PRESS Vol.99のWebpack2特集を読んでいてCommonsChunkPluginの説明が物足りなかったので書いてみた。 偉そうなこと言ってますが実は公式ドキュメントに...
4
6
Comment0
axios-mock-adapterで許可したAPIのみmock化する
実開発では使いづらい axiosにはaxios-mock-adapterという便利なmock化ライブラリがありますが、そのまま使うと全てのリクエストがmock化されてしまうため、APIが並行開発...
33
25
Comment0
Webpackで環境ごとにLoggerのLogLevelを設定
Webpackを使って環境ごとにJSをビルドする際、環境変数 NODE_ENV を参照してLoggerのLogLevelを変更する。 Webpackバージョン: 3.0.0 Loggerライブラ...
2
2
Comment0
Google Apps Scriptを使って一度に大量のメールを送信
Googleフォームで飲み会やレセプションの出欠を取った際、入力してくれた全ての人に返信メールを送りたいと思う人は多いはず。 本記事ではそんなGoogleフォームにおいて、GoogleAppsS...
6
7
Comment0
SailsのRoutes定義方法まとめ
Sailsバージョン：0.9.16 config/routes.jsでroutesを定義する際、やり方がいろいろあったのでちょっとまとめてみる。 config/routes.js // /use...
6
7
Comment0
Sailsでデフォルトの設定値を変更する
Sailsバージョン：0.9.16 sails/lib/configuration/defaults.js内で定義されているデフォルトの設定値を変更する。 これを使うとモデルやコントローラーのパ...
3
3
Comment0
21 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles