JavaScript

プログラミング・Web開発

JavaScriptのAbortControllerでfetchを中断する ― 通信のタイムアウトと後始末

JavaScriptのfetchをAbortControllerで中断する仕組みを、Node.jsのlocalhostサーバーで再現。AbortError/TimeoutErrorやHTTP 500との違いも解説。
プログラミング・Web開発

同じ4枚の画像から2つのマンガビューアを作る ― JSONでページ送りと縦読みを切り替える

4枚のPapandaマンガ画像と共通データを使い、PC向けページ送り版とスマホ向け縦読み版を作り分けます。ブログでは「データと表示を分離する」考え方を中心に解説し、実装コードはDaily Codeのライブデモとソースへ集約します。
プログラミング・Web開発

スマホの現在位置をブラウザで取得して地図に出す ― Geolocation API + Leafletを動かす

Geolocation APIで取得した緯度・経度をLeafletへ渡し、地図に現在位置を表示します。位置情報取得と地図描画の役割分担を観察します。