昔ながらのオブジェクト指向な言語で書かれてるのを読むのがつらいのってインスタンスを渡すからなのかも まず渡すインスタンスのクラスを作らないといけない 例えばconvertメソッドを持つConverterクラスなど Converterクラスのみだと扱いづらいのでインターフェース化して それを実装するFooConverterとかBarConverterとかを作ったり 今の時代 関数を渡せるんだからわざわざインターフェースやクラスを作らなくてもconvert関数をその場で作って渡せる こっちのほうがスッキリして見やすいし 関数だとスコープ的に作った場所から見える変数にアクセスできるのも良いところ

設定ファイルってどのフォーマットいいのかな 基本的にはJSONがシンプルかつ見やすいので好き YAMLは嫌い ただJSONで困るのはコメントが書けないところ 設定ファイルだと結構コメントが必要だったりする JSONCやJSON5があるけどJSONやYAML等に比べてマイナーだし少し抵抗がある 結局動的に分岐したり簡単な計算ができたほうがいいのでプログラミング言語として書きがち JSなら.jsファイルでPHPなら.phpファイルなど でもそれだと複数言語から使いたい場合に困る 設定ファイルを.jsにしておいてPHPからnodeコマンドを使ってJSONとして結果を受け取るみたいのはできれば避けたい

ShadowDOMが使えないところでCustomElementsを使っていたプロジェクトではquerySelectorを使うと子コンポーネントの内側も見えてしまうからCSS Modulesで生成したクラスを使ってquerySelectorのクエリを書くことで対処してた CSS ModulesがCSSだけに限らずコンポーネントのスコープを作るための名前を生成する機能も兼ねてる感じ だからスタイルが空のセレクタも多数存在する 最近のバンドラは空のものを除去したり(同じスタイルのクラスをまとめたり?)するから最新に更新できない かといって二重にクラスつけることもしたくない

if みたいな条件を書くところで更新を行う処理が入るのは好みじゃないので できるだけ書きたくないかな

Windows11だと起きない

Yarn(berry)をWindowsで使うとおかしくなる 適当なフォルダを「yarn init -2」で初期化 作られたファイルを全部削除 もう一度「yarn init -2」するとなぜかlockファイルがないようなエラーになる そのフォルダを削除しようとしたらエラー 予期しないエラーで ディレクトリが空ではありません というメッセージ エクスプローラーやコマンドプロンプトから見てもフォルダは空 隠しファイルやシステムファイルもない リソースモニターでフォルダ内のハンドル探しても見つからない 別フォルダでやると再現する ハードリンクとかシンボリックリンクのせい？

EdgeでサイドバーにGoogle翻訳出すのが便利かも サイドバーはタブ切り替えても固定されてるし ブラウザ組み込みの翻訳機能ってcodeとかのタグが入るとおかしくなるからドキュメント読むときには使いづらい ブラウザ拡張機能の翻訳はありだけどときどきちゃんと動かないページがあるしポップアップ系は見づらいときもある サイドバーだとこれらの問題がなくなる コピペの手間があるけど

.gitignoreって「foo/」と「foo/*」で意味違うみたい gitはフォルダを保存しないからフォルダ内のすべてが無視されるなら実質フォルダごと無視されて一緒だと思ってた 末尾以外に「/」があると.gitignoreファイルからの相対パスとして扱われるみたいで「foo/*」は.gitignoreと同じ階層のfooの中の全部のファイルを無視してる 「foo/」は末尾の「/」なので全階層のfooフォルダを無視してる 末尾「/」はフォルダのみに制限するためで「foo」というファイルも無視してよければ単に「foo」と書いても良いみたい

たまに見かけるシャローコピーとディープコピーの話 言語次第で違うとは思うけど let a = { foo: "bar" } let b = a これをシャローコピーと呼ぶのは違和感 a の参照を b に代入してるだけでコピーって感じはしない シャローコピーというと一階層のみのコピーでこれ let b = { ...a } ディープコピーは let b = structuredClone(a) もしくは再帰処理でプロパティをコピーするか JSON シリアライズしてパースで完全にコピーするもの GC頼りの言語で実体はメモリ上のどこかにあって 変数はそこへの参照って考えが前提なのかも

Chromium系はConsole Utilities APIの関数はglobalThisにあるけどFirefoxではglobalThisにない だけどvaluesだけでアクセスしたら参照できる