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 なしで作
azukiazusa のテックブログ2
Volar で Vuetify2.x の補完を効かせる
Volar + Vuetify 2.x を利用する場合、型定義ファイルを作成してグローバルコンポーネントを定義する必要があります。
azukiazusa のテックブログ2
【TypeScript】Zod でスキーマ宣言とバリデーションを実施する
[Zod](https://github.com/colinhacks/zod) は TypeScript first でスキーマ宣言とバリデーションを実施するためのライブラリです。 一度バリデータを宣言すれば、Zod が自動的に Typ
azukiazusa のテックブログ2
おまえら禁じられたインデックスアクセスを平気で使ってんじゃねえか！わかってんのか？『ランタイムエラー』が生まれたのは人間がコンパイラオプションに甘えたせいだろうがよ！
TypeScript 4.1 から noUncheckedIndexedAccess オプションが追加されました。このオプションは上記のような配列のアクセスやオブジェクトのプロパティのアクセスをより厳密にします。 具体的には、配列に対する
stin's Blog
React でキーボードショートカットを設定するためのカスタムフックを実装する
以前、『ポケットモンスターダイヤモンド・パール』の BGM をループ再生できる Web サイトを作成しました。 https://dp-soundlibrary.stin.ink/ この Web サイトの実装については過去に Zenn に投稿
azukiazusa のテックブログ2
Deno Web フレームワーク Fresh チュートリアル
Fresh は Deno 製の Web フレームワークです。事前のビルドを必要せず、エッジでレンダリングを提供するという特徴があります。また、Islands Architecture を採用しており、デフォルトではクライアントに JavaS