t28.dev

npm/Yarn どっちでも良いけれど、ちゃんと管理されていて欲しい プライベートでは npm 一択ですが、お仕事環境では「〇〇プロジェクトでは npm、△△ プロジェクトでは Yarn…

Immer で変更を加えたオブジェクトがどのような状態になっているかを確認したくなったので、メモ。 Immutable…

「 <a> で 新しいタブを開く ( target="_blank" を付ける) ときは、 noreferrer や noopener…

多分。(秒で弱気になる) クリップボードに何かしらの文字をコピーしたい欲が定期的に来るにも関わらず、いっつも調べ回ってるので、これで最後...は無理だけれど当分なしにしたい。 ソースコード (コピペ用) ソースコード (解説用) Clipboard API クリップボード API…

Gatsby用のキャッシュ構成を整理してNetlifyで設定するあれこれに根拠を添えたメモ

Next.js の リポジトリには Google アナリティクス 4（GA4）を使用するための Example が２つあります。 with-google-analytics with-google-tag-manager…

Cloud Firestore に新しいドキュメントを追加するときに SDK が自動で作成してくれる ID について調べたメモ。 実装を見る ID 生成は、 firebase-js-sdk#doc() で呼び出している AutoId.newId…

Firebase Storage にアップロードしたファイルをダウンロードするためのトークン(👇) は、 Stack Overflow によると期限切れにならない。 Firebase Storage tokens do not expire. They may be…

何かしらの Web ページを作成する時に「フォントどーしよー 😇」となるわけです。Web フォントでオシャに決めたくもあるけれど、パフォーマンスが ( 雑に省略 ) 。 となると、システムフォントを使って Web…

前記事の通り、 額に関わらず副業の所得があれば確定申告をした方がよい ことが分かりました。 この記事では極力、 国税庁のサイト を参照しながら、確定申告について整理していきます。 所得の種類 所得にも色々種類があって、副業による報酬は以下…

「副業するなら確定申告しなくちゃ」とか「確定申告は 2…

"React Hooks の deps にオブジェクトを渡す" の副産物 React Hooks の deps がどうやって行われているか、まで、実装を 適当に端折って 追う。 React Hooks の deps ってどうやって評価されてるの？ React…

deps について (復習) 関数コンポーネント内では副作用がある処理は useEffect(didUpdate) で書きます。 デフォルトでは didUpdate はレンダー毎に毎回呼び出されますが、パフォーマンスのために副作用が依存している変数を deps…

例によって UIT INSIDE に向けて、 Vue の Web components ビルドについて色々文書化しておく これを書いた時点の Vue3 は v3.2.21 defineCustomElement の概要 Vue v3.…

husky v6-v7 の違いを確認して安心 major update! そして闇の世界へ

Node.js の Release Phases/Plan を整理して、正しくLTSを使えるようになる

Web Components を開発するために使用するJavaScriptAPIを整理し、ライブラリの裏側で行われていることを分かった気になるための記事

google/zx の紹介と、zxの機能を活用した自分の使い方の紹介

Vue v3.2 で 提供された defineCustomElementの紹介と課題(子要素のSFCのstyleが適用されない)に対する私の解決策を紹介します。

Next.js の SSG によるビルド成果物を Firebase、GCS にデプロイするためにやっていることの共有

sendBeaconでjson形式のデータを送るtipをMDNのリンクと併せて紹介

vite で "Vue3 + "JSX" + TypeScript のビルド環境を構築するための極小メモ記事

Launch Eventが行われたLit2の背景・新機能・個人的に思う大事なポイントをまとめた記事

Node.js を使用するプロジェクトにおいて、git-hooks を実現するために husky、simple-git-hooks どちらを使うべきか考える記事

Prettier と ESLint を併用する根拠を公式ドキュメントを読みながら(自分が)納得する記事

React v17で提供される 新しいJSX Transformと以前のJSX Transformの違いを知って、pragma, import source optionが行っていることを理解する記事

ESLint と Prettier を組み合わせて使う方法とその根拠(公式ドキュメント)を整理して、安心して長いものに巻かれるようになる記事

Vue.js 内で web componentsを使おうとしたときに発生したwarnを解消するためのTips

新しいサイト用のsitemapを登録するにあたって、役割・仕様をざっくり調べました。

ブログを始めるために行った、Gatsbyのプロジェクト構築のあれこれをまとめました。