技術的な何か

GitHub Actionsでタイムロケールを設定する

チームでもGitHub Actionsを使ってみようか、という動きがある。1 Dateオブジェクトに関連するテストケースを単体テストに組み込んでいる。実行環境に応じてテスト結果が変わってしまうため、タイムロケールをJSTに固定したい、という場面があった。 調査し…

コード行数を数えたい

移行プロジェクトを進める前に、現状のコード量を解析したいと考えている。何かいい方法はないかなと思い、全ての答えが詰まっているTwitterで検索したところ、次のツイートを見つけた。 git diff --stat `git hash-object -t tree /dev/null` とかいうレポ…

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…

Gitに慣れていない人に「commitを分けるといいことあるよ」と伝える

最近Git操作についてレクチャーする機会が何度かあった。 そのとき「commitは分けましょう、というのはよく言われているけど、どうしてそうするべきなのかよく分からない」と言われた。 確かに言われてみると、Git操作に慣れていない段階だとcommitが大きな…

テストコード初心者にテストの書き方を教えるときのポイント

最近、JavaScriptでテストコードを書けるようになろう!というお題でモブプログラミング形式の勉強会をやっている。 遂に実務でテストケース + 実装でPull Requestを出せる人が出てきた。これだけで50%ペイした気持ちになっている。 詰まってしまう点とフォ…

駆け出しエンジニアとモブプログラミングして気づいたこと

色々あって会社内でWebフロントエンド技術を学ぶ勉強会をやることになった。Webフロントエンド開発の経験がほとんどなく、これからやっていくぞ!というメンバーと少数(2・3人くらい)で週一回集まって、お題に沿ってモブプログラミングするみたいな内容で…

Vue.jsのcreatedとmountedの違いを実コードで理解する

Vue.jsでアプリケーションを作る際、createdとmountedをよく利用する。しかし、いざ他人に違いを説明するときに「なんかわかってるつもり」だったかもと思うことがあったので調べ直した。Vue2.xも3.xも、createdとmountedについてはあまり変化はないように見…