naturalclar.dev - #tooling

Naturalclar (Jesse Katsumata)

Author: Naturalclar (Jesse Katsumata)

Eslint/Prettier から biome に移行

Eslint/Prettier から biome に移行する際のメモ。 biome のインストール 設定ファイルの生成 package.json の scripts に biome のコマンドを追加

Windows の PowerShell で dotfiles にある neovim 用の init.vim を設定する方法

最近 Windows で開発するようになったのでメモ。 普段は自分のdotfilesの .config/nvim/init.vim に nvim の設定を入れており、mac, linux はそれを読み込むようになっている。 Windows では "$env:USERPROFILE\AppData\Local\nvim\init.vim" においておくことによって nvim 起動時に init.vi...

pnpm で node_modules 内のパッケージにパッチを当てる方法

プロジェクトで node_modules の中にある特定のパッケージに変更を加える必要がある場面に直面した。 以前はパッケージマネージャとして yarn v1 を採用していて、その時は patch-package を使うことで対応することができた。 patch-package を使う際はまず node_modules の中身のファイルを必要に応じて書き換えて、その後に以下のコマンドを使うことでパッ...

Cleaning up unavailable XCode simulators

最近 Macbook の容量がいっぱいになっていたので、ncdu を使って何が容量を食っているかをしらべてみたところ、 XCode の iOS Simulator が容量を食っていることが判明した。 XCode の iOS Simulator 自体は普段の開発で使っているので問題無いとして、どうにかして必要ないものを削減できないかどうか調べていたところ、 XCode の Update 時に発生した...

テンプレートファイルを楽々作成する

React Native で開発していて、新しい Component を作成するとき、どういうファイルを作成するでしょう。 React を Import するので、当然、全てのファイルには と入ります。 基本的にはViewで Component を囲むし、何かしらの Style もつけるため、StyleSheetも必要となります。 class component か、function compon...

Chrome Developer ToolsのConsole

Chrome Devtool でパッと document 上の全てを検索できるようになりたい人のメモ 参考 検証ツールを開く。 検証ツールの console を開く $_ は console 上で実行した直近の結果を返す。 $0, $1, $2, $3, $4 には最後に検証された DOM Element が入る。 $0 からは一番最後に検証した DOM Element が帰ってくる。 docum...