バックエンドとフロントエンドを分ける利点について書かれた記事 www.hexabase.com 見出しをまとめると以下 通信量の軽減 責任範囲の分離 開発体制の分離 リリース・デプロイの分離 テストの容易性 高い再利用性 変更が容易 バックエンドを開発しない選択肢…

eslintとprettierを両方入れているが、それぞれ独立したプラグインで設定がややこしいと感じていた そんな時、それを解決するBiomeというライブラリを知った biomejs.dev こちらの記事が参考になった zenn.dev 特徴としては 高速なformatterであり、Prettier…

クリーンアーキテクチャについての説明で「世界一わかりやすい」とあったので読んだら確かにわかりやすかったのでメモ www.nuits.jp クリーンアーキテクチャへの見解は以前書いた気がするが、お気持ち程度のことしか書けなかったので、今回の記事を読んでか…

『Domain Modeling Made Functional』を読んで、モデルを実装に関する個人的メモ Domain Modeling Made Functional: Tackle Software Complexity with Domain-Driven Design and F# (English Edition)作者:Wlaschin, ScottPragmatic BookshelfAmazon 関数に…

『Domain Modeling Made Functional』を読んで、ドメインのモデリングに関するメモ Domain Modeling Made Functional: Tackle Software Complexity with Domain-Driven Design and F# (English Edition)作者:Wlaschin, ScottPragmatic BookshelfAmazon 関数…

関数型DDDの実践本として話題の『Domain Modeling Made Functional』を読んだので 簡単な感想を書いておく Domain Modeling Made Functional: Tackle Software Complexity with Domain-Driven Design and F# (English Edition)作者:Wlaschin, ScottPragmatic…

関数型DDDの実践本として話題の『Domain Modeling Made Functional』を読んで個人的にメモったDDDのエッセンス Domain Modeling Made Functional: Tackle Software Complexity with Domain-Driven Design and F# (English Edition)作者:Wlaschin, ScottPragm…

去年の12月に date-fns のv3がリリースされた blog.date-fns.org 内容を確認してみると以下とのこと TypeScript に完全に書き換えた 実行時の型チェックが不要になった 最小サイズは 200 バイトになった 文字列引数が戻ってきた UTCDateなどの Date クラス拡…

Photoshopで簡単に写真から人物だけを切り抜きたい こちらの記事が参考になったので、自分用にメモ jp.imyfone.com ツールバーから、「選択範囲」＞「被写体を選択」をクリック →これだけで人物が自動に識別されて点線で囲まれる 微調整する場合は、「選択範…

イラレでイラストを描いていて、交差するパスで分割したいのだがどうやるべきかわからなかったので調べた ドンピシャで以下の記事が解説してくれていたので、自分用にメモ nippori30.hatenablog.com 交差するパスを選択 パスファインダーのパネルから、「ア…

Reactアプリケーションでパフォーマンスを上げるためにとりあえずメモ化をしていたが、メモ化の前に見直すべきポイントがないか調べた この時、dan氏のブログにまとまっていたので要点だけ自分でもまとめておく overreacted.io 見直し項目 productionビルド…

Object.keys を使う時、その戻り値の型が string[] になっているので、keyを使って何か処理をしたいときに string型として値を使わなければならない そのため、これまで以下のようにasを使って値を他の型に強制していたが、全ての使用箇所で付けなければなら…

Kent Beck氏によって提唱されたComposed Method パターンというデザインパターンを知った Composed Method パターンは Kent Beck氏が著書『Smalltalk ベスト プラクティス パターン P.21』の中で以下のガイドラインを考案 Divide your program into methods …

styled-components から CSS Modules に移行後に、Panda CSSというゼロランタイムのcssライブラリを知った panda-css.com なぜ Panda CSS なのかを読むと Panda は、サーバーファースト時代における CSS-in-JS の課題を解決することを目的とした新しい CSS-i…

先日、Next.jsで styled-components から linaria に書き換えてみることを行なったが、本番環境での利用は不安だったの一時中断した uga-box.hatenablog.com なので、今度はNext.jsがサポートしている css-modules に書き換えることを試してみた nextjs.org …

Next.jsではないプロジェクトでlinariaがうまくいったので、Next.jsの別のプロジェクトにも導入しようと考えた ↓Next.jsではないプロジェクトで導入した話 uga-box.hatenablog.com ただ、単純にライブラリを使えば良いというのではなく更新されていないライ…

注意 この記事の内容は作業メモですが、作業したのがlinariaバージョン4の時（現在はバージョン6が最新）のため、若干イントールするものやセットアップ方法が異なります。最新の情報はlinariaのドキュメントを参照してください。 これまでNext.jsではない単…

@takepepeさんがイベントで話されていた以下のスライドを読んだので、ざっくりまとめておく speakerdeck.com 書くべきだったテスト Router関連のテスト <Link />コンポーネントの遷移先 searchParamsの参照 ※query.fooが?foo=bar&foo=baz で["bar", "baz"](string[])</link>…