06javascript合宿 プログラミングJavascript練習コードHTML JavaScript勉強4日目:SWRキャッシュ/デバウンス&スロットル/並列fetch/アクセシビリティ 今日のゴール **SWR(Stale-While-Revalidate)**で「速い+新しい」を両立 入力はデバウンス、スクロールはスロットルでスムーズに Promise.allで並列fetch 状態メッセージをaria-liveで読み上げ対応すべてバニラJS + ESM(ES Modules)で実装します。外部ライブ... プロコム開発チーム
06javascript合宿 プログラミングJavascript練習コード合宿 JavaScript勉強3日目:fetchエラーハンドリング&リトライ/ESM/フォーム検証 1) fetch のエラーハンドリング&リトライ 要点は3つ: HTTPエラーは res.ok を見る(200–299 以外は例外扱い) ネットワーク/タイムアウト/5xx をリトライ(4xxは通常リトライしない) タイムアウト+指数バックオフ+ジッターで“優しく再試行” サンプルでは api.js に fetchWi... プロコム開発チーム
06javascript合宿 プログラミングJavascript練習コードHTML JavaScript勉強 2日目:小さく分けて、配列を味方に、そしてデータを取る 今日のゴール 関数を小さく分ける設計感覚をつかむ map / filter / reduce の「雰囲気+使いどころ」を体感 fetch でAPIからJSONを取り、画面に表示 1日目のカウンターを発展させて、ToDoアプリを完成(localStorage保存) 1. 関数は「小さく」「役割ひとつ」 まずは“その関数、... プロコム開発チーム
06javascript合宿 プログラミングJavascript練習コードHTML JavaScript勉強 1日目:まず「動かす」→「触る」→「わかる」 今日のゴール ブラウザで Hello, JavaScript! が出る ボタンをクリックして数字が増える(DOM操作) つまずいたら自分で原因を見つけられる(DevTools/console) 0. 環境準備(5分) ブラウザ:Chrome(Edge/Safari でもOK。この記事はChrome基準) エディタ:VS... プロコム開発チーム