VOL. 027
WEB DEV DIGEST
WEB DEV OUTLINE
2026-06-02
火曜日 · JST
TODAY’S ISSUE 2026年6月2日 · 火曜日 WEB FRONTLINE

Web Dev Digest: 2026‑06‑02

Top 20

Announcing TypeScript 7.0 Beta

Source: TypeScript Blog | Published: 2026-06-02 03:24 JST

Edit Git settings for all projects in a repo

Source: Vercel Changelog | Published: 2026-06-02 09:00 JST

Signed URLs are now available for Vercel Blob

Source: Vercel Changelog | Published: 2026-06-02 09:00 JST

AWS Lambda Web AdaptorがGAしたので触ってみる

Source: Zenn | Published: 2026-06-02 10:53 JST

[速報]マイクロソフト、自社開発した7つのAIモデル「Microsoft AI Models」を発表

Source: Publickey | Published: 2026-06-02 18:44 JST

[速報]マイクロソフト、AIエージェントのためのカスタマイズ可能な分離環境「Microsoft Execution Containers(MXC)」発表

Source: Publickey | Published: 2026-06-02 18:45 JST

[速報]Windows上でLinuxコンテナの作成や実行ができる「WSL containers」発表

Source: Publickey | Published: 2026-06-02 18:46 JST

Vercel Blob now supports OIDC authentication

Source: Vercel Changelog | Published: 2026-06-02 09:00 JST

How we reduced core unit boot time from hours to minutes

Source: Cloudflare Blog | Published: 2026-06-02 01:53 JST

Cloudflareは「AWSの代わり」になるのか? ── インフラ経験者のための技術選定ガイド

Source: Zenn | Published: 2026-06-01 23:33 JST

個人開発の10万ページサイトで、Cloudflareの請求が4万円になった話

Source: Zenn | Published: 2026-06-01 19:34 JST

デプロイ速度を約50%高速化した話

Source: Zenn | Published: 2026-06-02 11:25 JST

[速報]マイクロソフト、UNIX系コマンドをWindowsに移植「Coreutils for Window」一般公開

Source: Publickey | Published: 2026-06-02 18:46 JST

OpenAIのGPT-5.5やCodexがAWS/Amazon Bedrockで利用可能に

Source: gihyo.jp | Published: 2026-06-02 10:58 JST

AWS Cost and Usage Report 2.0 integration

Source: AWS What’s New | Published: 2026-06-02 22:40 JST

Amazon RDS for SQL ServerがBring Your Own Media (BYOM) に対応

Source: AWS What’s New | Published: 2026-06-02 16:00 JST

AWS HealthOmicsでNextflowバージョンを実行時に固定可能に

Source: AWS What’s New | Published: 2026-06-02 08:00 JST

Amazon Bedrock AgentCore IdentityがSecrets Manager参照に対応

Source: AWS What’s New | Published: 2026-06-02 01:00 JST

Claude Managed Agents on Cloudflare の構築と実際に試してみて使い道とメリット

Source: Zenn | Published: 2026-06-01 17:15 JST

第4回 Evalでエージェントの品質を改善しよう

Source: gihyo.jp | Published: 2026-06-02 08:52 JST


All Articles

Zenn

#TitleSummaryAuthorPublished
1React × Tailwind CSS 実践 #02|トースト通知を実装する|Contextで作るアプリ全体の通知システムContext APIでアプリ全体のトースト通知を一元管理し、任意コンポーネントから1行呼び出せる実装を提示@Hiro|AIxフロントエンジニア21:22
2【Laravel→TS移行記】Laravel10年選手がTypeScriptを選んだ理由10年のLaravelフリーランスがNext.js+NestJS+Prisma+TSへ移行、型の縦串とEdge展開のしやすさが決め手と整理@Ogihara17:24
3将棋アプリを作りたい #11 - 駒落ち(ハンデ戦)の開始局面を定義将棋アプリで駒落ちの初期配置(香落ち/角落ち等)を盤データ構造として定義した実装記録@fujishu16:30
4Claude・GPT・Gemini は同じ API でも違う使い方をする — Agent DNA を観測する MCP 設計各LLMの挙動差を「Agent DNA」として観測するためのMCPサーバ設計と差分の現れ方を比較@Michie@Linksee_Memory14:33
5気象庁APIで日本の天気予報をClaudeから調べるMCPを作った気象庁APIをラップするMCPサーバ実装で、Claudeから自然文で天気予報を取得できるようにした@tsukuras_dev12:00
6TSKaigi 2026に参加しました✈️TSKaigi 2026の聴講記。Safie社員から見た「型 × AI」トラックの注目セッションと社内導入示唆@くぅ🐾10:00
7気づく前に直り、直すたびに強くなる ── Self-Healingと再発防止の仕組み(連載Part 4)AIコードレビューで本番障害をSelf-Healing化し、再発防止のテストを自動生成する仕組みを連載第4回として詳細化@辻 亮佑08:57
8WebGPUのCompute Shaderで群れを並列に計算するBoidsアルゴリズムの近傍探索とベロシティ更新をWebGPU Compute Shaderで並列化し、JS版比でフレーム時間を大幅短縮@jjjjjj02:23
9node_modulesには何が入っている?依存関係の仕組みを理解するnpm install後に巨大化するnode_modulesの中身を、依存解決と重複排除アルゴリズムの観点で分解@なぎ21:24
10Amazon FBM × ヤマトB2クラウドの出荷作業を無料ブラウザツールで自動化したAmazon FBM出荷作業のヤマトB2クラウド連携を無料ブラウザ拡張で自動化したUI/UX実装の記録@EC Tools JP15:57
11Zennの記事一覧からAI関連の記事をAIの力によって滅ぼし、そして私も消えようChrome 138のBuilt-in AI(window.ai)でZenn記事をローカル分類し、AI記事を非表示化するブラウザ拡張@空雲09:04
12AIはデザインを理解しはじめた — WEBGEN-4Bが描く3つの世界4BパラメータのWeb特化LLM「WEBGEN-4B」がHTML+Tailwindのフルページを直接生成する性能評価@MLBoyだいすけ12:18
13Figma の有料席なしで、AI にデザインファイルを無料で読ませる:TemPad Dev + MCP 入門Figmaの無料席ユーザがTemPad Dev経由でMCPからデザインを読ませる構成と、AI翻訳のコード生成例@いつき12:29
14「捨てた可能性」も保存する ー 迷いと揺らぎのGitを目指したシステム『Greenwich』「不採用案も含めて履歴に残す」設計のドキュメント管理システムGreenwich公開、Postgresにブランチ的に保存@UMIYAMA22:49
15薄明かりの読書のためのshadcn/ui テーマをつくりましたshadcn/ui公式レジストリ登録済みの低輝度読書テーマ「gymnopedies」公開、コントラスト/フォント設計@shoota22:43
16YouTubeライブ開始通知を状態遷移のときだけ出す実装にしたYouTube Live監視デスクトップアプリで「起動時の既存ライブ」では通知を出さず、状態遷移のみで通知する設計@harness22:03
17AIからの凡庸な回答に疲れた人のための、自分専用コンテキストエンジンの作り方パーソナル文脈をベクトル+メタデータで保持し、毎回LLMに食わせる自家製コンテキストエンジンの実装@打田裕馬18:05
18Claude Opus 4.8 effort=high VS effort=max React習熟度比較uhyo独自のReact習熟ベンチで Opus 4.8 の effort=high と effort=max を比較、精度向上幅と時間コストを数値化@uhyo14:45
19Blue/Green デプロイで schema 変更を安全に通す: 3-phase deploy と feature flagBlue/Green環境下でDBスキーマ変更を安全に通すExpand→Migrate→Flip&Contract 3段+feature flag併用設計@安並 大智00:22
20Go × DDD で全集約を実装するGo+pgx v5でDDDの全集約パターンを実装した記録。C++17実装との比較でGoの抽象化制約を整理@tsuzudev0522:27
21100+ のエラーコードを多言語対応する UI 設計 — vue-i18n を入れなかった話100超のエラーコードをvue-i18n無しで多言語化、DB管理+Intl APIだけで運用負荷を下げた設計判断@Pan Jixiao13:01
22YouTubeメンバー限定配信をRSSと手動登録の二段構えで追跡した話RSSではメンバー限定が落ちる仕様を、手動登録+RSS突合の二段構成で追跡可能にした実装の試行錯誤@harness22:03
23YouTubeのメタデータ一括編集を「事故らない」CLIにした — ytmetaYouTube動画タイトル/タグ/サムネをCLIから一括編集するnpmパッケージytmeta、ドライラン/差分確認を標準装備@hiro_dev21:33
24Zenn Scraps を YAML + Playwright で自動投稿するYAMLで書いた設計ノートをPlaywright経由でZenn Scrapsに自動投稿し、開発ログを記録するパイプライン@MediFlow DX15:48
252 つの DB を 1 リクエストで同期していた話1リクエスト内で2DB書き込みを直結していた構成のDual Write問題を、HTTP API分離で解消した実例@Pan Jixiao13:01
26Codex と GitHub で人間承認つきの半自律改善ループを試したCodex Cloud+GitHub Actionsで「AI提案→人間採用→AI実装」を回す半自律ループ、暴走防止に人間承認を挟む構成@しずか20:32
27useOptimistic はなぜ手動 state 管理と相性が悪いのか続編。手動stateとuseOptimisticが「同一コミットに乗らない」理由をReact内部のコミットタイミングで分解@さわ09:27
28引き算で作るiPad受付システムーー選定・フロント・バックエンド・運用の全判断iPad受付システムを「機能を足さず引く」方針でLambda+DynamoDB構成にした全意思決定の本@奏良19:09
29【全5回】引き算で作るiPad受付システム上記をシリーズ記事形式でまとめた版。Lambda/DynamoDBに絞った最小構成で「1日数十回」を低コスト運用@奏良19:08
30AWSコスト最適化の実践戦略Cost Explorer + Budgets + Savings Plans + 停止Lambdaの組み合わせで実測30%削減した運用パターン集@Zer0_Infra19:00
31CGNAT環境で「完全自前ホスティング」の社内LLM基盤を作った話キャリアグレードNAT越しで外部リバプロを使わず社内LLMを公開する構築記録、リバーストンネル使用@シンウフム17:50
32var.aws_account_id = “123456789012” はハードコードと同じTerraformでアカウント IDを変数固定するのは事実上ハードコード、aws_caller_identity参照に置き換えるべきという主張@Calico15:41
33Claude Code × Redshift Serverless 4-RPU で始めるコスト最適化データ基盤Redshift Serverless 4-RPU下限解禁を踏まえ、Claude Code連携で小規模データ基盤の最低価格を半分にした設計@seigen10:40
34GKE Workload Identity: KSA PrincipalってなんやねんGKE Workload Identityの新方式「KSA Principal」とは何か、従来GSA経由方式とのIAM境界の違いを整理@taishi00:14
35useOptimistic を導入して、結局外した話React 19のuseOptimisticを手動state併用で導入したらカウント表示が二重化し、最終的に外してuseState単一管理に戻した記録@さわ12:05

Qiita

#TitleSummaryAuthorPublished
1ONLYOFFICE API 9.4がリリース:最新のアップデートに関する開発者ガイドONLYOFFICE Docs 9.4のAPI改修点(統合API・カスタムプラグイン・スプレッドシート自動化)の開発者向けガイド@ONLYOFFICE23:16
2node_modulesには何が入っている?依存関係の仕組みを理解するnpm install後にnode_modulesが何千ものファイルで膨れ上がる理由と、その内部構造をパッケージ解決の観点で説明@Nagi_541721:41
3URL.hostname で IDN を A-label に正規化するWeb標準URL APIだけで国際化ドメインをPunycode(A-label)に正規化する手法、追加パッケージ不要@mori-dev@github20:24
4Javascript DOM イベント 学んでみたDOMイベントの初学者向けまとめ。addEventListenerの使い方と HTML 改変の最小例を確認@meg2dayo20:18
5リファクタリングのついでにuseQueryについて勉強したAI生成コードを読みやすさ重視で書き直した過程で TanStack Query の useQuery を理解し直したメモ@Ilekaede22:08
6ECサイトの自動化 — 注文・在庫・CSの設計指針と3社の実装メモECサイトの注文/在庫/カスタマーサポート自動化を3社の実装事例から抽出した設計指針@5_years_apart19:39
7【GitHub】コンフリクト(衝突)の直し方mergeコンフリクト発生時の解消手順を3ステップに絞り、初心者向けに用語を最小化して説明@EkanTw18:55
8【初心者でもApp Store審査が一発で通る】AIが”審査員”になってくれるアプリを作ったら、申請が怖くなくなったAIがApp Store審査ガイドラインを参照して提出前に審査員役を演じ、リジェクト要因を事前検知するアプリ@naohirokaihatu21:44
9GitHub APIを完全自動化してMarkdown記事を爆速公開する方法GitHub Contents APIで手動コミットせずMarkdown記事をPush公開、Next.js + Gemini API + Vercel Cronで運用@asoventure10:01
10Next.js実務でよく使う3つ:Zod / モックデータ / ‘use client’ をわかりやすく解説Next.js実務で頻出するZodバリデーション・APIモック・'use client'の使い分けを最小例で整理@kuragechan_100113:23
11React Hooks入門③関数コンポーネントでHooksを使った状態管理とライフサイクル処理の入門3回目@morishita-tbe17:37
12React Hooks入門②Hooksを使った状態保持とライフサイクル処理の入門2回目、useEffectの副作用整理@morishita-tbe17:36
13Web版SaaSをTauri 2で作り直したら7.9MBになった話Next.js+FastAPIのWeb SaaSをTauri 2デスクトップ版に書き直し、配布サイズを7.9MBに圧縮した移植記録@sorabcjanne115:38
14ClickHouse の Managed Postgres ベータは本当に RDS より速いのか? 公式 PostgresBench で実測してみたClickHouseが提供開始したManaged PostgresベータをAWS RDSと公式PostgresBenchで実測比較した結果@asahide23:09
15Claude Codeを使ってPostgreSQLにパスワードポリシーを追加する拡張機能を作った話Claude Codeで Postgresにパスワードポリシー(複雑性・有効期限)拡張機能(C/SQL)を実装した記録@tameguro20:34
16ベクトルDBだけではRAGは直せない。ClickHouseで「AIの失敗ログ」を分析するRAG障害をベクトルDBで追い切れず、ClickHouseに失敗クエリ/応答/根拠ログを集めて分析する運用構成@harupython20:08
17Clerk + Supabase RLS 統合ガイドClerk認証ユーザIDをSupabaseのRLSポリシーで参照する同期パターン、JWT claimのマッピング設計@tkms1320:29
18isComposing だけでは足りなかった — 日本語IME入力イベントをブラウザ6環境で実測した6ブラウザ×OSで日本語IME入力イベントの順序を実測、isComposingだけでは判定不足になる組み合わせを特定@Rapls19:03
19AI agent時代、.claude/.vscode/ はCIと同じくらいレビュー対象になるAIエージェント設定ファイル.claude/.vscode/はCI設定と同等のリスクを持つため、PRレビュー必須化を提案@heftykoo15:49
20【Frontend CSS – パート3】なぜ font-family は継承されるのに background は継承されないのか?CSS継承プロパティとなぜ非継承プロパティが存在するのかを仕様レベルで分解、font-family vs backgroundの境界@tuanphan12:07
21Claude-Powered Node.js SetupClaude Code CLIでNode.js+Vite環境を最短手順で構築するチェックリストとつまずきポイント@1280itsuya09:02
22MCP Protocol Deep DiveMCPの内部仕様(JSON-RPC 2.0、HTTPストリーミング)を、LLM側からツール群を呼ぶ構造として詳細解説@jjking07:59
23AIからも人間からもアクセスできるNASなS3をさくらレンサバにつなげた話 #1Synology + garage(S3互換) + Cloudflare Tunnel + Accessで認証付きセルフホストS3を作りさくらレンサバから接続@yoshiyakato16:17

Publickey

2026-06-02 付の対象記事はすべて Top 20 に掲載されています。

gihyo.jp

2026-06-02 付の対象記事はすべて Top 20 に掲載されています。

GIGAZINE

#TitleSummaryPublished
1Red Hatの公式npmチャンネルを通じて数十個のパッケージにバックドアが仕込まれていたと判明Red Hat公式npmチャンネルの32パッケージにバックドアが混入し、週117万DLの依存ツリーがサプライチェーン攻撃に晒されたと判明13:10
2OpenAIのAIモデルとCodexがAWSで利用可能に、企業が既存環境を活用しやすくなるOpenAIモデルとCodexがAWS Bedrockで提供開始、既存AWSセキュリティ統制下でOpenAIを使える点を企業向けに整理14:10
3GitHub Copilotの従量課金がついに開始、「AIクレジット」を使い切ると追加利用には別料金が必要にGitHub Copilotが2026年6月1日から「AIクレジット」消費型の従量課金へ移行、超過分は別料金11:48

ITmedia News

#TitleSummaryPublished
1AWS、他クラウドと500Mbpsまでの接続が無料に新サービス「AWS Interconnect - multicloud」で他クラウドへの500Mbps接続が無料枠化された12:06

TypeScript Blog

2026-06-02 付の対象記事はすべて Top 20 に掲載されています。

Node.js Blog

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

Astro Blog

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

Cloudflare Blog

2026-06-02 付の対象記事はすべて Top 20 に掲載されています。

Vercel Changelog

2026-06-02 付の対象記事はすべて Top 20 に掲載されています。

AWS What’s New

#TitleSummaryPublished
1Amazon Quick Research customer-managed keys (Quick Researchが顧客管理キー暗号化に対応)Quick ResearchがKMS顧客管理キーでデータ暗号化、CloudTrail監査連携でコンプライアンス要件を満たす03:27
2Amazon Quick VPC connectivity for MCP (Quick VPCがプライベートMCPサーバ接続に対応)EC2/Fargate/オンプレ上のプライベートMCPサーバへVPC経由で安全接続する経路がQuick側で提供開始02:26
3Amazon SageMaker permissions boundaries (SageMakerでカスタムIAM境界を設定可能に)SageMaker Unified Studioがプロジェクト作成時にカスタムIAM Permissions Boundaryを適用、SCP統制に追従02:00
4Amazon EC2 M8i instances in New Zealand (M8iインスタンスがニュージーランド提供)Intel Xeon 6プロセッサのM8i/M8i Flexがニュージーランドで提供開始、前世代比15%価格性能向上01:00
5Amazon EC2 M8azn in Europe Ireland (M8aznがアイルランド提供開始)第5世代AMD EPYCベースのM8aznがアイルランド提供、最大5GHz動作で高頻度取引(HFT)向け01:00
6Amazon SageMaker HyperPod EFA-only interfaces (HyperPodがEFA専用インターフェース対応)EFA専用インターフェースでVPCのIPアドレス枯渇なしに大規模学習クラスタを構築可能01:00
7Amazon SageMaker HyperPod troubleshooting skills (HyperPodトラブルシューティング用AIスキル公開)Claude Code/Cursor/Kiro向けのOSSスキルでHyperPodクラスタを自然文で診断できる01:00
8AWS Direct Connect VIF Rate Limiters (Direct ConnectがVIFレートリミッタに対応)Direct ConnectのVIFごとに帯域上限を設定可能になり、1接続最大10VIFで帯域競合を防止00:00
9AWS HealthOmics Nextflow version 26.04 (HealthOmicsがNextflow 26.04対応)Nextflow 26.04対応でレコード型・strict syntax・agent loggingが利用可能になり、再現性のあるパイプライン定義が拡張08:00

Google Cloud Blog

2026-06-02 付の記事はありませんでした (該当記事はUTC基準で2026-06-03 JSTに分類)。

Supabase Blog

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

web.dev

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

Mozilla Hacks

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

CSS-Tricks

#TitleSummaryPublished
1::search-text (::search-text 擬似要素)ブラウザの「ページ内検索」でマッチしたテキストを指定できる新疑似要素::search-textの挙動と適用例21:59

Smashing Magazine

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

Hacker News

2026-06-02 付の記事はありませんでした (該当記事はUTC基準で2026-06-03 JSTに分類)。