フロントエンド JavaScriptでpipelineもどきを実装する
TC39にて議論されているpipeline operatorについて現行のJavaScriptで実装しました。利便性・可読性が良くなる実装内容です。
フロントエンド
フロントエンド 
フロントエンド 【TypeScript】ArrayにObjectが代入できてしまう問題に気をつけよう
TypeScriptでArrayにObjectを代入できてしまう問題に出会った経験談です。TypeScriptを入れているから型周りは大丈夫だろうと盲目的になるのはよくないと思いました。
フロントエンド ReactからNext.jsに移行したらマルチサーバーが原因で詰んだ話
ReactからNext.jsにプロダクトを移行させた際に発生したインシデントとその解決方法についてです。いずれもマルチサーバーでの運用が原因になったものです。ホスティングサービスを使わず自前でホスティングしている方の参考になれば幸いです。
バックエンド localhostでhttpsを使いcookieを発行する方法
rails APIモードやSPAなどを用いたJamstack構成ではcookieをどのように発行すれば良いか分からなかったので、調べて実装してみました。本番環境と条件分岐が必要なく、また、ローカル環境を一切汚さずに実装できますので、是非読んでいただけると嬉しいです。
フロントエンド モノレポでhusky, lint-stagedをセットアップ
モノレポ構成でhusky, lint-stagedをセットアップする手順を紹介しています。公式ドキュメント等でモノレポでの方法がなかなか見つからなかったので参考にしてみてください。
フロントエンド TypeScriptのoverloadでシグネチャの場合分けを実現する方法
typescriptで関数を作る際に便利なoverloadについて紹介してます。引数・戻り値の型を制限したい際に便利ですので、是非身につけてtypescriptの恩恵をフルに受けられるようになりましょう。
フロントエンド 【React】なぜe.persist()が必要なのか
reactでe.persitをよく理解せずにひとまず使っていたので、勉強してみました。e.persitの役割や必要性について解説しています。e.persitをなぜ使ってるのか知らない方は是非読んでみてください。
フロントエンド 【React】twin.macro × TailwindCSSで爆速開発を行う方法
twin.macroを用いて、TailwindCSSをCSS in JSとして扱うことで、開発体験を向上させる方法を紹介しています。
フロントエンド 🪦CSS in JSでパフォーマンスがめちゃくちゃ悪くなった話
ReactでCSS in JS ( makeStyles )を使っていてパフォーマンスを悪化させた時の原因と対処法。
フロントエンド React + Vite + TypeScript + Docker docker-compose セットアップ 備忘録
爆速viteを用いたReactの設定方法。もちろんTypeScript, Dockerはマストで