生成AI・Web開発 Chrome DevToolsでfetchを再送する｜ローカルAPIで200と400を調べる
失敗したAPI通信を、画面操作からやり直さず調べるには？ Chrome DevToolsのResendを使う手順と、200・400応答を返すローカル教材を紹介します。
JavaScript
生成AI・Web開発 
Web標準API scheduler.yield()とpostTask()入門｜重いJavaScriptでUIを固めない
重いループを小さく分けてブラウザへ制御を返すと、入力や描画が長時間待たされる問題を軽減できます。
Web標準API Navigation APIでSPAルーターを作る｜History APIとの違いとフォールバック
Navigation APIはリンク、戻る・進む、プログラム遷移を一つのnavigateイベントで扱えるSPA向けAPIです。
ブラウザAI Transformers.js v4で日本語の意味検索を作る｜ブラウザ内で埋め込みベクトルを計算
キーワードが完全一致しなくても内容の近い文章を探せる意味検索を、Transformers.js 4.2.0と多言語E5モデルでブラウザ内へ実装します。
ブラウザAI Transformers.js v4入門｜WebGPUで画像分類AIをブラウザ実行する
Transformers.js v4.2.0を使い、画像を外部の推論APIへ送らずブラウザ内で分類するアプリを作ります。WebGPUが利用できない環境ではWASMへ切り替えます。
生成AI・Web開発 WebMCP入門｜メモ検索をAIから呼べるWebアプリを作る
画面の検索とAIのツール呼び出しで、同じメモ検索関数を使うWebMCP入門。完成コードから起動し、成功例と失敗例を再現します。
ブラウザDB・ストレージ OPFS入門｜ブラウザ専用ファイルシステムへデータを保存する
localStorageとは異なるブラウザ専用ファイルシステムOPFSを使い、許可ダイアログなしでメモを保存するアプリを作ります。
Pyodide PyodideでブラウザPython実行環境を作る｜Windows 11でゼロから構築
Pyodide 314.0.5を使い、Pythonコードをブラウザ内で実行できるミニ実行環境をWindows 11で作ります。HTML・CSS・JavaScriptの3ファイルで、初期化状態、標準出力、例外表示、連打防止まで実装します。
Pyodide Pythonをブラウザで動かせるPyodideとは？仕組みと使い方を解説
Pyodideを使うと、WebサーバーでPythonを実行しなくても、ブラウザ内でPythonコードを動かせます。その仕組みと向いている用途を学び、入力した数値をPythonで計算するWebアプリを作ります。