インストール npm i react-ga4 npm i react-cookie-consent コード import { Cookies, getCookieConsentValue } fro…

イントロ どうも、AIに代替されつつあるヒト、massu159です。 AIとは喧嘩せずに仲良くやっていきたいですね。 今回はCLSの改善というテーマでやっていきます。 経緯としては、Next.jsを…

発生した問題 　Rails に React を組み合わせて利用した時に、erb ファイルを更新した場合はクライアントの表示が変化するが、jsx ファイルを更新しても表示が変化しない。 環境 OS W…

Fragmentとは？ コンポーネント中の要素をまとめるラッパー機能。 並列に複数の子要素を返すコンポーネントの宣言に使う。 https://ja.legacy.reactjs.org/docs/f…

タイトルの通り、裏でpythonに計算してもらうWebアプリを作る準備です。 pythonでバックエンドを書けば楽に実装できますが、Railsを使ってみたかったので、こうしました。 実装方法さえわか…

前置き Electronは、Web技術を用いてクロスプラットフォームアプリを開発できる便利なフレームワークです。自分は主に複雑なUIが必要な中規模アプリの開発にElectronを使っています。 さて…

概要 ユースケースとしてあまり無いかもしれませんが、JavaScriptのMapオブジェクトをReactのStateで管理する場合、どう更新するのかというのがふと気になりました。 Mapオブジェクト…

はじめに Firestoreで行うリアルタイム更新 + 無限スクロールの実装第二弾です。 Typescript + Reactで作っていきます。 私が考えるに、これには大きく分けて２つの方法がありま…