azukiazusa のテックブログ2
【React】アクセシビリティに考慮したリストボックスを実装する
リストボックスにアクセシビリティ上求められる要件を確認した後に、React で実際に要件に従った実装をおこないます。
すべて
azukiazusa のテックブログ2
Qwik City でブログアプリを作る
Qwik City は Qwik のメタフレームワークです。React における Next.js、Vue.js における Nuxt.js のような関係と同等です。
stin's Blog
@vercel/og を使ってブログに動的 og:image 生成を実装した
Vercel で og:image の動的生成するなら一択 先日 Vercel から HTML\&CSS で画像を生成できるライブラリ @vercel/og が発表されました。 https://vercel.com/blog/introdu
stin's Blog
Firebase Auth, Firestore, Functions for Firebase でサクッと管理者権限を割り振る
Firebase のユーザーに個別に権限を割り振りたい要件は多そう。すでに似たような記事はたくさんありますが、自分も実装方法を調べたので文章にしておきます。 実装イメージ Firebase Auth のカスタムクレームを使用します。Fire
azukiazusa のテックブログ2
イベントのバブリングは DOM ツリーではなく React ツリーに従う
イベントのバブリングとは、ある要素で発生したイベントがその親要素まで伝播することです。React でポータルを使用した場合、DOM ツリー状親子関係でなかったとしても、React ツリー上親子関係であればイベントがバブリングされます。
azukiazusa のテックブログ2
【React】state のリフトダウンパターン
React において不要な再レンダリングを避けるためのいくつかのパターンを紹介します
blog.jxck.io
XMLHttpRequest とはなんだったのか
Fetch API の実装が広まり、IE もリタイアを迎えたことで、今後忘れ去られていくことになるだろう XMLHttpRequest について。どのように始まり、どのように広まり、どのように使われなくなっていくのか。その間に残した多大な功
azukiazusa のテックブログ2
Jest で beforeunload イベントをテストする
beforeunload イベントをテストする方法を紹介します
azukiazusa のテックブログ2
CSS 擬似クラス「:focus-within」
:focus-within は CSS の擬似クラスであり、その要素または子孫要素にフォーカスがある場合に一致します。
azukiazusa のテックブログ2
アクセシブルなダイアログに必要なこと
ダイアログをアクセシビルに実装するための要件を確認しましょう。
azukiazusa のテックブログ2
Sanitizer API で HTML を安全に使用する
ユーザーが入力した情報をそのまま表示するとクロスサイトスクリプティング（XSS）脆弱性につながる問題があることはよく知られています文字列の無害化はこのようにライブラリの実装に頼っている状況でしたが、WING により Sanitizer AP
azukiazusa のテックブログ2
Hono + Cloudflare Workers で REST API を作ってみよう
Hono は TypeScript/JavaScript のシンプルな Web フレームワークです。Hono という名前は日本語の「炎」に由来します。 Hono の特徴としては以下の点が挙げられています。 - ウルトラファスト - 依存
blog.jxck.io
HPKE とは何か
HPKE (Hybrid Public Key Encryption) が RFC 9180 として公開された。RFC 9180: Hybrid Public Key Encryptionhttps://www.rfc-editor.org
azukiazusa のテックブログ2
Fetch Upload Streaming でチャットアプリを作ってみる
Fetch Upload Streaming とは、ブラウザの JavaScript の POST リクエストで HTTP のストリーミングを行える機能です。より具体的には、Fetch API の `body` に ReadableStre
azukiazusa のテックブログ2
AngularJS のチュートリアルを React にリプレイスしてみた③
それではいよいよ、AnguarJS のルーティングモジュールである `ngRoute` を置き換えましょう。この置き換えが完了したら AngularJS を完全に取り除くことができます。
azukiazusa のテックブログ2
AngularJS のチュートリアルを React にリプレイスしてみた②
AngularJS のチュートリアルを React にリプレイスします。今回の記事では AngularJS のコンポーネントをすべてリプレイスして、angular-resorce の代わりに API クライアントを実装します。
azukiazusa のテックブログ2
AngularJS のチュートリアルを React にリプレイスしてみた①
AngularJS のチュートリアルを React にリプレイスします。
azukiazusa のテックブログ2
pnpm は npm と何が違うのか
pnpm は npm、yarn と並ぶ JavaScript のパッケージマネージャーです。pnpm と言う名前は「performant npm」に由来します。
azukiazusa のテックブログ2
MSW の実践活用例
msw の実践で活用する例を紹介します
stin's Blog
React + TypeScript 用の eslint セットアップメモ書き
Vite で立ち上げた React + TypeScript プロジェクトには eslint のセットアップはされていない。プライベートでちょっとライブラリを試すみたいなケースでしか Vite を使っていなかったので eslint なしで作