バグ調査

Create React App 5.xでReactプロジェクトを作成するとmdx-js/loader 2.xが動作しない

React.jsとMDXを組み合わせて動かしたいな、という要件があり試したところ見事にハマった。 概要 Create React Appがバージョン5.xだとmdx-js/loader バージョン2.xが動作しない。MDXファイルが名前解決できずエラーとなってしまう。動作させるにはCRACOでCr…

バグを見つけるために意識すること

UIの表示崩れやAPIリクエスト時のエラーは「見てわかる」のですぐ気付ける。ただ、アプリケーションに関するドメイン知識が絡む部分のバグは見落としやすい。どうやって見つけようか? 意識している心持ち 「これってそもそもさぁ…」というひねくれた気持ち…

エラー文から逃げないようにする

デバッグ時にエラーログを見ることになるが、見るだけで「ウワ〜」となってしまう。初めての言語・フレームワークだとなおさら思ってしまう。 けど、これを辿る方が解決が早いので頑張る必要がある。 「うわ〜!みなかったことにしちゃお!」となるのを避け…

デバッグ時にバグを再現させる方法

デバッグするときにまず目指すのはバグを100%再現させることだが、調べるとっかかりがないと焦って闇雲にコードを変えてしまったりする。焦らないようにするため、注目する観点を整理する。 画面に関するデバッグ # 前提 「〇〇画面で××したとき▲になりまし…

デバッグするときの心得

自分は地道にデバッグするの好きなんだけど、少数派なのかもしれないと思ってきた。アプリが動作しないと設定を初期化したりすぐ(Nodeとか)バージョンアップしようとする人が意外と多い。— もふもふ (@froakie0021) 2022年5月27日 これは新卒のときの自分…

最近であった不具合メモ

保守していると長らく放置されていた不具合とかに出会うことがある。「あたし開発してないのに〜」と思っちゃうが、放置されていた不具合の原因はレビューやテストで重点的にチェックするべき箇所にできるはず!と前向きに考えるようにしている。 ということ…

タイムゾーンは考慮漏れがち

自分が保守 1 しているアプリケーション、画面に表示する情報は他企業が運営しているアプリケーションから取得している。 すでにリリースされている機能に「時刻を指定して、過去データのサマリを出す」ものがある。 これの改修に当たろうとしたとき、「あれ…

Mac OSをBig SurにアップデートしたらVisual Sutido Codeのシンタックスハイライトが動作しなくなった

忘れた頃にハマりそうなのでメモです。 Source Han Codeは結構前に入れたものなのでバージョンとか忘れちゃいました。 Visual Studio Codeは2021年1月05日時点の最新版を使っていました。 事象 個人利用のMacbook AirをBig Surにアップデートした。 その後Vi…