VOL. 051
WEB DEV DIGEST
WEB DEV OUTLINE
2026-06-26
金曜日 · JST
TODAY’S ISSUE 2026年6月26日 · 金曜日 WEB FRONTLINE

Web Dev Digest: 2026‑06‑26

Top 20

Astro 7 移行で main マージしても本番が更新されない。Cloudflare Pages から Workers Builds へ

Source: Zenn | Published: 2026-06-26 05:43 JST

Query Web Analytics from the Vercel CLI

Source: Vercel Changelog | Published: 2026-06-26 17:00 JST

(日本語タイトル: Vercel CLI から Web Analytics を直接クエリ可能に)

Trace and debug eve agent sessions with Vercel Observability

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

(日本語タイトル: Vercel Observability で eve エージェントのセッションをトレース・デバッグ可能に)

Next.js + Supabaseの本番だけ500エラー、原因はTypeScriptの ! が作った落とし穴

Source: Zenn | Published: 2026-06-26 00:22 JST

Amazon EC2 C7a instances are now available in the Asia Pacific (Singapore) Region

Source: AWS What’s New | Published: 2026-06-26 07:24 JST

(日本語タイトル: C7a インスタンスがシンガポールリージョンで提供開始)

Amazon EC2 M8a instances now available in the Asia Pacific (Mumbai) region

Source: AWS What’s New | Published: 2026-06-26 07:15 JST

(日本語タイトル: M8a インスタンスがムンバイリージョンで提供開始)

OpenAI GPT, OpenAI GPT OSS, and NVIDIA Nemotron models on Amazon Bedrock receive FedRAMP High and DoD IL-4/5 approval

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

(日本語タイトル: Bedrock の OpenAI GPT・GPT OSS・NVIDIA Nemotron が FedRAMP High と DoD IL-4/5 を取得)

AWS Network Firewall now supports managed threat intelligence rules from VisionHeight

Source: AWS What’s New | Published: 2026-06-26 05:18 JST

(日本語タイトル: AWS Network Firewall が VisionHeight のマネージド脅威インテリジェンスルールに対応)

Kiro achieves FedRAMP High and DoD IL-4/5 authorization in AWS GovCloud (US)

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

(日本語タイトル: エージェント型開発プラットフォーム Kiro が GovCloud で FedRAMP High・DoD IL-4/5 を取得)

AI時代の成果物は「作って終わり」じゃない: ObsidianとTypeScriptで配送OSを作る

Source: Zenn | Published: 2026-06-26 20:43 JST

Generative UIにJSONは最適なのか? OpenUIという選択肢

Source: Zenn | Published: 2026-06-26 19:07 JST

Hono + Vite で始める最小のMCPサーバー

Source: Zenn | Published: 2026-06-26 15:00 JST

Anthropic SDK 同時アップデート: Python v0.112.0 / TypeScript v0.106.0 で system.message ストリーミング対応など

Source: Qiita | Published: 2026-06-26 22:14 JST

Anthropic SDK 新機能の解説: stream system messages / structured outputs 等

Source: Qiita | Published: 2026-06-26 20:16 JST

TypeScript ブラウザモジュール開発と minify の実践メモ

Source: Qiita | Published: 2026-06-26 19:19 JST

【思考実験】JavaScript/Cloudflareの進化から紐解く「時間軸を内包するオブジェクト指向」の終着点

Source: Qiita | Published: 2026-06-26 18:57 JST

Next.js静的サイトをS3 + CloudFrontで公開したら403になった話

Source: Qiita | Published: 2026-06-26 14:02 JST


All Articles

Zenn

#TitleSummaryAuthorPublished
1AmiVoice APIと生成AIで学び日誌アプリを作った🎙️Manabi Voice は AmiVoice で音声書き起こし、Gemini API で「説明内容の理解度判定」まで行う Next.js 16 App Router 製の学習日誌アプリふるふる19:12
2分析業務のためのMCPサーバー設計入門BI / 分析業務向け MCP サーバーをツール責務分離・データソース抽象・パラメータ検証の 3 レイヤで設計する指針を提示した連載第1回Narumi15:00
3[Mastra Announce] Task Listsで長時間エージェントの計画と進捗を見える化Mastra に追加された Task Lists 機能は長時間エージェントの内部計画を構造化保存し、UI 上で進捗・残タスク・失敗ステップを可視化できるjun shiromizu08:51
4Webの縦書きは2種類ある——writing-modeの「見た目」とSNSに貼れる「テキストの縦書き」を行列転置で作るCSS writing-mode: vertical-rl の「見た目だけ縦書き」と、SNS にコピペできる「文字列としての縦書き」を行列転置で作り分ける手法を比較サクッとぱんだ08:04
5Conway解剖:Anthropicの常時稼働エージェントプラットフォームを実装から読み解くAnthropic が社内で運用する常時稼働エージェントプラットフォーム Conway の責務分離・キュー・耐障害設計を、公開リポと SDK 挙動から逆引きで解読原田賢治02:59
6YouCam肌分析APIで「化粧品、本当に効いてる?」を統計で証明するアプリを作ったYouCam 肌分析 API と t 検定・効果量・ベイズ最適化を組み合わせ、化粧品の効果を統計的に検証する Next.js アプリ Personal Skin Clinic を実装wata23:33
7会議中に Claude が”次に聞くべきこと”を提案してくれる議事録アプリを作った話者分離付きリアルタイム議事録に Claude を組み込み、役割(PM / 設計者)に応じて「次に質問すべき項目」を会議中にサジェストする AI-GizirokuKouki Nakae20:55
8VercelからGCP Cloud Runへ!Next.js移行でCI/CDを比較・最適化Vercel から GCP Cloud Run への Next.js 移行で、cold start・環境変数管理・ビルド時間の差分を実測し、Cloud Build + Artifact Registry で最適化Daok18:56
9招待コード共有掲示板を「現金報酬なし」で設計した理由InviteLoop を「現金報酬なし・公式の招待特典のみ」で運用設計した理由は規約違反・スパム抑制と、コミュニティを成立させる信頼ラインの引き方にあるLily16:38
10来年エンジニアになるなら使いたいリソース「来年エンジニア入社」を想定して、基礎・バックエンド・iOS/Swift・インフラの 4 ドメインに分けた学習リソースを実体験ベースで列挙やす14:20
11Vercel Functions + Supabase + Drizzle構成の実例Supabase Auth + Drizzle ORM 直結 + Vercel Functions の 3 層構成にすることで、Supabase Client 単独構成では難しい複雑クエリと業務ロジックを実装できるよこやまたく13:39
12Reactでシンセサイザーを作ったRoland MKS-80 を React で再現したソフトシンセ Synth-80 を、商品紹介ページ自体に埋め込みブラウザ上で実プレイ可能にした実装記録Jun Murakami12:00
13最初の構成:なぜ Next.js + Sandpack + Docker だったかEuthopia の初期アーキを Next.js + Sandpack(ブラウザ内コードプレビュー)+ Docker ワーカーにした理由は、生成コードの即時実行とサンドボックス隔離の両立だったEureka Labo08:27
14【pnpm】pnpm v11で ERR_PNPM_IGNORED_BUILDSが表示されたので調べてみたpnpm v11 の ERR_PNPM_IGNORED_BUILDS は v10 以降のサプライチェーン対策で postinstall 実行が opt-in 化された影響で、pnpm approve-builds で許可する運用に変わったDaiju20:30
15検索条件を追加するC# Minimal API + PostgreSQL で DTO と Query パラメータバインディングを使い検索条件を後付け拡張する手順舎人幇輔09:21
16複式簿記+税務をRDBで設計する:壊れない会計エンジンのデータモデル「計算ロジックではなくデータモデルで会計の不変条件を守る」観点から、複式簿記+税務処理を PostgreSQL のテーブル設計と制約だけで表現する設計論sayoko08:08
17バニラJS + Supabase で自分用の筋トレログアプリを作った🏋️既存フィットネスアプリへの不満から、フレームワーク無しの素 JavaScript と Supabase だけで PWA 化した個人用筋トレログ muscle-log の実装tamaki19:49
18楽天市場の競合価格監視をCloudflare Workers + LINE Botで無料で作った【OSS公開】月額 2-2.7 万円する競合価格監視 SaaS の代替を、Cloudflare Workers + LINE Bot で完全無料運用できる OSS として実装・公開yosiki18:48
19明日から始める、コーディングエージェント時代のフルスタック開発 — AWS Blocks のソースコードを読む2026年6月公開の AWS Blocks(TypeScript でバックエンドを書くとインフラが自動派生する IaC フレームワーク)のソースを読み解き、構成要素と設計思想を整理いなりく23:55
20AWS導入〜サイト公開AWS アカウント開設→IAM ユーザ作成→S3 静的サイト公開までを、無料利用枠を超過させない設定箇所を中心にまとめた初心者向け手順コキコキ22:24
21AWS Summit Japan 2026 6/25 基調講演+セッションまとめ①AWS Summit Japan 2026 初日(6/25)の入場導線・基調講演・聴講セッションの内容を当日参加者目線で時系列に整理mortrainer_th22:16
22【AWS Organizations入門】初心者でもわかる構成・SCP・アカウント分離の基本Organizations の OU・SCP・アカウント分離の基本概念を、複数プロジェクトの請求一元化ユースケースで具体化した入門記事tamago19:30
23ScalarDB on AWS EKS: スポットインスタンス導入で学んだノード中断と復旧の記録EKS 上の ScalarDB にスポットインスタンスを導入したことで顕在化したノード中断時のリーダー再選出・接続切断の挙動と、復旧手順の運用記録jiwa17:30
24Pike(IAMポリシー生成ツール)を使ってterraform実行ユーザーの最小権限を作成するTerraform 実行用 IAM ユーザの最小権限ポリシーを、Pike が plan / apply の操作を解析して自動生成し、過剰権限とのギャップを可視化する手順ambikan15:32
25AWS の一番初級な資格をなめてた開発エンジニアは私ですCLF-C02 を「開発者だから不要」と侮っていたバックエンドエンジニアが、インフラチームとの会話の質を上げるために取得して認識を改めた体験記Javaっち15:15
26AWS資格全冠への道直近で MLS-C01 が廃止される変動を踏まえた、AWS 認定 13 資格全冠取得の学習順序・教材選定・受験戦略小沼 真実 (NTT DATA)14:00
27CloudWatch、SSMでの構成をAWS CDKでコード化してみた【中編:CloudWatch】3 層 + CloudFront アーキの上に CloudWatch メトリクス・アラーム・ダッシュボードを CDK で IaC 化した実装記録(中編)K13:35
28CloudWatch、SSMでの構成をAWS CDKでコード化してみた【前編:基盤周り】中編の前提として 3 層構成 + CloudFront を AWS CDK だけで一式立ち上げる手順を整理した前編K13:27
29Amazon BedrockでClaudeを呼ぶときにクロスリージョン推論プロファイルが必要Bedrock の Claude Haiku を直接モデル ID で叩くと throttling が頻発し、Cross-Region Inference Profile 経由でなければ実運用に耐えないと判明したTH13:00
30AWS Summit Japan 2026 GameDay参戦レポ:データサイエンティストが当日滑り込みで銅メダルを獲得するまでインフラ専門外のデータサイエンティストが当日参加で GameDay 銅メダルを獲得した戦略・分業・想定外のサービス停止対応の記録Yuto Sakai (GA technologies)09:57
31AIで開発は爆速になった。じゃあインフラは?AWS Summit 2026 を踏まえ、AI コーディング加速の波の中で SRE / インフラがどう更新されるべきかを、ECS と GuardDuty の最新発表を軸に整理よしかわ09:52
32AWS Game Day 初参加レポート「AWSに詳しくないと無理」と尻込みしていた初参加者が、競技デバッグ形式の GameDay で必要な事前準備と当日の役割分担を整理8810smz08:32
33既存システムへAIを組み込む3つのパターン既存システムへの AI 組み込みを「REST API オーバーレイ」「イベント駆動分析」「メディア拡張」の 3 類型に整理し、向き不向きと初期コストを比較kenta07:30
34AWS学習15日目:CloudWatch Metrics・AlarmCloudWatch Metrics と Alarm を組み合わせ、ログを目視で見る運用から閾値検知 + 通知への自動化に置き換えるハンズオンzonooo07:24
35Claude CodeからAWS CLIをReadOnlyで安全に参照し、IaC管理インフラのコスト最適化を行うClaude Code に Read-Only な AWS CLI 権限だけ渡し、photowerewolf プロジェクトのコスト最適化提案を IaC 差分付きで出させる運用かずお06:44
36Claude Tag で Remote MCP を使うClaude Tag の Slack 統合でリモート MCP サーバを呼び出す際の、認証情報配布・プラグイン構成パターンを実装ベースで解説Naoto Ishizawa01:01
37AWS Summit Japan 2026の参加レポート初参加者として AWS Summit Japan 2026 を「1時間30分の入場待機」「基調講演の屋外モニター視聴」など物理導線目線で記録kony01:00
38プライベートGKEクラスタを安全に構築して学んだこと — Google Cloudセキュリティ基礎チャレンジラボ体験記Google Skills for Partners の Cloud Security Fundamentals チャレンジラボを通じ、プライベート GKE のネットワーク隔離・IAM 設計を「概念ではなく積み重ね」として体得tuethu.lethi(時刻不明)
39コーダーからフロントエンドエンジニアへ #0-2|この365記事の歩き方|全体マップと毎日続けるコツ365記事の連載を「現在地マップ」と「毎日続ける仕組み」の 2 軸で読み進めるための歩き方ガイドHiro|AI x Frontend Engineer22:41
40URLを入力してからデータが届くまで ― Webの通信を支える仕組みを俯瞰するURL 入力から DNS 解決・TCP/TLS 確立・HTTP 応答・ブラウザレンダリングまでを 1 枚絵で俯瞰し、Spring Boot 開発者視点で必要な層に絞って解説ゆう22:00
41専門知識ゼロから、生成AIと対話してブラウザテストを自動化した話テスト未経験者が Claude との対話だけで多ロール承認フロー業務アプリ向けの Playwright 回帰テストを構築できた工程と詰まったポイントsb08:11
42Day4|ステータスの作成と削除機能の作成Nuxt 4.4.8 + Vue 3.5.35 で Todo アプリのステータス完了/未完了切替と削除を実装する連載第4回メンタル弱々エンジニアの備忘録15:32

Qiita

#TitleSummaryAuthorPublished
1Crawlit: AIワークフロー向け無料セルフホスト Web クローラ商用 Web スクレイピング SaaS のページ単価課金を避けるため、AI エージェント前提でセルフホスト前提に再設計した OSS の Crawlit を公開arufian23:12
2Next.jsでprocess.env!を使っていたら、本番だけ500エラーになった話Next.js + Vercel + Supabase で本番のみ 500 になる事象を、TypeScript の Non-Null Assertion が Vercel 側の env 未設定を覆い隠していたケースとして共有gitksusa13:40
360 の AI エージェントで Next.js ポートフォリオの予約機能をセキュリティ監査したNext.js 個人ポートフォリオの予約機能に対し、60 の AI エージェントを並列で当てて Critical 含む脆弱性を抽出した監査手順と結果のサマリryoshin083012:39
4InviteLoop の「現金報酬なし」設計招待コード共有掲示板 InviteLoop を「現金報酬なし・公式特典のみ」で設計した意思決定の理由を、規約違反・スパム抑制の観点から整理bokuwalily17:07
5フロントエンドCSS Part 14: Style Query と Container NamingContainer Query / Style Query / Container Naming の組み合わせで、viewport ベース media query では難しい「コンポーネント文脈に応じた可変スタイル」を実装する具体例tuanphan17:58
6フロントエンドCSS Part 13: レスポンシブとMedia Queryの限界ProductCard をホームとサイドバーで使い回す例から、viewport だけを見る media query の限界と container query の必要性を解説tuanphan17:17
7Web Audio API で React 製の音量・低中高域メータを作るWeb Audio API の AnalyserNode を 3 バンドに分け、React で音量・低中高域を同時メータ表示するコンポーネントの実装7g316:41
8Vite + React + TypeScript に GitHub Actions で CI を入れる個人 React プロジェクト向けに、ESLint・型チェック・Vitest・ビルドを並列で走らせる GitHub Actions ワークフロー設定7g316:41
9Astro の import 整理メモAstro コンポーネントの import を「フレームワーク → サードパーティ → 内部 alias → 相対」の論理グルーピングで揃え、再編集時のコンフリクトを減らす方針メモe_tyx016:56
10WebComponentsライブラリの選定Web Awesome 以外の Web Components ライブラリ候補を、見た目(デザインシステム)の差を軸に比較選定logue08:48
11このブログについて個人活動を一元的に公開するパーソナルメディアの開設告知takashi-matsuyama19:30
12OpenAI Node SDK v6.45.0 の afterCompletion フック と Realtime sidebandOpenAI Node SDK v6.45.0 で追加された afterCompletion フックと Realtime API の sideband チャンネルを公式リリースノートから解説kinamocchi_tech10:15
13技術記事のサンプルコードを CI で常時検証する仕組み技術記事のサンプルコードを GitHub Actions で常時検証し、依存パッケージや実行環境が更新されても陳腐化を検知できる運用を構築happy_engineer06:25
14Laravel 月次まとめ:13.13 → 13.17 で Postgres トランザクションプーラー対応Laravel 本体が21日間に5リリース(13.13→13.17)でセキュリティ修正2件と PostgreSQL トランザクションプーラー対応を含むことを月次でまとめsgrs3808:37
15WSL 上で PostgreSQL のサンプルコードを動かす環境構築メモWSL 上で PostgreSQL のサンプルコードを動かすためのインストール・初期化・サーバ起動手順masaki13001:10
16無料枠ベクトルDB4本、精度は横並び——本当の差は「無料枠がどこで最初に詰まるか」だったSupabase / Qdrant Cloud / Turso / Cloudflare の無料枠ベクトル DB を同条件で比較し、精度は横並びだが「無料枠が最初に詰まる箇所」が選定の決め手と結論axiompro7017:05
17【Cursor初心者向け】もうパスワードや個人情報は送らない!AIに見せない「秘密のファイル」の作り方Cursor で .cursorignore 等を活用し API キー・個人情報を AI 文脈に渡さない設定の手順EkanTw18:35
18AIChatAgent は会話ブランチの後付け実装と相性が悪いCloudflare AIChatAgent の内部状態モデルが「単一線形会話」前提で、会話ブランチ(分岐再生成)を後付け実装すると状態整合が崩れる構造的問題を指摘pikum99(6/25 21:20)

Publickey

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

gihyo.jp

#TitleSummaryPublished
1Linux Foundation、AIを使ったサイバー攻撃からOSSを守るプロジェクトAkritesを始動Linux Foundation が IT 業界の関連企業とともに、AI を活用したサイバー脅威から重要 OSS を守る取り組み「Akrites」を 2026年6月25日に発表06:00

GIGAZINE

#TitleSummaryPublished
1メールをAIで便利に管理できる「Notion Mail」が2026年9月でサービス終了、ユーザーの大半が受信トレイを開かなくなったのでAIエージェントに注力Notion Mail が 2026年9月22日でサービス終了、ユーザーの大半が受信トレイを開かなくなったため AI エージェントに開発リソースを集約する方針11:45

ITmedia News

#TitleSummaryPublished
1Notion、メールアプリ「Notion Mail」終了へ AIエージェントに全面移行Notion が Notion Mail を 9/22 終了、半数超のユーザーが受信トレイ確認をスキップしている実態を踏まえ AI エージェント主導の受信箱管理へ全面移行07:32

TypeScript Blog

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

Node.js Blog

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

Astro Blog

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

Cloudflare Blog

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

Vercel Changelog

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

AWS What’s New

#TitleSummaryPublished
1Amazon EC2 C8in instances are now available in additional regions(C8in インスタンスが追加リージョンで利用可能に)カスタム Intel Xeon 搭載 C8in が Ireland / Ohio で GA、C6in 比で「最大 43% 高い性能」と 600 Gbps のネットワーク帯域を謳う02:00
2Amazon Redshift adds Reserved Instance upfront pricing options for RG instances(Redshift RG インスタンス向け RI に前払い価格オプション追加)Redshift RG 系の 1年 / 3年 RI で All Upfront / Partial Upfront が 28 リージョンに展開、コスト最適化の選択肢が拡大01:39

Google Cloud Blog

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

Supabase Blog

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

web.dev

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

Mozilla Hacks

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

CSS-Tricks

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

Smashing Magazine

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

Hacker News

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