Routing rules now available on AI Gatewayほか — Web Dev Digest: 2026‑07‑02
Top 20
Routing rules now available on AI Gateway
Source: Vercel Changelog | Published: 2026-07-02 09:00 JST
- Vercel AI Gateway に「ルーティングルール」が追加され、アプリケーションコードを触らずゲートウェイ側で LLM モデルの利用先を書き換え・拒否できるファイアウォール型制御が可能になった
- Rewrite ルールは 1 つのモデル指定を別モデルへ透過的に置換し、モデル停止・廃止・コスト最適化の際にコード変更なしで全リクエストを即時再ルーティングする
- Deny ルールは指定モデルへのリクエストを 403 で拒否し、組織が使用禁止としたモデルの誤呼び出しを止める
- ルールは Vercel CLI で管理し、BYOK・モデルフォールバック・プロバイダ許可リストなど既存設定は宛先モデルにも継続適用される
- 現在ベータ提供で、公式は「モデル停止時にコードをデプロイし直す運用を、1 ルールの push に置き換えられる」と説明している
Amazon Bedrock AgentCore increases default runtime quota limits
Source: AWS What’s New | Published: 2026-07-02 07:00 JST
- Bedrock AgentCore Runtime のデフォルトクォータが大幅に引き上げられ、エンタープライズ規模の並行セッションを追加申請なしで捌けるようになった
- 米国リージョンは同時アクティブセッション 5,000、それ以外のリージョンは 2,500 まで拡張された
- 全リージョン共通で、エージェント呼び出しは秒間 200 リクエスト、新規セッション作成は秒間 25 まで許容される
- 従来は本番投入時にクォータ引き上げ申請が必要だったが、標準値のままスケールできるためエージェント本番展開の摩擦が減る
- 追加コストなしで即日適用され、既存の AgentCore Runtime 利用者はそのまま新上限を受け取る
Amazon CloudWatch supports creating alarms directly from log queries
Source: AWS What’s New | Published: 2026-07-02 06:30 JST
- CloudWatch がログクエリ結果に対して直接アラームを設定できるようになり、これまで必須だったメトリクスフィルタ経由の中継が不要になった
- 利用者はログクエリを書いて閾値を指定するだけで通知が作れ、フィルタ設定・メトリクス化・アラーム化の 3 ステップが 1 ステップに縮む
- 通知先は SNS と EventBridge に対応し、既存のアラート配線（Slack・PagerDuty など）へそのまま接続できる
- 対応リージョンはほぼ全ての主要商用リージョンで、追加サービス契約なしで CloudWatch 単体で完結する
- エラーログや特定パターン検出のアラート運用における「アラーム到達までのラグ」と「メトリクスフィルタ数の上限」という 2 つの実運用上の詰まりが同時に解消される
Amazon ECS launches real-time deployment observability in the AWS Management Console
Source: AWS What’s New | Published: 2026-07-02 05:48 JST
- ECS のデプロイ状況が AWS マネジメントコンソール上でリアルタイムに可視化され、フェーズ・イベント・タスク進捗が単一のタイムライン UI で追えるようになった
- サーキットブレーカーの状態、ヘルスチェック結果、CloudTrail 連携がコンソール上に統合され、複数ツールを横断する必要が減る
- ローリング更新・Blue/Green・External デプロイのいずれでも同じ UI でイベントログを時系列で確認できる
- 障害時のトリアージが「どのタスクがいつ落ちたか」の再構築ではなく、コンソールを開くだけで即座に判別できるようになる
- 追加課金はなく、既存の ECS サービス利用者は設定変更なしで新しい観測 UI をそのまま利用できる
Cloudflare、AIボットによるコンテンツ利用の用途別制御機能と、エージェントによるWebリソース利用への課金基盤を発表
Source: gihyo.jp | Published: 2026-07-02 17:19 JST
- Cloudflare が「Content Independence Day」1 周年に合わせ、AI ボットのアクセスを「検索」「エージェント」「学習」の 3 用途に分けて制御する機能と、AI エージェントに対する Web リソース課金基盤を同時発表した
- サイト運営者は 1 つのブロックではなく、検索クロールは許可し学習は拒否するといった用途別ポリシーを Cloudflare ダッシュボードで設定できる
- 広告収益で成立している記事ページを AI エージェントから守るための「広告収益ページ保護」オプションが全プランで有効化された
- 課金基盤「Monetization Gateway」は x402 オープンプロトコル上のステーブルコイン決済で、独自の決済スタック実装不要で API・ページ・データセット・MCP ツールに従量課金を掛けられる
- 記事は「1 年経ち、AI エージェント時代の Web 経済圏を成立させるインフラが公式パターンとして揃った」と評価している
Mastra Announce: Durable Agents で「切れても続く」エージェント実行が標準機能に
Source: Zenn | Published: 2026-07-02 13:23 JST
- TypeScript 製エージェントフレームワーク Mastra が Durable Agents を標準搭載し、途中でネットワークやプロセスが切れても実行が継続する耐障害エージェントが公式パターンになった
- 実行状態は自動的にチェックポイント化され、プロセス再起動や無停止デプロイをまたいでも同じ会話・ツール呼び出し途中から再開する
- 従来ユーザ側で自前実装していた「再開キュー」「イベントストア」「進行中トランザクション復元」が Mastra ランタイム側に取り込まれた
- 長時間走るワークフロー系エージェント（レポート生成、バッチ処理、監視エージェント）で SLA と再現性の担保が容易になる
- Mastra の公式アナウンスに基づく解説記事で、既存の Mastra エージェントを Durable モードへ移行する際の設定変更点も紹介されている
CloudflareがAIボットを「検索」「代理操作」「学習」など種類ごとに制御する仕組みを公開、無料プランでも「検索は許可、AI学習は拒否」を設定可能
Source: GIGAZINE | Published: 2026-07-02 14:15 JST
- Cloudflare が AI ボットのアクセス種別を「検索」「エージェント代理操作」「学習」に分類し、それぞれ個別に許可・拒否できる仕組みを一般公開した
- 無料プランを含む全ユーザで「検索は許可、AI 学習は拒否」といった用途別ポリシーを設定可能で、Pro/Business/Enterprise の上位プラン限定機能ではない
- 従来の「AI ボット一括ブロック」では検索インデックス経由の流入まで失っていたが、用途別制御によって発見可能性と学習利用の遮断を両立できるようになった
- 広告収益で成立するページの保護オプションが追加され、AI エージェントによる広告インプレッション未発生のスクレイピングを個別に遮断できる
- 記事は「Content Independence Day 1 周年に合わせた発表」と位置づけ、AI トラフィック時代のサイト運営者の実務的な選択肢が広がったと報じている
AIがウェブサイトに訪問するたびに課金できるシステム「Monetization Gateway」をCloudflareが発表
Source: GIGAZINE | Published: 2026-07-02 12:10 JST
- Cloudflare が「Monetization Gateway」を発表し、AI エージェントや自動ソフトウェアが Web ページ・データセット・API・MCP ツールにアクセスするたびに課金する仕組みを構築できるようになった
- 決済は x402 オープンプロトコル上のステーブルコイン決済で完結し、サイト側は独自のクレカ処理や決済スタックを持たなくてよい
- 有料コンテンツ・有料 API・有料 MCP ツールを Cloudflare の背後に置くだけで、AI 側のアクセス単位に応じた従量請求が可能になる
- 現在はウェイトリスト形式で、Cloudflare が想定する主な利用者はニュースサイト・データプロバイダ・MCP ツール開発者
- 従来の「robots.txt でブロックする / 見逃す」の二択に、「アクセスは許可した上で対価を受け取る」という第三の選択肢が公式基盤として登場した
Adobe FlexのActionScript 3を、TypeScriptと比較して理解する
Source: Zenn | Published: 2026-07-02 17:32 JST
- Adobe Flex のロジック層である ActionScript 3 を、現代の TypeScript 開発者向けに TypeScript との対比で読み解く記事
- ActionScript 3 は Flash Player 上で動く静的型付きオブジェクト指向言語で、TypeScript と同じく ECMAScript 4 系の型システムを参照している点で系譜が近い
- MXML が UI 構造、ActionScript 3 がイベントハンドラ・データ通信・ドメインロジックという役割分担で、React + TypeScript の JSX と ts ファイルの関係に対応する
- 変数宣言・クラス定義・型注釈の書き方を並べて比較し、Class 継承・interface・namespace（package）の対応関係を示している
- 「ActionScript 3 は当時としては先進的で、TypeScript の設計にも影響を残している」というのが著者の結論
AstroのフォームにCloudflare Turnstileを導入してbot対策する
Source: Zenn | Published: 2026-07-02 11:39 JST
- Astro のコンタクトフォームに Cloudflare Turnstile を導入し、bot 送信を実運用レベルで遮断する手順を解説
- クライアント側にウィジェットを埋め込むだけでは不十分で、サーバ側で Turnstile 発行トークンを Cloudflare の siteverify API に POST 検証する二段構えが必須と結論
- Astro のフォーム Action 側で fetch により siteverify を叩くサンプルコード、および環境変数によるサイトキー / シークレットキーの管理方法が具体的に示されている
- 検証失敗時のエラーハンドリング、Cloudflare ダッシュボード側の Turnstile ウィジェット作成手順まで含めて全体像を通しでカバー
- 「ウィジェット表示だけの実装」でよくある取りこぼしを避けるための、Astro + Turnstile 実装の完成形として使える構成
ベクトルDBの再インデックス地獄を回避！TypeScriptで実現する「ゼロダウンタイム・モデル移行」
Source: Zenn | Published: 2026-07-02 07:25 JST
- 埋め込みモデルを差し替えるたびに全ベクトルを再インデックスするコストと停止時間を、TypeScript 実装のダブルライト＋シャドウ検証で回避する設計を解説
- 新旧モデルの埋め込みを同一レコードに並列保存し、書き込み時は新モデル、検索時は当面旧モデルで返して精度を比較検証する手順を採る
- 検証で新モデルが上回った時点で読み取りを切り替え、旧ベクトルは非同期でパージする「一方向トグル」で切り戻しリスクを最小化する
- ベクトル DB スキーマの分離設計、TypeScript 側でのモデル選択レイヤ抽象化、進捗計測と失敗リカバリの実装ポイントが示されている
- エンタープライズ向け RAG で頻発する「モデル更新に踏み切れない」問題に対する再現可能な設計パターンを提示している
ツリー × ステップ構造のノード設計と Fastify での実装【第 3 弾】
Source: Zenn | Published: 2026-07-02 01:28 JST
- Fastify + TypeBox + PostgreSQL 構成で「ツリー構造とステップ順序」を両立するノード設計の第 3 弾で、JWT 認証とコアノード CRUD の実装を解説
- ノード種別は「task（任意順の並び替え）」と「phase（ステップ番号による固定順）」の 2 種類を持たせ、両者を単一テーブルで扱う
- DB 上はフラット構造で保持し、取得時に再帰クエリでツリーを再構築するパターンで、循環参照検出ロジックも合わせて実装
- TypeBox スキーマから型・バリデーション・OpenAPI ドキュメントを一括生成し、Fastify のルート定義から型安全な CRUD を組み立てている
- 記事末尾に「型スイッチが必要な場面での discriminated union の使いどころ」と、次回の並び替え API 設計の予告が入る
Claude Agent SDKを読んで分かったこと 〜 Claude Codeがライブラリになった 〜
Source: Qiita | Published: 2026-07-02 21:27 JST
- Anthropic の Claude Agent SDK のコードを読み込んだ結果、「Claude Code CLI と同じ実行系がライブラリとして切り出された」構造だと判明したという読解記事
- SDK は Claude Code が使うツールループ・ファイルシステム操作・ターミナル操作・MCP クライアントを外部から差し替え可能な形で公開している
- 従来 LLM アプリで自前実装していた「ツール呼び出しループ」「サブエージェント管理」「セッション永続化」を SDK 側の抽象に任せられる
- Claude Code の挙動を自プロダクトに組み込みたいケース（社内エージェント・独自 CLI・IDE 統合など）で移植コストが大きく下がる
- 著者は「LLM アプリの実装粒度が『個別ツールを組み合わせる』から『Claude Code 相当を再構成する』に上がった」と結論している
Node.js/Express + PostgreSQLでCORS・SQLインジェクション・XSS対策を実装した話【元NWエンジニア視点】
Source: Qiita | Published: 2026-07-02 22:36 JST
- 元ネットワークエンジニアが見積・請求管理アプリを題材に、Node.js/Express + PostgreSQL で CORS・SQL インジェクション・XSS を同時に対策した実装記録
- CORS は許可オリジンをホワイトリスト化し、credentials 付き通信ではワイルドカードが使えない点を実装で踏み抜いた経験を共有
- SQL インジェクション対策は pg のパラメータ化クエリで文字列連結を全廃、動的識別子（テーブル名・カラム名）は許可リスト照合で処理
- XSS は Express 側で helmet 導入・レスポンスヘッダ設定・出力エスケープの三段構えとし、入力バリデーションと分離して考える方針
- 「境界防御」「最小権限」というネットワーク実務の原則を Web アプリ側にも適用したのがこの記事の視点
【AIエージェント比較実験】#08 Vue 3 CDN + Chart.jsでAIエージェント比較ダッシュボードを作った
Source: Qiita | Published: 2026-07-02 21:13 JST
- 同一課題を 6 種類の AI コーディングエージェントに解かせる比較シリーズの第 8 回で、比較結果を可視化する Vue 3 + Chart.js 製ダッシュボードを構築した記録
- CDN 版 Vue 3 と Chart.js のみでビルドレスに実装、静的 HTML として公開しダッシュボードのホスティングコストゼロを実現している
- 開発時間・テスト成功率・生成コード行数・修正回数の 4 指標を折れ線／棒／レーダーチャートで並べ、エージェントごとの傾向を一覧化
- Chart.js の options を Vue のリアクティブに合わせて更新する際にハマりやすい再描画タイミング問題への対処法にも触れる
- 「エージェント比較は観察だけでは足りず、比較用ダッシュボードを持つとチーム議論の解像度が上がる」というのが著者の主張
TypeScriptとZodで型安全なバリデーションを自動化する
Source: Qiita | Published: 2026-07-02 18:40 JST
- API レスポンス・フォーム入力・環境変数など外部由来データが TypeScript の型システムだけでは守れない実状を出発点に、Zod を型定義の単一情報源として一元化する構成を提示
- Zod スキーマから TypeScript 型を自動生成し「型定義とバリデーションの二重管理」を排除する実装パターンを示す
- フォーム側は React Hook Form + zodResolver でクライアントバリデーションを Zod に集約、API 側でも同じスキーマを使って再バリデーションする
- 環境変数もアプリ起動時に Zod で検証してから使う方式にすることで、実行時の未定義キー参照事故を防ぐ
- Zod v4 系の safeParse / parse の使い分けと、エラー整形時の実装コスト削減の TIPS を伴った実践的な内容
Vite+React+TypeScriptのCI/CDまでの環境構築(Windows) 無料版
Source: Qiita | Published: 2026-07-02 18:02 JST
- Windows 環境で Vite + React + TypeScript プロジェクトを、Node.js インストールから GitHub Actions での CI/CD まで無料枠のみで通しで構築する手順書
- Node.js LTS 導入、VS Code 拡張選定、Git 初期化、Vite テンプレート生成の初期セットアップを順を追って解説
- ESLint / Prettier 設定、TypeScript の strict オプション、Vitest によるユニットテスト設定までの標準構成を提示
- GitHub Actions のワークフロー YAML で lint / typecheck / test / build を並列実行するテンプレートを掲載
- Windows 特有の改行コード（CRLF）対応、パス長制限、PowerShell 実行ポリシーなどの詰まりどころに個別対処している
Matching AI Modality To User Intent: Designing The Right Interface (AIモダリティをユーザー意図に合わせる - 適切なインターフェース設計)
Source: Smashing Magazine | Published: 2026-07-02 19:00 JST
- AI 機能の UI をチャットに揃える現状の慣習に対し、ユーザー意図・認知負荷・作業文脈に応じてビジュアル／音声／触覚などモダリティを選び分けるべき、と主張する記事
- チャット偏重の落とし穴として「必要な情報が線形テキストに閉じ込められる」「非同期で読み返しにくい」「発話・入力コストがかかる」の 3 点を挙げる
- 逆に、選択肢を並べる操作は表・カード UI、状態確認は可視化、素早い指示は音声トリガと、モダリティごとの適正タスクを整理
- デザイナー向けのフレームワークとして「タスクの認知負荷 × 状況（両手ふさがり／会議中／集中作業）」の 2 軸マッピング表を提示
- 生成 AI 機能の設計で「まずチャット UI に落とす」前段で立ち止まって考えるための検討リスト付き
Microsoft Research、エージェントスキルを最適化するSkillOptを紹介
Source: gihyo.jp | Published: 2026-07-02 13:45 JST
- Microsoft Research がエージェントの「スキル」を実行結果に基づいて自動改善する手法 SkillOpt を紹介したと報じる記事
- SkillOpt はエージェントの各スキルを Markdown 形式の仕様書として扱い、実行ログとフィードバックからその仕様書を改訂する
- 従来のプロンプト最適化と異なり、対象は個々のプロンプトではなくスキル定義（何をどう実行するかの手続き記述）そのもの
- 実行結果に対する評価をシグナルにして仕様書を LLM 側に書き換えさせるため、プログラム側の改修なしにエージェント挙動を改善できる
- Microsoft Research の論文と実装が公開されており、既存の Agent フレームワーク上でも取り入れられる余地があると gihyo は評価している
UNIX系コマンドをWindowsに移植／macOS上にLinuxコンテナを統合／Ubuntu、開発環境をコマンド一発で構築ほか、2026年6月の人気記事
Source: Publickey | Published: 2026-07-02 15:34 JST
- Publickey 2026 年 6 月の人気記事ランキングをまとめた月次総集編で、開発環境まわりのトピックが上位を占めた月だったと報じる
- 首位は Microsoft が UNIX 系コマンドを Windows へ公式移植する動き、次いで macOS 上に Linux コンテナを OS レベルで統合する取り組みが並んだ
- Ubuntu が開発環境をコマンド一発で構築する仕組みを打ち出したことも上位入りしており、開発者体験（DX）を巡る OS 側の競争が示唆されている
- 6 月は AI・エージェント関連よりも「日常の開発環境そのもの」を刷新するニュースが読まれた月というのが編集部の総評
- 個別記事へのリンク付きで、開発環境構築の 2026 年 6 月時点のトレンドを一望できる位置付けのまとめ
All Articles
Zenn
| # | Title | Summary | Author | Published |
|---|---|---|---|---|
| 1 | Adobe Flexとは何だったのか、シリーズの入り口として | 2004 年頃の Flash Player 上リッチ Web アプリ基盤 Flex を、JS/React 経験者に向けて「何ができ何が代替されたか」を整理する連載の初回 | @よこやまたく | 17:31 |
| 2 | パターンマッチが欲しい | 関数トップレベルでの多節パターンマッチを Erlang/Haskell の実例で示し、TypeScript でも同等の分岐記述を欲しいと訴える提案記事 | @kkb | 16:00 |
| 3 | 炎色反応で花火をデザインできるシミュレーターを作った | カラーピッカーではなくリチウム／ナトリウム／銅など元素を混ぜて花火をデザインするブラウザ製シミュレータの制作記 | @omikuji | 13:32 |
| 4 | HTML/CSS/JavaScriptで管理画面を作るとき、UI部品だけだと詰まりやすい理由 | 検索条件・件数管理・ページネーション・空状態・エラー表示まで含めた「画面としての設計」が必要な理由と実装観点をまとめた記事 | @shun@AI Builder | 12:00 |
| 5 | JavaScriptのPrototypeとは？Prototype Chain・[[Prototype]]・__proto__を図解で理解する | Prototype Chain・[[Prototype]]・__proto__の 3 概念を図で対応付け、継承とメソッド共有の実装原理を初心者向けに解説 | @Moon | 11:00 |
| 6 | 個人開発者のホスティング選び：Vercel / Cloudflare Pages / Netlify / mixhost を用途別で比較した | Next.js は Vercel、静的サイト＋大量トラフィックは Cloudflare Pages と用途別に選ぶ判断基準を、実費と機能で比較した記事 | @AI Maker Lab | 11:21 |
| 7 | Next.jsのログインがlocalhostで5分固まった原因を、初心者なりに切り分けた話 | ログインが localhost で 5 分固まる問題を Fetch failed / HeadersTimeoutError から追跡し、バックエンド API 側の無応答が原因と判別した切り分け記録 | @ｺｷｺｷ | 08:50 |
| 8 | 【SSR編】後輩ちゃんと学ぶ自作フレームワーク！！(Vite×React-Router) | Next.js に頼らず Vite + React Router で SSR フレームワークを自作する連載第 2 弾、対話形式で SSR 実装の中身を解体する | @Sippo | 08:20 |
| 9 | 自動化ソフトLLM生活: 学校からの通知処理 3ヶ月運用してみて | Gmail・Google Drive・PDF パース・ローカル LLM と Google Calendar を結び、学校通知を自動収集する家庭運用を 3 ヶ月続けた結果報告 | @tk | 00:40 |
| 10 | HTTPの基本 | 「React で綺麗な画面を作ってもデータが空ならハリボテ」と説き、リクエスト／レスポンスの平文構造から HTTP 通信の土台を解説 | @まっちゃ | 15:36 |
| 11 | 週刊Cloudflare - 2026/06/28週 | Wrangler 4.104.0 が createTestHarness() に getEnv() を追加した点など、Cloudflare の 06/21-06/27 の細かな更新を週次でまとめる | @あさひ | 17:00 |
| 12 | Bedrock AgentCore ハーネスでノーコードWeb検索AIエージェントを作ろう | 2026 年 6 月の AWS Summit NYC で発表された Bedrock AgentCore の「ハーネス」機能で、コードを書かずに Web 検索エージェントを作る手順 | @どい | 17:00 |
| 13 | AWS Summit Japan 2026 : 新入社員が参加してみた感想 | 「AI は前提、加えて Physical AI が流行」と観察した新人視点の AWS Summit Japan 2026 参加レポート | @taiga kadoguchi | 16:46 |
| 14 | CloudFront経由でAPI Gatewayが403になった原因 | 直接叩けば通る API Gateway が CloudFront 経由だと 403 になる原因を、Host ヘッダと SNI・オリジンアクセス設定の観点で追いかけた記録 | @parapone1005 | 16:35 |
| 15 | Claude Code で、AWS のコスト最適化プロジェクトを実施したら、便利すぎた | 複数 AWS アカウントのコスト最適化を、アプリコードを書かずに Claude Code に対話で調査・提案させて実施した事例 | @福田志郎 | 13:34 |
| 16 | NAT Gatewayは高いのでNATインスタンスを自作してみた | AWS NAT Gateway の料金を回避するため、EC2 で NAT インスタンスを自作しルーティング・SNAT・障害設計まで実装した手順書 | @キョーヤ | 12:43 |
| 17 | 【Amazon Quick】topicって何？ | Amazon QuickSight の topic 機能で、複数データセット間のリレーションを定義して自然言語問い合わせを効かせる使い方を解説 | @ayuki sugimoto | 12:11 |
| 18 | Amazon Quickの料金形態をまとめてみる | AWS Summit Japan 2026 を機に、Amazon QuickSight のユーザー種別・キャパシティ・生成 AI 課金を体系整理した価格ガイド | @tyumugiko | 11:12 |
| 19 | AWS ネイティブで実現する SLI 測定 | 外部 SaaS を使わず CloudWatch Synthetics だけで SLI を継続測定し、信頼性目標を運用に載せる実装アプローチ | @かどげん | 10:43 |
| 20 | AWS WAF はどこまで DDoS に効くのか｜Geo match と Rate-based rule の使いどころ | AWS WAF の Geo match と Rate-based rule で HTTP フラッド系 DDoS にどこまで対抗できるかを、防御シナリオと限界含めて整理 | @ayaka | 08:12 |
| 21 | AIエージェントを本番に持ち込む——AWSで取り除く3つの壁 | AI エージェント本番投入時のセキュリティ・コスト評価・責任分界という 3 つの障壁を、AWS の既存サービス構成で潰す構成論 | @mahitotsu | 08:00 |
| 22 | OpenSearchのマルチテナントを守る最後の砦──DLSで作る多層防御 | OpenSearch のドキュメントレベルセキュリティ（DLS）でテナント間データ分離の多層防御を構築する実装ガイド | @山ちゃん | 08:00 |
Qiita
| # | Title | Summary | Author | Published |
|---|---|---|---|---|
| 1 | AWS 公式の Postgres MCP Server を Claude Desktop から Aurora につないでみた — Data API と直接接続を同一クラスタで比較 | AWS 公式 Postgres MCP Server を Claude Desktop から Aurora に繋ぎ、Data API 経由と直接接続をレイテンシ・機能面で比較した検証記事 | @asahide | 23:03 |
| 2 | 「エッジで速い」はずのCloudflare D1が、日本からREST直叩きで測るとTurso(東京)に負けた ― 無料枠サーバレスDB3種(D1/Turso/Neon)のcold/warm予備実測 | 日本から REST で叩くと Cloudflare D1 が東京リージョン Turso にレイテンシで敗れた計測結果と、D1/Turso/Neon の cold/warm 予備実測 | @axiompro70 | 12:19 |
| 3 | CDNのプロキシを過信してはいけない：共有ホスティングでオリジンIPが露出する構造の話 | 共有ホスティング環境では相乗り相手の DNS を辿るだけでオリジン IP が露出し、CDN 前提の防御が無効化される構造上の穴を指摘 | @Tom_XV | 15:47 |
| 4 | 自宅GPUをスマホから叩く — Home Nerve × Cloudflare Tunnel（1033/530切り分け実録） | 自宅 GPU 上の FastAPI ゲートウェイ Home Nerve に Cloudflare Tunnel を被せ、外出先スマホから叩けるようにした際の 1033/530 エラー切り分け実録 | @zdna | 15:52 |
| 5 | 社内文書検索AIを作って学んだこと──RAGの「詰まりどころ」を全部書く | 社内 PDF を対象にした RAG 実装で踏んだチャンク境界／埋め込み更新／回収精度など「詰まりどころ」を Next.js 事例で洗い出した記録 | @nobunori47 | 23:12 |
| 6 | 日次まとめと無限ストリームを1テーブルで両立させた設計 | 日次サマリーカードと連続ストリームを同一テーブルで扱うための、種別カラムとインデックス戦略による設計案 | @phibi-soon | 21:00 |
| 7 | Next.jsの環境変数の扱い方 — .env.localとNEXT_PUBLIC_の使い分け | Next.js の .env.local と NEXT_PUBLIC_ プレフィックスの露出範囲差を整理し、API キー漏洩の典型パターンを避ける具体策 | @hitobussi | 07:12 |
| 8 | JavaScriptのPrototypeとは？Prototype Chain・[[Prototype]]・__proto__を図解で理解する | Prototype Chain / [[Prototype]] / proto を図で対応付け、なぜ Prototype 継承が必要になったかを実装例と共に解説 | @moon_like | 23:17 |
| 9 | スターリンソートより酷いソートを作った ―― ポルポトソート | スターリンソートより過激な「ポルポトソート」を JavaScript で実装し、条件を満たさない要素を全消去する動作をネタとして紹介 | @Heru0729 | 23:25 |
| 10 | React学習: 案件管理ツール作成 ② | Vite + React + TypeScript で案件管理ツールを作る連載第 2 回、案件データコンポーネントと追加／削除／更新 CRUD の実装 | @yukidaruma1058 | 22:52 |
| 11 | モダンWebアプリ向け Shadcn 再利用可能カードコンポーネント22種 | 分析・スケジューリング・請求・チームワークフロー向けの Shadcn カードコンポーネント 22 種を紹介する UI パーツ集 | @wrappixel | 20:02 |
| 12 | 【Cursor初心者向け】コードのコピペミスをゼロに！チャットから一瞬で書き換える「Applyボタン」の魔法 | Cursor のチャット結果を Apply ボタン 1 発でエディタに反映し、コピペミスをゼロにする使い方を初心者向けに解説 | @EkanTw | 18:36 |
| 13 | 【初心者向け】AWS Code シリーズ徹底入門 - ② AWS CodeCommit 編 | AWS CodeCommit の管理コンソール操作・リポジトリ運用・IAM 権限設計を、初心者向けに実操作込みでまとめた入門記事 | @tyskJ | 22:55 |
| 14 | 【2026/07/02】エンジニア19日目：psqlのspool操作理解・初めて一から手順書を作成した話 | psql の spool 操作を Oracle の spool と比較して理解し、実行結果を残す手順書をゼロから起こした学習記録 | @Teddy_ | 21:25 |
Publickey
2026-07-02 付の記事はすべて Top 20 に掲載されています。
gihyo.jp
| # | Title | Summary | Published |
|---|---|---|---|
| 1 | U-22プログラミング・コンテスト2026 応募受付開始 | U-22 プログラミング・コンテスト 2026 が 7 月 1 日から募集開始、応募締切は 8 月 31 日と告知 | 16:35 |
GIGAZINE
2026-07-02 付の Web 開発関連記事はすべて Top 20 に掲載されています。
ITmedia News
2026-07-02 付の Web 開発関連記事はありませんでした。
TypeScript Blog
2026-07-02 付の記事はありませんでした。
Node.js Blog
2026-07-02 付の記事はありませんでした。
Astro Blog
2026-07-02 付の記事はありませんでした。
Cloudflare Blog
2026-07-02 付の記事はありませんでした。
Vercel Changelog
2026-07-02 付の記事はすべて Top 20 に掲載されています。
AWS What’s New
2026-07-02 付の記事はすべて Top 20 に掲載されています。
Google Cloud Blog
2026-07-02 付の Web 開発関連記事はありませんでした。
Supabase Blog
2026-07-02 付の記事はありませんでした。
web.dev
2026-07-02 付の記事はありませんでした。
Mozilla Hacks
2026-07-02 付の記事はありませんでした。
CSS-Tricks
2026-07-02 付の記事はありませんでした。
Smashing Magazine
2026-07-02 付の記事はすべて Top 20 に掲載されています。
Hacker News
2026-07-02 付の Web 開発関連記事はありませんでした。