CLSmoothのブックマーク - はてなブックマーク

【Next.js】Google Analytics も YouTube iframe 埋め込みも公式ライブラリでいけるようになるぞ
【Next.js】Google Analytics も YouTube iframe 埋め込みも公式ライブラリでいけるようになるぞちょっと株式会社 Advent Calendar 2023 12 月 24 日の記事です。みなさんこんにちは、chot Inc. の Web エンジニアです。 Next.js で Google Analytics を導入するとき、どうしていますか？僕は毎度「nextjs google analytics」でググって「こうやるのか〜」と適当に作っています。本当にちゃんと計測されているのか疑心暗鬼です。また、YouTube の iframe 埋め込みはどうでしょう。普通に iframe を埋め込むと PageSpeed Insights のスコアをごっそり奪っていきます。恐ろしいですね。これらのサードパーティリソースを SPA である Next.js に導入
CLSmooth 2023/12/25
リンク
【React】useMemo の使い時をまとめる
chot Inc. で Web エンジニアをしているすてぃんです。今回は社内で useM emo の使い時がわからんという話題が挙がったので、ケースによる使い時と解説をまとめました。コードレビュー時などの参考になれば幸いです。結論値の計算量が大きい場合: 使う値の計算量が小さい場合値が primitive の場合: 使わない値がオブジェクトや配列の場合値をスコープ外に持ち出す場合: 使う値をスコープ外に持ち出さない場合: 使わなくてもいい値が関数の場合: useCallback を使う色々条件あってよくわからんという場合: 使わなくていいです前提知識 useM emo とは useM emo は次のような型で定義される React Hooks の 1 つです。第 1 引数で渡す関数 factory の戻り値と useM emo 自体の戻り値の型が一致しています。それもそのはず
CLSmooth 2023/04/21
リンク
GitHubのREADMEの見た目をイケてる感じにする
どうも、hanetsukiです。 GitHubにはアカウントそれぞれにREADMEを乗せられるリポジトリがついているのはご存知でしょうか？以前から簡易的なプロフィールは掲載していたのですが、訪問していただいた方に「おっ！」っと思わせるようなREADMEにしたいと思い更新することにしました。今回更新するにあたって何を使ったのかというのを忘備録的に残していきます。これが今回完成したREADME 詳しいソースコードは、リポジトリをご覧ください。 Skill Icons 自分が持っているスキルなどを表示するときに便利。他にもお気に入りの言語や、今学習の言語という使い方もできそうですね！詳しい利用方法は、https://github.com/tandpfun/skill-icons#readme をご覧ください Badge Generator Zennのフォロワー数の記載に利用しています。
CLSmooth 2022/11/22
リンク
1