kostumブログ

勉強したことやノート代わりのアウトプットに使っています。

Web

新着順 人気順

Vue Fes Japan 2025に行ってきました

キーノート by Evan you in FitFits with hacomonoトラック at 10:10 去年よりもダウンロード数が増えてきている。 Alien Signal もう成熟したフレームワークだと思っている。 安定性とエコシステムの安定。 内側から改善。内部の再実装。 パフォーマンスの…

IndexedDB APIを知る② ~ IndexedDBを使う ~

前の記事 基本パターン ストアを作成および構築する データベースを開く ハンドラーの生成 データベースを作成またはデータベースのバージョンを更新する データベースを構築する キージェネレータを使用する データの追加、読み取り、削除 データベースにデ…

IndexedDB APIを知る①

IndexedDB API 主な特徴 IndexedDBデータベース IndexedDB IndexedDB APIは、ほとんどが非同期 IndexedDBは多くのリクエストを使用する IndexedDBはDOMイベントを使って、結果が利用可能になったことを通知する IndexedDBはオブジェクト指向 IndexedDBはSQL…

自動テストを実装してみた

はじめに 自動テストの基礎知識についてはここでは述べません。テストコードを書くときに注意したことについて、まとめました。 環境 ライブラリ・フレームワーク バージョン TypeScript v5.2.2 React.js v18 Next.js v14.0.4 jest v29.7.0 testing-library/…

Third Party Cookieの廃止 〜トラッキングプロテクションとWeb開発者への影響〜

Web

こんにちは。 今回、GoogleのChromeにおいて、Third Party Cookieをブロッキングするテストが始まるという記事を見て、どうゆうことなのか気になったので、色々と調べてみました。 ※ 以下の内容については、私が独自で調べた結果を記載しています。私自身、…

Web Storage APIを知る②

前の記事 kostum.hatenablog.jp 目的 Web Storage APIの仕様を知る。 結果 基本概念 Storageオブジェクトは、keyとvalueの組み合わせで、ページを読み込んでも存在し続ける。 keyは常に文字列で、これらにアクセスするには、オブジェクトと同様に、またはSto…

Web Storage APIを知る①

目的 Web Storage APIの仕様を知る。 結果 Web Storege API Coookieを使用するよりも直感的な方法で、keyと値のペアを保存できる仕組み Web Storageには以下の2つの仕組みがある。 sessionStorage ページのセッション中(ページの読み込みや復元を含む、ブ…

Cookieを知る

目的 Cookieの仕様を知る。 結果 Cookie サーバーがブラウザに送信するデータ ブラウザーに保存される その後のリクエストと共に同じサーバーへ送信される 一般的には2つのリクエストが同じブラウザから送信されたものであるかを知るために使用される 以下…