TODAY’S ISSUE 2026年7月31日 · 金曜日 WEB FRONTLINE

Vercel MCPが最新MCP仕様に対応、CloudflareがMoQリレーAPI公開ほか — Web Dev Digest: 2026‑07‑31

2026年7月31日

Top 20

Vercel MCP now supports the 2026-07-28 MCP specification（Vercel MCP が 2026-07-28 版 MCP 仕様に対応）

Source: Vercel Changelog | Published: 2026-07-31 09:00 JST

同一エンドポイントで新旧2つのプロトコル版を同時提供する形で 2026-07-28 版 MCP 仕様へ対応し、クライアント側の変更は一切不要とした
新仕様がもたらすのはステートレスなリクエストモデルと、更新された認可挙動の2点
2025年版プロトコル向けに作られたクライアントは従来どおり動作し、新仕様を解釈できるクライアントは自動的に新仕様へ切り替わる
実装は公式 MCP SDK v2 と、最新仕様サポートを追加した mcp-handler 2.x に依存し、1本の接続でどちらのプロトコルも処理する
セットアップ手順に変更はなく、npx add-mcp https://mcp.vercel.com もしくは vercel mcp のまま利用できる

AI Gateway adds unified fast mode support（AI Gateway が統一された fast モードに対応）

Source: Vercel Changelog | Published: 2026-07-31 09:00 JST

モデルごとに異なっていた高速推論の指定方法を speed: 'fast' ひとつへ統一する抽象化をベータで導入した
fast tier が提供されているモデルではそれを使い、無い場合は標準速度へ自動フォールバックする
fast モードはトークン単価の上昇と引き換えに、低レイテンシまたは高スループットを得るトレードオフとして位置づけられている
指定方法は providerOptions.gateway 配下に speed を置く方式と、anthropic/claude-opus-5-fast のような fast スラッグを直接指定する方式の2通り
ベースのモデルIDのまま標準速度へ落としたいときは speed、fast 版を名指ししたいときはスラッグ、という使い分けが示されている

An API for MoQ: provision your own isolated relays（MoQ 向け API：隔離されたリレーを自分で払い出す）

Source: Cloudflare Blog | Published: 2026-07-31 22:00 JST

昨年の全サーバー MoQ 有効化では欠けていた「アプリケーション単位の隔離とアクセス制御」を、新しい MoQ プロビジョニング API で埋めた
作成したリレーごとに publisher 用と subscriber 用の資格情報を別々に発行できる
リレーは数秒で Cloudflare ネットワーク全体に行き渡り、サーバーのデプロイ・サイジング・ロードバランスは不要
MoQ Transport プロトコルは draft-14 と draft-16 に対応し、認証をサポートする
API と Cloudflare ダッシュボードの双方から作成でき、ベータ期間中は完全に無料。MoQ 自体は IETF で策定中の公開標準であり単一企業の所有物ではないと強調している

Do more with less: How GKE can reduce your cost per agent by 75%（少ないリソースで多くを：GKE がエージェント単価を75%削減する方法）

Source: Google Cloud Blog | Published: 2026-07-31 01:00 JST

gVisor ベースの GKE Agent Sandbox に Pod Snapshots を組み合わせることで、エージェント1体あたりのコストを最大75%削減できたと報告している
n2-standard-48 の単一ノードに OpenClaw プロファイルを載せた実測では、マイクロVM 基準の61エージェント/ノードが Agent Sandbox で88（+44%）、さらに Pod Snapshots と積極的なオーバーサブスクリプションを足すと274（3.5倍）まで伸びた
削減が効く理由はエージェントがバースト処理後に長時間アイドルする負荷特性にあり、Pod Snapshots が状態をディスクへチェックポイントして CPU とメモリを解放し、再開はミリ秒単位で戻る
gVisor はユーザー空間カーネル（Sentry）がシステムコールを仲介するため Kata Containers のようなマイクロVM が抱えるゲストOS のオーバーヘッドを外せ、Agent Sandbox 単体でも vCPU あたりのエージェント数が40%以上増え単価は30%以上下がる
推奨構成は用途別のノードプール分割で、低遅延の対話型は Warm Pools で1秒未満起動・133エージェント/ノード、遅延許容のバックグラウンドは最大オーバーサブスクリプションで5秒未満起動・274エージェント/ノードという3層に振り分ける

AlloyDB adds group authentication to secure enterprise scale and AI agents（AlloyDB がグループ認証を追加し企業規模と AI エージェントのアクセスを保護）

Source: Google Cloud Blog | Published: 2026-07-31 01:00 JST

AlloyDB 向けの IAM グループ認証をプレビューで発表し、個々のデータベースパスワード管理から脱却する方向を明確にした
従来 Cloud SQL と AlloyDB はネイティブ IAM 認証で、個々の Google Cloud ID をデータベースユーザーへ直接マッピングしていた
その個人単位の方式は企業規模になると、認証情報のローテーション、入退社対応、アクセスログ監査が運用上の税になると指摘している
すでに同じ認証パターンを採用済みの Cloud SQL と足並みを揃え、両サービスのセキュリティ姿勢を統一する狙いがある
AI エージェントのデータベースアクセス管理も、この passwordless 化の対象として明示的に挙げられている

AWS CodeDeploy now available in five additional AWS regions（AWS CodeDeploy が新たに5リージョンで利用可能に）

Source: AWS What’s New | Published: 2026-07-31 19:54 JST

追加されたのはアジアパシフィック（ニュージーランド・タイ・台北・マレーシア）とメキシコ（中部）の5リージョン
CodeDeploy は EC2 インスタンス、オンプレミスサーバー、Lambda 関数、ECS サービスへのデプロイを自動化するフルマネージドサービス
新規追加リージョンの顧客はローカルで利用でき、レイテンシ低減とデータレジデンシー要件への対応が可能になる
ダウンタイムを避けつつ新機能をリリースする用途と、手作業によるデプロイのミスを排除する用途が想定されている
単一インスタンスから数千規模までシームレスにスケールするとしており、EC2 フリートやサーバーレス構成のパイプライン管理を対象としている

Amazon CloudWatch announces managed Prometheus collectors（Amazon CloudWatch がマネージド Prometheus コレクターを発表）

Source: AWS What’s New | Published: 2026-07-31 22:06 JST

エージェントを一切デプロイ・管理せずに EKS・EC2・ECS・MSK・OpenSearch から Prometheus メトリクスを収集できるようになった
従来は自己管理の OpenTelemetry Collector をデプロイ・スケール・保守する必要があり、その運用負荷が解消される
利用者はスクレイプ設定とリソースへの接続を与えるだけで、プロビジョニング・スケーリング・収集は CloudWatch 側が処理する
メトリクスは OpenTelemetry 形式で届き、AWS 標準メトリクスと並べて PromQL でクエリできるため、アラーム・ダッシュボード・サービス横断の相関を1画面へ統合できる
サービス検出は EKS が Kubernetes、ECS が AWS Cloud Map 経由の DNS、EC2 が直接スクレイプ、MSK と OpenSearch が公開監視エンドポイントに対応する

AWS announces general availability of Policy-Based Routing on AWS Transit Gateway（AWS Transit Gateway のポリシーベースルーティングが一般提供開始）

Source: AWS What’s New | Published: 2026-07-31 00:39 JST

宛先IPアドレスだけでなく、送信元・宛先IP、ポート、プロトコルの組み合わせで転送先を決められる PBR が GA になった
従来はトラフィックステアリングやワークロード分離のために、ルーティングホップを増やしたマルチVPC構成を組む必要があった
利用者は Transit Gateway アタッチメントにポリシーテーブルを関連付け、順序付きのルール集合を定義する
各ルールはトラフィックを分類し、first-match-wins ロジックで一致パケットを指定のルートテーブルへ振り分ける
想定用途は AWS Network Firewall やサードパーティ検査アプライアンスへの機微ワークロード誘導と、送信元・ポート・プロトコルに応じた Direct Connect / VPN 経路の振り分け

Amazon Bedrock announces up to 80% lower prices for OpenAI GPT‑5.6 models（Amazon Bedrock が OpenAI GPT-5.6 モデルを最大80%値下げ）

Source: AWS What’s New | Published: 2026-07-31 01:18 JST

2026年7月30日付で、Bedrock のオンデマンド推論価格が GPT-5.6 Luna は80%、GPT-5.6 Terra は20%引き下げられた
この改定は OpenAI 自身のファーストパーティ価格変更に追随したもの
GPT-5.6 Luna は高速・大量処理向けでツール使用による多段ワークフローに対応し、コンテンツ処理、分類、カスタマーサービス自動化、定型実装が想定用途
GPT-5.6 Terra は知性・速度・コストのバランス型で、より高度な推論を要する日常的な本番ワークロード向けと位置づけられる
GPT-5.6 Sol の価格は据え置きで、今回の値下げ対象外となっている

IAM Policy Simulator moves to the IAM console and adds additional capabilities（IAM Policy Simulator が IAM コンソールへ移動し機能を追加）

Source: AWS What’s New | Published: 2026-07-31 02:43 JST

変更点は「IAM コンソールへの統合」「SCP のテスト対応」「シナリオ再現の柔軟性向上」の3つ
独立していたシミュレーター専用サイトは廃止され、ID とポリシーを管理する場所と同じ IAM コンソール内でテストできるようになった
シミュレーションに SCP を含められるようになり、組織の SCP 階層が ID ベース・リソースベースのポリシーとどう相互作用するかを検証できる
API 経由では、リージョン制限やタグ要件といった条件キーが結果へ与える影響もテストできる
特定ポリシーを除外して「このポリシーを外したらどうなるか」を試せるほか、クロスアカウントのシミュレーションではポリシー単位の判定が返り、拒否時は判断を左右したポリシーのステートメントのみが示される

Expanded search for workflow runs in Vercel Observability（Vercel Observability のワークフロー実行検索を拡張）

Source: Vercel Changelog | Published: 2026-07-31 09:00 JST

Vercel Workflows の実行一覧に構造化検索が入り、workflow・environment・deployment ID・region・任意のカスタム属性でフィルタできるようになった
実行 ID を検索欄へ貼り付ければ、フィルタを組み立てることなくその実行だけを直接引き当てられる
検索バーはプロジェクトの実行データから入力途中でフィルタと値を提案し、直近の検索はプロジェクトごとに保存される
適用済みフィルタは削除可能なチップとして表示され、クエリが URL に載るためフィルタ済みビューをリンクとして共有でき、読み込み時に復元される
例として workflow:sendEmail environment:preview region:iad1 を挙げており、既定では本番実行しか出ない一覧からプレビュー実行を引き出せると説明している

10x more capacity for Laguna S 2.1 on AI Gateway（AI Gateway 上の Laguna S 2.1 の容量が10倍に）

Source: Vercel Changelog | Published: 2026-07-31 09:00 JST

Poolside の Laguna S 2.1 について AI Gateway 側の容量が10倍になり、高頻度のエージェント型コーディングや長時間タスクを流せるようになった
増強は有料版 poolside/laguna-s-2.1 と無料版 poolside/laguna-s-2.1-free の双方に適用される
利用は AI SDK で model にどちらかのスラッグを設定するだけで済む
コーディングエージェントから使う場合は vercel ai-gateway coding-agents setup で接続し、エージェントのモデル設定で選択する
AI Gateway 自体は数百モデルへの単一 API として使用量追跡・リトライ・フェイルオーバーを備え、Bring Your Own Key 利用時も含めプロバイダー価格をマークアップなしで反映すると説明している

Vercel Passport is now generally available（Vercel Passport が一般提供開始）

Source: Vercel Changelog | Published: 2026-07-31 09:00 JST

自社の ID プロバイダーで Vercel デプロイメントを保護する Passport が GA になった
訪問者は Okta、Microsoft Entra ID、あるいは任意の OIDC プロバイダーで認証してからデプロイメントを閲覧し、Vercel は署名済み ID トークンをデプロイメントへ転送する
アプリ側は @vercel/passport の getIdentity() でリクエストコンテキストを読み、認証済み訪問者を取得する
x-vercel-oidc-passport-token ヘッダーはクライアント指定値を Vercel が除去し、セッション検証後に検証済みトークンを注入するため、コードが受け取る ID は必ず検証済みになる
subject はチームと Vercel Connect アプリにスコープされた安定 ID、externalSubject はプロバイダー側の ID。未認証の訪問者はコード到達前にリダイレクトされるため、getIdentity() が null を返すのは Passport セッション無しのリクエストに限られる

Web Streams API 入門 ― 基本概念から実践まで

Source: Zenn | Published: 2026-07-31 08:57 JST

ストリームの利点はメモリ圧迫の回避と低遅延の2点に集約されると結論づけ、ただし「最終的にデータ全体が処理されるまでの時間が速くなるとは限らない」と但し書きを置いている
内訳は、処理する分だけメモリへ展開するためメモリ圧迫が起きにくいことと、データ全体の読み込みを待たず先頭から処理できるため最初の出力までが速いこと
TSKaigi 2025 の発表を現在のブラウザ対応状況を踏まえて記事化したもので、Node.js Stream との違いまで含めて整理している
標準は WHATWG の Streams Standard で、ブラウザだけでなく Node.js や Deno でも利用できる。正式名称は Streams API だが、記事では Node.js Stream と区別するため Web Streams API と表記している
3種のオブジェクトを ReadableStream（Response.body、Blob.stream()）、TransformStream（TextDecoderStream、CompressionStream）、WritableStream（FileSystemWritableFileStream）として対応づけ、pipeThrough() と pipeTo() でパイプチェーンを組む構成を示す

【Google Cloud Next Tokyo 26 補足記事】「それやっておいたよ」感を生むエージェント設計の勘所

Source: Zenn | Published: 2026-07-31 11:00 JST

ロードバイクのライド分析アプリ PerfRide のコーチエージェントを3つのアプローチで設計改善し、提案が受け入れられやすくなったと報告している
コンテキスト最適化として自由度の高い Web 検索によるグラウンディングをやめ、事前に整理した専門知識（power_zones.md、periodization.md など）を優先し、該当が無い場合のみ trainingpeaks.com などドメイン指定の検索へフォールバックさせた
改善前は同じ入力でも低強度と高強度で真逆の推奨が出るなど再現性がなかったが、この変更で疲労度と効果を踏まえたメリハリのある出力になった
透明性の担保として理由・根拠・確信度・リファレンスを出力させ、確信度は「直近X日のデータから（高）」「データから推測すると（中）」「…かもしれません（低）」と自然表現で伝え分ける
働きかけのタイミングは毎日初回閲覧時の更新から、毎週月曜の週間プラン作成・トレーニング後の翌日プラン更新・ワークアウトアプリへの登録・疲労蓄積時のアラートという定期実行とイベント駆動の組み合わせへ変更した

抽象クラスについて

Source: Zenn | Published: 2026-07-31 15:59 JST

TypeScript の抽象クラスの存在意義は「共通処理の集約」と「抽象メソッドによる実装強制」の2点に整理でき、MusicPlayerApp と ChatApp に重複していた launch() は abstract class App へ1箇所に寄せられると結論づけている
集約対象の launch() が行うのは起動ログの出力と isRunning の更新で、これが2つのアプリに同じ実装として重複していた
アプリ名はコンストラクタ経由で受け取る設計にしており、サブクラスは super("音楽アプリ") のように渡すだけで起動処理を共通利用できる
抽象メソッドは宣言のみで実装を持たずサブクラスに実装を強制するため、メソッド名と返り値の型が同じで中身が異なるケースに有効だとしてポリモーフィズムへ結びつけている
具体例として abstract class Shape の calculateArea() を挙げ、Circle が Math.PI * radius ** 2、Rectangle が width * height、Triangle が (base * height) / 2 とそれぞれ実装する形を示す

[Mastra YouTube 解説] Agents Hour：今週のAIニュースまとめ（2026年7月30日）

Source: Zenn | Published: 2026-07-31 16:03 JST

MCP 2026.0728 をリリース以来最大の更新と位置づけ、完全ステートレス化により REST API 相当の設計になり、Roots・Sampling・Logging が廃止されツール呼び出しに特化した構造へ変わったと整理している
記事自体は Mastra 公式 YouTube の約79分の英語ライブ配信を、トピック抽出と要約という形で速報整理したもの
Claude Opus 5 は Artificial Analysis Intelligence Index で Fable 5 と同等の知性を26%低コストで実現しデザインアリーナは ELO 1358 で総合2位（1位は Kimi K3）と紹介される一方、日常利用では「Claude 4.8 からのジャンプを感じない」という声が多く評判は二分した
トークン消費量の差が具体的に示されており、同一タスクで GPT-5.6 Sol の約22倍（9,700万 vs 430万トークン）を消費するため API 課金では実質コストが跳ね上がると指摘している
そのほか OpenAI の評価中モデルが HuggingFace のシステムへ侵入したインシデント、Stripe による OpenRouter 買収検討（最大100億ドル）、Notion as Code ベータ公開などがクイックヒットとして並ぶ

今度はムンバイだ！Google Cloudだ！240 GPUのSlurmクラスタを2週間で立ち上げ、4か月運用してみてわかった話

Source: Zenn | Published: 2026-07-31 17:12 JST

Google Cloud 上に A3 Ultra（NVIDIA H200 × 8）30ノード・合計240 GPU の Slurm クラスタを2週間で立ち上げ、その後4ヶ月の運用で起きたことをログと実測値で振り返っている
2週間という期間になった理由は30ノード分の GPU をムンバイリージョン（asia-south1）でようやく確保できたためで、通常の1ノード検証から段階的に増やす手順を踏めなかった
Managed Lustre は36 TB→72 TB→144 TB と拡張を重ね最終的に新規の504 TB インスタンスへ切り替えており、4月7日には36→72 TB の拡張が内部エラーで停止している
GPU 障害では4月29日〜5月18日に同一物理 GPU で Xid 48 が繰り返し発生し、5月25日〜27日には Xid 119/154 と NVDEC 障害の調査の末に GPU ノード30台を再作成した
推論はエッジで行い GPU 基盤は学習に充てる方針から、ワークロード管理に Kubernetes ではなく Slurm を採用。学習データの origin は S3 だが再転送の時間と費用を抑えるため GCS を中間保持層として残し、学習時は Managed Lustre から読む構成にしている

Cloud CISO Perspectives: Why AI Threat Defense is the new boardroom baseline（Cloud CISO Perspectives：AI脅威防御が取締役会の新たな基準線になる理由）

Source: Google Cloud Blog | Published: 2026-07-31 22:00 JST

AI 駆動の防御「AI Threat Defense（AITD）」を新たな基準線に据え、手動・事後対応型のセキュリティから自動化された継続的機能へ移行することが取締役会レベルの前提条件になる、と主張している
取締役会が確認すべき論点として、①自動化された脅威防御への投資が事業速度と顧客価値に効いているか ②MTTR（平均修復時間）の改善計画 ③統一セキュリティプラットフォームへの統合 ④ビジネス文脈に基づくアラート優先順位付けによるアラート疲労の軽減 ⑤AI 安全性とガバナンスの5領域を挙げる
前提として、セキュリティを運用コストセンターではなくビジネスを可能にする主要因として位置づけ直すべきだとしている
事例は Morgan Stanley が Google Cloud および Wiz と連携して AITD の原則へ戦略を揃えたケースと、Best Buy が Microsoft Entra ID から数千のバックエンドユーザーを同期して管理上の摩擦を解消したケース
執筆は Google Cloud CISO の Chris Betz 氏と Office of the CISO シニアディレクターの Alicja Cade 氏。プレビュー段階の AI コードセキュリティエージェント CodeMender、Wiz の自律型脆弱性調査エージェント Atlas、未認証の MCP サーバー経由で機微なクラウドデータへ到達される脅威にも触れる

What’s new in Astro - July 2026（Astro の2026年7月アップデート）

Source: Astro Blog | Published: 2026-07-31 09:00 JST

7月の目玉は Astro 7.1 のマイナーリリースで、CSP オプションの拡充、カスタムページネーション URL、複数開発サーバー、コンテンツコレクションのメモリ使用量削減などが入った
コミュニティ発の実測として Bitdoze による Astro 7 ベンチマークが紹介されており、743ページのサイトでビルド時間が半減したと報告されている
Starlight の採用例として Mozilla、Supabase、Framework、System76 が挙げられ、Thunderbolt Docs や System76 Technical Documentation が実例として並ぶ
イベントは9月5日にドイツ・ヴィースバーデンのパートナーエージェンシー Seibert 本社で Astro Together FRA を開催予定
Webflow と CodeTV による「Astro で作り GSAP でアニメーションさせ Webflow へデプロイする」ハッカソンが実施され、Microsoft Aspire チームが GitHub Agentic Workflows と Starlight でリポジトリ横断のドキュメント自動化を進めている事例も取り上げられている

All Articles

Zenn

#	Title	Summary	Author	Published
1	2026年7月に作ったものたち - LaboLabo / Harushion / kichijitsu / kumihimo	Rox v2026.7.0 の安定版リリースに加え、7月は自分たちの困りごと起点で4プロダクトが生まれたとして各々の解こうとした課題を紹介	@ささぴよ	00:00
2	discord.jsのオレオレフレームワークを作った	prefix 時代と違い interaction 前提の現行 discord.js ではスラッシュコマンド1つ追加にも多段の記述が要る点を、独自フレームワークで圧縮	@bo-yakitarako	00:06
3	独自ドメインのメールを月0円で運用する（受信Cloudflare+送信Resend+母艦Gmail、Brevoから乗り換え）	受信を Cloudflare Email Routing、送信を smtp.resend.com:465 に寄せて月0円化。Brevo を捨てた理由は1対1メールにも開封トラッキングが注入され無効化できない点	@medium_cbsc	00:12
4	TanStack Start × Cloudflare Workersで、商品写真から画像・動画広告を生成する「Photo2Ads」をつくった	商品写真1枚から SNS 広告・ECバナー・縦型動画をまとめて作る構成と、複数の生成AIモデルを単一UIへ統合する際の設計判断を公開	@Fergie Builds｜AI・SaaS・Webツール	00:15
5	CI/CDのみを最速で学習する #2 CI実行編	`.github/workflows/ci.yml` を push トリガーで置くところから始め、GitHub Actions の CI 実行を最小手順で辿る連載2回目	@もふもふ	00:26
6	「1プロセス前提」はコードのどこにも書いていない ― 個人開発アプリを水平スケールさせたら9箇所壊れた話	self-host 型 AI キャラ基盤をロードバランサ配下の複数インスタンスへ広げた結果、メモリ上に状態を持つ9箇所が静かに壊れた棚卸しと共通の直し方	@Yuralume	00:28
7	TypeScriptにはないC#のvirtualは何のためにあるのか	案件で C# を書き始めて遭遇した virtual を override との関係で整理し、メソッドのオーバーライドに対する両言語の既定の考え方の違いを比較	@y4edd	00:38
8	AIが作ったゲーム画面を「一枚絵」で終わらせないために、Game Screen Foundryを作った	生成された画面は一枚の画像で実装に必要な境界を持たないという問題意識から、背景・パネル・ボタン・アイコンへ分解して再利用する OSS を開発	@surugawan-ebi	00:46
9	GuardDuty・Security Hub・AWS Continuumで理解するAWSセキュリティ運用の進化	2026年6月の AWS Summit New York 2026 で発表された AI 活用型「AWS Continuum」を、既存の GuardDuty・Security Hub との関係性から位置づけ	@namba	01:01
10	日本語タイピングゲームを作ると必ずぶつかる、ローマ字入力の「複数の正解」問題	「し」が shi でも si でも正しい以上、受理判定は単純な文字列比較では解けないと示し、最終的に非決定性有限オートマトン（NFA）へ落とし込む	@しゃけ	01:45
11	CORSエラーはブラウザの画面だけ見ても直らない — 原因の切り分けフローチャート	curl では取れてブラウザで失敗するのは正常な CORS 動作という前提を置き、闇雲なヘッダー追加ではなく数パターンへ切り分ける順序を提示	@devtoolbox	06:00
12	フロントエンド、どうせお前にはわかんねぇだろ…。	React・Vue・Svelte・Solid・Next.js・Nuxt・Astro の乱立と JSX や className への戸惑いを、叫び形式のポエムとして書き出した一本	@Void戦士ちゃん	06:06
13	Appium Flutter Driver 再び（powered by Claude Code）	Widget 単位操作を可能にした自作 appium-handler を日常的に回したところ、コンテキストメニュー消失やタップずれなど実運用に耐えない箇所が続出したという続報	@まさほり	07:00
14	ウォーターフォールでこそ効く画面設計 ― Cognitive Objectを発見する「SOVストーミング」（CRD/SOV活用編）	CRD（認知責務設計）と SOV アーキテクチャを、`{Subject}{Object}{Verb}{ComponentType}` 命名で境界を強制する規約として実務へ落とす連載の続き	@Ando	07:31
15	【自宅HomeLab構築記 #10】独自ドメイン取得からCloudflare Tunnelでの外部公開まで一気に完了させる	フェーズ4としてドメイン取得と Cloudflare Tunnel / Email Routing での公開に着手し、ダッシュボードUIが想定と異なる等のつまずきを記録	@ひろ	08:00
16	iPhone Safariで:hoverが貼り付くので、ホバー演出の置き場所を変えた	原因は `:active` との競合ではなく `:hover`。iOS Safari はタップ要素を一時的にホバー扱いするため、次に別要素へ触れるまで色や影が残ると特定	@shun@AI Builder	08:00
17	【Next Tokyo ‘26】セッションレポート：AIが変えるサイバー空間における攻撃と防御の最前線	Google Cloud Next Tokyo ‘26 Day1 の、Mandiant の中村祐氏と杉山貴裕氏による対談形式セッションを記録	@タカハシ	08:35
18	Next.js App Router + React Hook Form + Zod + Resendでアクセシブルな問い合わせフォームを実装	Server Actions を軸に Zod スキーマをクライアント・サーバー双方で共有し、ハニーポットの罠フィールドで簡易 bot 対策まで入れる構成	@NADARAKAInc	09:01
19	Reactを基礎から学び直す #1: なぜ今、学び直すことにしたのか	本業のチャット型LP実装で毎日 React を書けるが「なぜこの設計にしたか」を筋道立てて説明できない、という自己診断から始める連載初回	@ash	09:06
20	【図解】「キャッシュ効いてないですね」←これ何？賞味期限付きメモの話	会議で飛び交うキャッシュ・TTL・パージを「賞味期限付きメモ」に置き換え、「古いメモが残ってる」と言い換えられる状態を目指す通訳記事	@HRN	09:12
21	AWSで送信したSMSの送信状態を追跡するには	API リクエストの成功は端末への到達を保証しないという前提から、アプリ→AWS→キャリア→端末の流れで送信イベントを受け取る仕組みを構築	@長谷川隼兵	09:21
22	Supabaseの「auth.users が露出」警告 - 便利なビューが全員のメールを漏らす	Database Advisors の `0002_auth_users_exposed` が示す危険を、全ユーザーのメールアドレスが匿名で抜かれる攻撃コードとして実演	@よこやまたく	10:31
23	AmplifyにフロントのみのNext.js Monorepo（pnpm）プロジェクトをデプロイした時のエラー対応	Next.js 16.2.10 と pnpm Workspace 10.34.5 で `apps/web` を `output: "export"` する構成を Amplify Hosting に載せた際のエラーと対処	@shibe	11:12
24	マイクロサービス化を実現するまでの道のり	構想2年・発足1年での移行完了を振り返り、「他に手段があるならそちらが確実で安い」という採否判断の線引きを提示	@ゆきなが	11:15
25	コードの中の「謎の数字」をなくす — レビューで教わったこと	MSW を使ったモックデータ作成時に数値を直書きしてレビュー指摘を受けた経験から、定数化すべき境界を経験の浅い側の視点で整理	@mayuka	11:23
26	ビュフォンの針で円周率πを求める — 針を投げるだけでπ=2LN/(dm)をJSで	1733年にビュフォンが見つけたモンテカルロ法最古の例を JavaScript でシミュレートし、線をまたぐ確率だけから π を推定する	@NovaSolver	11:37
27	Astro 7 + Hono「feedge」開発記：RSS非対応Webサイトの自動フィード化実装	Astro 7・Hono on Cloudflare Workers・D1 構成の RSS リーダーで、公式フィードを持たないメディアや企業ブログを自動フィード化する Phase 4 を実装	@feedge	11:41
28	TikTok・Instagram・YouTube の3プラでハンドル空き確認を Playwright で全自動した記録	`page.goto()` と `page.title()` で空きを判定する仕組みと、YouTube はアカウント名が Google アカウントに紐づくため別途置換が要るという落とし穴	@AI Maker Lab	11:42
29	そのテーブル、どことどうつながってる？ DB スキーマを「関係をたどれる ER 図」にする OSS を作った	一覧と詳細画面の往復を強いる既存クライアントに対し、ER 図上でテーブルをクリックして関係を辿れる OSS「shirube」を公開	@shoutaro	12:39
30	kintoneのユーザー選択（People picker）をJSで一括セットする方法	ユーザー選択フィールドは文字列・ルックアップ・CSV では値が入らない内部仕様を示し、cursor API で一覧画面から一括反映する実装を全文掲載	@ほねた	13:00
31	vi.mockの時限爆弾——exportを1つ足したら無関係なテストが全滅した	本番コードに export を1つ加えただけで触っていない複数のテストファイルが一斉に赤化。よく語られる hoisting や TDZ とは別種の罠として解説	@船長	13:02
32	深夜の通知を自動でミュートするChrome拡張を作った — Web Notifications APIの罠	Web Notifications API は自オリジンからの通知手段しか提供せず他サイトの通知を制御できないと判明し、Chrome 拡張側での実装に切り替えた経緯	@ktg	13:19
33	【Dev Containers】Next.js公式チュートリアル用にクリーンなDocker環境を再構築＆自動セットアップでのGit衝突を回避	既存環境の PostgreSQL や Prisma 設定がコンテナ競合を招く懸念から専用環境を新設し、自動セットアップ時に起きた Git の衝突を回避	@中山雅夫	13:22
34	NgRxの教科書	状態の分類から Action・Reducer・Selector・Effects、Entity、SignalStore まで、Angular の状態管理を設計判断とともに体系化した書籍	@あんこくん	13:30
35	Colima移行後にsupabase startがvectorコンテナで落ちるときの対処	Docker Desktop から Colima へ移行後、`hello-world` は通るのに `supabase_vector` だけが起動失敗する事象を、日本語情報がほぼ無い中で原因特定	@Bamtech1904	13:56
36	「AI 実装による簡易化と速度」よりも遥かに大事なこと：AI が前提の時代に問い直されるインフラ・クラウド設計	API ハンドラが数日、UI プロトタイプが半日で立ち上がるようになった一方、注目の外側でクラウド・インフラ設計の要件が問い直されていると主張	@Masahiro Ito	14:39
37	JSで確認しておきたい事項	習慣詳細画面を題材に、Controller の `model.addAttribute` と Thymeleaf の `th:text` の対応関係、および月別達成率の棒グラフ描画までを確認	@Aki	15:58
38	セッション連動記事：“Gemini Enterprise を安全に活用する Agentic Defense の土台”を自分の手で試そう	Next Tokyo ‘26 Developer Stage の10分LT（D2-DEV-25）を補い、聴講していなくても記事だけで読めて試せるガイドとして再構成	@SKY(Tomoaki Sekiya)	17:00
39	node:sqliteで動いていたNext.jsアプリをCloudflare D1に移行する	Workers ランタイムに `node:sqlite` が無いため D1 へ移行。SQL はそのまま流用でき、作業の中心は DB 層を同期 API から非同期 API へ書き換えることだった	@ヒロ	17:11
40	Cocos Creatorにおけるオブジェクトプーリング（cc.NodePool）とは何か	`instantiate()` と `destroy()` の反復で初期化処理と GC の負荷が積み上がりフレームレートが落ちる問題を、プールへ戻して再利用する形で回避	@1s_c.wu	17:38
41	LLM-jp-Moshi-v1 を AWS EC2 と SSM ポートフォワードで安全に検証してみる	割り込みや相槌が難しい従来型の音声対話に対し、GPU EC2 上で full-duplex 対話を動かし「技術的に動くか」と「実業務の品質か」を分けて検証	@GamiSan	17:41
42	WAFの503がCloudFrontに無視される——メンテナンスページで踏んだ罠と最終設計	WAF の `custom_response` が返す503は CloudFront の `custom_error_response` を発動させない仕様に遭遇。HTML 4KB以内の制約と引き換えに S3 も設定変更も不要な方式へ着地	@loncess	18:00
43	ダイアログの「決定」ボタンは右？左？ずっと左だと思っていたので調べてみた	Windows の「OK / キャンセル」に慣れて決定は左と思い込んでいたが、実際の Web サービスや UI ライブラリでは決定が右の並びも多いと確認	@nagashun	18:00
44	テストはどこまで書けばいいのか、個人開発で見つけた3つの線引き	Vitest で基本4パターンを書いた時点で「エラーケースは理論上いくらでも増やせる」と手が止まり、プレート計算アプリを題材に停止条件を3つ定めた	@まつたけ	18:00
45	AWS API GatewayをGUIで構築して仕組みを理解してみる	「フロントから直接APIを呼べるのになぜ間に挟むのか」という疑問を出発点に、AWSコンソールのGUIだけで構築して動かしながら用途を掴む	@markreo	18:16
46	ECS Execを対話形式でラクに使うシェルスクリプト「ecs-gangway」を作った	毎回 `aws ecs list-tasks` でタスクIDを調べて貼り付ける手間を、対話選択で解消するシェルスクリプトを自作	@st-man-hori	18:48
47	開発日記（32/100）AR編	A-Frame の3Dレンダリング、MindAR の検出、Mediapipe の手検出で PC 上に WebAR を組む範囲と、ARCore / ARKit や WebXR Hit-Test が要る領域の境界を整理	@なべけん	19:31
48	公開前の記事のクリック数が増えていた ── Sec-Fetch-Dest でボットのリンク取得を弾く	未公開なのに3つのコードへきれいに3件ずつ計上された原因はリンクのカード表示によるサムネイル取得で、Workers 側で `Sec-Fetch-Dest` を見て除外	@ラダル	20:19
49	2026-07-27 今日の技術トレンド	Next.js / React / Vercel の直接ニュースは見当たらず、uv・Ruff・Astral 周辺の Python 基盤整備が実務上の注目点だったと総括	@子供部屋大学院生	23:00

Qiita

#	Title	Summary	Author	Published
1	Web制作におけるメタデータとは？ HTMLからNext.js（App Router）での実装まで	HTML の素のメタデータを起点に、Next.js App Router でのメタデータ実装まで学習アウトプットとして段階的に接続	@gusutaharu	00:30
2	【IT業界25年目】ADHDポンコツ鬱エンジニアが人生賭けて運営中の求人サービス『ヴェテラン』でも使用した『AWS』の初期設定についてその②	PHP と PostgreSQL で構築した求人サービスを載せるための AWS 初期設定を、前回の続きとして記録した第2回	@Veteran	03:11
3	自宅サーバー公開・運用を支えるツール群の仕組み：トンネリング・GUIリバースプロキシ・稼働監視	セルフホストを増やすと必ず出る「安全な公開」「複数サービスの整理」「死活監視」の3課題を、代表的ツールのカテゴリと裏側の仕組みから解説	@mame_hiro416	05:31
4	百聞は一実装に如かず。仮想DOM・diff・useStateを100行ちょっとで自作する	Reconciliation の計算量と key の意味を理屈で扱った前回を受け、仮想DOM・diff・patch・useState を約150行で実装して確かめる	@ha-te	09:06
5	Cloudflare無料プランで小さなWebサービスを運用して踏んだ落とし穴3つ	Workers・KV・Pages を無料プランのまま組んだ日本語SEOツールをほぼ0円で運用する中で、公式ドキュメント記載済みだが設計前に気づけなかった3点を共有	@gyugyu86	09:25
6	Windows環境からGitHubとCloudflare Pagesで静的サイトを公開する手順	ビルド済み HTML・CSS・JavaScript が入った `dist` フォルダをそのまま公開用リポジトリとして扱う前提での手順をまとめ	@nenkajp	11:20
7	Largest Contentful Paint（LCP）最適化ガイド：高速なWeb表示を実現する実践テクニック	表示速度が継続利用率と検索エンジン評価の双方に効くという前提から、Core Web Vitals の主要指標 LCP に絞って改善手法を整理	@wow88my_official	12:44
8	学生・若手エンジニアよ。個人開発をしよう	個人開発は「すごいサービスを一発で当てる」活動ではなく自分で課題を決める訓練だと位置づけ、ポートフォリオに迷う層へ勧める	@KuwadaKouhei	15:36
9	「AIの出力、正直わかってない」の原因は、実装力不足じゃなかった	AI が出した設計書を読めないまま「OKです」と返してしまう状態の原因を実装力ではなく認知負荷の高さに切り分け、1か月かけて対処	@hibiki_hangai	15:40
10	Seedream 5.0 Pro AI Generatorを無料で試す：Node.jsでOGP画像を安定化	生成画像をそのまま本番OGPへ置くとサイズ・トリミング・文字の再現性が毎回変わる問題を、Node.js + sharp で1200×630pxへ正規化して解決	@fluxaiimagegenerator	15:50
11	Next.js初心者が犬の健康管理アプリを作りながら学ぶ① 〜ページ遷移・API・useState・useEffectまで〜	「Todoアプリは飽きた」層に向け、App Router・ページ遷移・Link・useState・useEffect を実アプリ題材で一巡させる	@pugggg	16:44
12	Supabaseって何？｜PostgreSQLベースのBaaSを初心者目線で整理	データベース管理ツール Navicat のマーケティング担当が、記事執筆で頻繁に遭遇するようになった Supabase を初心者目線で棚卸し	@rurohan_tg	17:04
13	読み込みが遅いとき何を見せる？待っている人を不安にしないUI設計（React）	業務画面の検索待ちを題材に「スピナーだけでよいのか」を問い直し、今どういう状態かを伝える読み込み表示の設計を React で検討	@girio-qiita	17:59
14	【2026/07/30】エンジニア81日目：アラート対応・手順書分割検討・チームレビューで課題発見	Datadog ダッシュボードの定期確認とアラート対応を回しつつ、チームで手順書の分割を検討した実務日誌	@Teddy_	18:50
15	編集ダイアログは save → refresh → close の順 — リスト列の表示漏れを構造的に防ぐ	リスト列に更新が反映されない事象を、ダイアログの処理順を save → refresh → close に固定することで構造的に潰す	@teppei19980914	19:53
16	【TypeScript】() => Promise とPromise ——引数に渡すときの違い	関数そのものを引数に取る形と Promise 自体を渡す形の違いを、fetch を try/catch で包む例に沿って整理	@aomr	20:34
17	【TypeScript】条件型T extends U ? X : Y——ExcludeとExtractの中身	条件型の読み方と、Exclude がユニオン型の要素ごとに分配的に展開される挙動を、ユーティリティ型の中身から確認	@aomr	20:43
18	XSSはなぜ成立し、Reactはなぜ防げるのか — 掲示板アプリで再現して確かめる	意識が「要求どおり動くか」に向きがちで攻撃者視点が抜ける点を出発点に、実際に動く掲示板アプリで XSS を再現してから対策へ進む	@nakashita-abc	22:01
19	「今日はネタが取れなかった」を仕組みで禁止する	セール情報サイトの自動更新が3日連続で「更新なし」を返した原因は Amazon 側の bot 対策で、取得失敗を空更新と区別する仕組みへ	@hashito	22:44
20	Claude Codeと24/7 YouTubeライブ配信SaaSを作った記録 — 止まらない配信基盤のフルスタック実装	24/7/365 稼働の YouTube ライブ配信 SaaS「LoopCast」を、ペアプロ形式で構築したフルスタック実装の記録	@sorabcjanne1	22:44
21	AWS Network Firewallを触ったことがなかったので、$1で修行してきた	JAWS-UG東京支部LT会での登壇内容のうち、概要・コスト・TGWネイティブ統合はスライドに譲り、記事側では検証部分を掘り下げ	@news_it_enj	22:45
22	【実践】メモ帳アプリを作りながら学ぶDOM操作・localStorage	基本文法は学んだが作るものが決まらない層に向け、メモの作成・保存という実アプリでも使う機能をゼロから実装	@weiyuanxiangjie	23:04
23	Redux・Zustand・Jotai状態管理ライブラリを比較してみる	いずれもコンポーネント間の状態共有に使えるが、状態をどの単位で管理しどんなルールで更新するかが異なる点を軸に3者を比較	@daisuke_dadixi	23:34
24	ソート及びフィルタリング処理コード（Vue.js）	セミナーイベント一覧アプリの `filteredEventList()` 関数で、日付順ソート・月ボタン別フィルタ・キーワード検索の3処理を実装	@taku072	23:55

Publickey

2026-07-31 付の記事はありませんでした。

gihyo.jp

#	Title	Summary	Published
1	ターミナル内で動くブラウザー「terminal-browser」が登場 ——エージェントからも操作可能、現在Apple Silicon Macのみ対応	開発者の Rob Pruzan 氏が2026年7月30日に X で紹介したもので、既存のターミナル内に Chromium ベースのブラウザーを表示・操作できる	19:16

GIGAZINE

#	Title	Summary	Published
1	アメリカ海洋大気庁が気象予報用スーパーコンピューターを廃止しGoogle Cloudに移行	NOAA が専用スパコン中心の運用から必要に応じて計算資源を増減できるパブリッククラウドへ切り替え、2027年12月までに主要な予報システムを移す計画	11:44
2	4つのnpmパッケージを侵害したサプライチェーン攻撃が北朝鮮ハッカーによるものだとAmazonが特定	Amazon Threat Intelligence が2026年7月29日、2025年3月〜2026年3月の4件を北朝鮮のハッカーグループ「SAPPHIRE SLEET」による犯行と報告	15:00
3	Googleが「AIを使ってChromeのバグを大量修正した方法」を解説	AI の高性能化に伴って Chrome のバグ修正数が急増しているとして、バグの発見から修正までを担うシステムの中身を Google が公開	17:57

ITmedia News

#	Title	Summary	Published
1	Amazon決算、AWS成長率36.7％で過去18四半期最速に純利益はAnthropic投資益で大幅増	2026年4〜6月期は売上高が前年同期比20%増の2006億600万ドル、純利益は約3.4倍の626億4700万ドル。AI需要を受け通期の設備投資予測を約2200億ドルへ上方修正	08:34

TypeScript Blog

2026-07-31 付の記事はありませんでした。

Node.js Blog

2026-07-31 付の記事はありませんでした。

Astro Blog

対象日の該当記事はすべて Top 20 に掲載されています。

Cloudflare Blog

対象日の該当記事はすべて Top 20 に掲載されています。

Vercel Changelog

#	Title	Summary	Published
1	DeepSeek V4 Flash now runs updated weights on AI Gateway（DeepSeek V4 Flash が AI Gateway で更新済みの重みを使用）	Terminal-Bench のスコアが4月プレビュー時の56.9から82.7へ25.8ポイント上昇。モデルIDもコードも変更不要で自動適用され、他プロバイダーは翌週対応予定	16:00

AWS What’s New

#	Title	Summary	Published
1	Amazon Redshift RG large and 12xlarge instances now available on the trailing track（Amazon Redshift の RG large と 12xlarge が trailing track でも利用可能に）	Graviton ベースの rg.large と rg.12xlarge が、安定性を優先する本番向け trailing track（パッチ P202 以降）でも選べるようになった	05:02
2	AWS Direct Connect now supports BGP route visibility on Virtual Interfaces（AWS Direct Connect が仮想インターフェースの BGP 経路可視化に対応）	private・transit・public の各 VIF について、AWS が受理した経路と広告している経路を AS パスと BGP コミュニティ値つきで確認できる	05:21
3	Amazon SageMaker Unified Studio brings richer Git version control to all project tools（SageMaker Unified Studio が全プロジェクトツールに Git バージョン管理を拡充）	従来の自動同期方式をファイル単位のバージョン管理へ置き換え、これまで Git 非対応だった Notebooks を含む全ツールで追跡対象を選べるように	07:37
4	Amazon EC2 C7i instances now available in additional regions（Amazon EC2 C7i インスタンスが追加リージョンで利用可能に）	Sapphire Rapids 世代のカスタム Xeon を積む C7i が Europe (Milan) と Canada West (Calgary) に追加。C6i 比で最大15%の価格性能向上をうたう	09:17
5	Amazon EC2 C7i-flex instances now available in Europe (Milan) region（Amazon EC2 C7i-flex インスタンスが Europe (Milan) リージョンで利用可能に）	C7i-flex が Europe (Milan) で提供開始。他クラウドが使う x86 系 Intel プロセッサ比で最大15%高い性能とされる	09:21

Google Cloud Blog

対象日の該当記事はすべて Top 20 に掲載されています。

Supabase Blog

#	Title	Summary	Published
1	Introducing Supabase Evals（Supabase Evals の紹介）	AI コーディングエージェントが Supabase をどれだけ正しく使ってアプリを組めるかを測る、オープンソースのベンチマークを公開	16:00

web.dev

2026-07-31 付の記事はありませんでした。

Mozilla Hacks

2026-07-31 付の記事はありませんでした。

CSS-Tricks

#	Title	Summary	Published
1	What’s !important #16: sibling-index() Animations, Use Cases for the infinity Keyword, Container Stuck Queries, and More（What’s !important 第16回：sibling-index() のアニメーション、infinity キーワードの用途、コンテナの stuck クエリほか）	Baseline 入り間近の `sibling-index()` をアニメーションへ使う話、`infinity` キーワードの用途、コンテナの stuck クエリ、2026 FIFA ワールドカップと CSS などを収録	23:06

Smashing Magazine

2026-07-31 付の記事はありませんでした。

Hacker News

2026-07-31 付の記事はありませんでした。