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

Web Dev Digest: 2026‑06‑19

Top 20

画面操作を”録画”→AIが作業代行 Codexに新機能「Record & Replay」

Source: ITmedia News | Published: 2026-06-19 14:15 JST

Temporary Cloudflare Accounts for AI agents

Source: Cloudflare Blog | Published: 2026-06-19 22:00 JST

Thursday, June 18, 2026 Security Releases

Source: Node.js Blog | Published: 2026-06-18 13:00 JST

Agent Factory Recap: 100X engineering with AI agents in Google Antigravity 2.0

Source: Google Cloud Blog | Published: 2026-06-18 21:51 JST

TypeScript 7.0 RCリリース ―Go言語ベースに移植され10倍高速に

Source: gihyo.jp | Published: 2026-06-19 11:46 JST

A First Look at Scroll-Triggered Animations

Source: CSS-Tricks | Published: 2026-06-19 22:03 JST

サイトがAIエージェントに操作ツールを渡すWebMCP、Chrome 149で試験開始

Source: Zenn | Published: 2026-06-19 09:31 JST

Cloudflare Agents SDK、副作用を承認ゲートで止めて再開する仕組み

Source: Zenn | Published: 2026-06-19 13:35 JST

macOS版Codexアプリにワークフローの”録画・再生”機能が登場

Source: gihyo.jp | Published: 2026-06-19 14:21 JST

Announcing the general availability of a new AWS Local Zone in Hanoi, Vietnam

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

GoogleスプレッドシートのGemini、日本語でスプレッドシート全体の作成・編集に対応

Source: gihyo.jp | Published: 2026-06-19 11:27 JST

Photoshopなど「Adobe Creative Cloud」にAIエージェント、アドビが全面導入 ChatGPTやClaudeとも連携

Source: ITmedia News | Published: 2026-06-19 15:45 JST

Cloudflare Agents SDK、副作用を承認ゲートで止めて再開する仕組み(Qiita)

Source: Qiita | Published: 2026-06-19 13:35 JST

Scaling Ray Serve LLM on GKE: Performance without losing the developer experience

Source: Google Cloud Blog | Published: 2026-06-19 01:00 JST

EmDashで作るサイトのメリット — WordPressと比べて何が嬉しいのか

Source: Zenn | Published: 2026-06-19 17:42 JST

【Laravel→TS移行記】Laravel全部サーバー・Vue全部クライアント、その間にある第三の構え 〜React Server Com

Source: Zenn | Published: 2026-06-19 22:56 JST

VueのテンプレートとReactのJSXは何が違うのか

Source: Zenn | Published: 2026-06-19 22:43 JST

Vite + React + TypeScriptでChrome拡張MV3を作って公開するまでにやったことまとめてみた

Source: Qiita | Published: 2026-06-19 16:53 JST

Next.js 16 + Supabaseで”リビルド不要”の自分専用フィードを作る

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

Fluent UI 2 の Slider を理解する — Input/Number 比較と Fluent UI Blazor 5 との違い

Source: Qiita | Published: 2026-06-19 21:00 JST


All Articles

Zenn

#TitleSummaryAuthorPublished
1AmiVoiceのAPIを利用したデスクトップ常駐エージェントを作ってみたAmiVoice 音声認識 API+カスタム辞書登録機能で、Gmail/カレンダー連携 TODO を持つ常駐エージェントを構築した実装ログMurase20:22
2Mastra YouTube 解説 エージェントの振る舞いをワークフローへ蒸留する設計Mastra の YouTube 解説動画を題材に、エージェント振る舞いを Workflow に「蒸留」する設計手順を速報まとめした記事jun shiromizu14:01
3Colorism v2: 効率的な色彩学習アプリの進化2026/6 公開の色彩学習アプリ v2 のリビルド動機、開発アプローチ、複数エージェント新機能の検証結果を共有bauhaus13:57
4TypeScriptの型のみでオセロの型を実装したので解説する値レベルを一切使わず、TypeScript の型のみでオセロのゲーム状態と勝敗判定を表現した実装の解説FORCIA Tech Blog 運営チーム13:00
5AWS BlocksのTodoアプリを動かした新興 TS フレームワーク AWS Blocks の Todo サンプルを動かし、Postgres 同梱ローカル開発と本番移行の手触りを確認tkwork11:24
6Unityのsplashを1バイト書き換えたら、寿司打が数秒速く起動した寿司打の起動時にダウンロードされる .unityweb を Chrome 拡張で 1 バイト書き換え、Unity スプラッシュを抑止して数秒短縮きょうすけ20:33
7Chrome拡張の中で SQLite + FTS5 を動かす技術Service Worker → Offscreen Document → Worker の三段構成と OPFS で、MV3 拡張内に SQLite+FTS5 全文検索を載せたar119:53
8生成AIで3D多重振り子に”小花火”を宿す3D 多重振り子シミュレータに物理同期パーティクル花火を仕込み、振り切り速度に応じて視覚密度を変える 1 ファイル実装はじめてらじお19:51
9FreeBSD jail で Codex CLI の device-auth が失敗する問題と暫定回避策FreeBSD jail 内 Codex CLI の device-auth 失敗を IPv6 到達性と関連付け、Node.js の DNS 解決順を変えて回避彦坂18:28
10Outbox パターンで SNS publish を確実に届けるDB 更新は成功したのに SNS publish が失敗してデータ不整合になる失敗パターンを Outbox パターンで解決する実装解説k-hoshihara09:58
11個人開発でAIを『無料』で組み込む:Cloudflare Workers + Gemini API 完全ガイドCloudflare Workers+Gemini API の無料枠の組合せで、中古車市場値推定 AI 機能を月額ゼロ円で個人開発に組み込んだ実例SLIPON22:14
12Presigned URLで画像アップロードを設計したらセキュリティの多層防御が見えてきたPresigned URL S3 アップロードを「フロント検証→バックエンド再検証→Bucket Policy→IAM→Lambda magic byte 検査」の 5 層で組む柳川 暁音18:57
13EC2 Rightsizingラボを”本番運用”目線で検証するEC2 Rightsizing を本番運用視点で再評価し、負荷再現/アラート通知/メトリクスに基づくサイジング判定を検証aataka18:27
14AWS DevOps Agentを入れる前に決めたいログ配信と調査起動の設計AWS DevOps Agent 導入前に決めるべき、CloudWatch Alarms からの自動調査起動とログ配信経路の設計上の論点を整理Simplex テックブログ運営16:00
15CDKでマルチスタック構成ではなくシングルスタック構成を採用してみた感想CDK で BLEA 流のマルチスタック前提を捨て、あえてシングルスタック構成にした際の運用上の利点と限界を比較レポートmuranakaaa14:52
16AWS CDK で Cognito を SES 連携させるCognito User Pool 既定送信制限を超えるため、CDK で SES 連携を構成し独自ドメイン送信・配信ログ・上限緩和を実現Takashi Yoneyama14:31
17AWS学習11日目:API Gateway × Lambda × DynamoDBAPI Gateway を入口に Lambda が DynamoDB を叩いて返す最小サーバーレス API を Day 11 課題として実装するチュートリアルzonooo14:12
18A2Aの仕組みを整理する — AIエージェント間通信プロトコルの基礎Google 2025 発の A2A プロトコルを、MCP やサブエージェント方式と比較しつつ「異フレームワーク間で会話する標準」として整理T.REX22:04
19AIアプリの成果物を履歴・再生・削除まで扱う設計生成 AI 成果物の保存先・メタデータ保持・履歴表示・削除フローを、DB 単独でなくオブジェクトストレージ前提で設計する話shouni18:17
20Cloud Storage(GCS)を用いた頻度・大容量書き込みワークロードの最適化衛星テレメトリのような毎秒数千件規模の書き込みを GCS に流し、データレイク取り込みまでの最適化ポイントを整理kat15:23
21React × Tailwind CSS 実践 #15|スケルトンスクリーンを実装するuseState/useEffect で読み込み状態を管理し、グレーの枠を並べたスケルトン UI で空白画面・スピナー単体を置換する実装Hiro|AIx Frontend Engineer22:11
22ReactはどうやってDOMを更新する?仮想DOMと再レンダリングの仕組みDOM の仕組み、仮想 DOM、reconciliation、key の役割、再レンダリング条件を React 利用者向けに横断解説なぎ08:52
23Hono任意の JS ランタイムで動く軽量フレームワーク Hono の導入手順と立ち位置を 1 ページにまとめた個人ノートbobchin14:08

Qiita

#TitleSummaryAuthorPublished
1JavaScriptのプロンプト活用術 失敗から学んだ質問の作り方と実装テクニックJavaScript の prompt() を実務で使うときの質問設計と、ユーザー入力ハンドリングの失敗事例から学んだ実装ポイントを整理NekoByte21:08
2ベテランさんが教えてくれない「BFF(Backend For Frontend)」を小学生でもわかるように解説BFF パターンを、なぜベテランが説明をスキップしがちかという視点から、初学者でも理解できる粒度で言い直した解説Hashimoto-Noriaki18:06
3AIが全部コードを書く時代、未経験者が最初に詰まるのは文法じゃなく「やりたいことを言葉にする力」だ未経験者の最初の壁は文法ではなく「やりたいことを言語化する力」だと主張し、AI 開発時代の学習設計を再考する論考ennagara12810:44
4【個人開発】ゲームBGM投票Webアプリ #5 セキュリティ対策の実装(後編)個人開発のゲーム BGM 投票アプリで、構成変更がセキュリティ対策に与える影響まで含めた実装の後編ryuu-317:25
5AIが先か、人間が先か — AI時代のJr.エンジニアの成長とはReact/TypeScript の学習現場で、AI 支援と自力スキル成長のせめぎ合いに直面したジュニア視点の振り返りYamada04017:02
6AI要約より品質保証が難しかった:日米行政一次情報パイプライン構築の実践知見日米 15 情報源を横断する一次情報パイプライン「DTM Digest」で、AI 要約より QA の方が遥かに難しかった現場知見anjim10:52
7AIでアプリを量産する時代の「出す前5分」セキュリティ最低限ガイドAI でアプリを量産する時代の「出す前 5 分」で押さえる最低限セキュリティを、コピペチェックリスト付きで提示sleepycat_web307:36
8【DBeaver】AWS環境のデータベースと接続するローカル DBeaver から AWS 上のデータベースへ接続するための前提条件と具体手順を、初回セットアップ目線でまとめた記事jyas-protein10:29
9IoTエッジ端末から専用線サービスを介したAWS Direct Connectの接続事例エネルギー機器のリモート監視で、IoT エッジ端末を専用線サービス経由 Direct Connect で AWS につなぐ事例ysk_kdo19:11
10Tauri + Three.jsで3D地形ビューアを作る⑥:ドラッグ・スワイプで地形を回転するTauri + Vue + TypeScript + Three.js の 3D 地形ビューア連載第 6 回、ドラッグ/スワイプによる回転操作を実装t_tanno10:10
11ハローワークの職業訓練から、AI と書く時代まで。Web制作15年、地層を掘り返すHTML5 黎明期から AI 補助時代までの 15 年を、職業訓練上がりキャリアの視点で地層的に振り返ったエッセイtanimoto-hikari17:25 (updated)
12【Cursor安心開発】コードが壊れても怖くない!「過去に戻るボタン」と「Web画面からコードを作る技」Cursor で安心して開発するための「過去に戻る」復旧操作と、Web 画面のスクショからコードを生成する小技を実演EkanTw18:46

Publickey

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

gihyo.jp

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

ITmedia News

#TitleSummaryAuthorPublished
1moomoo証券に3カ月の一部業務停止命令、NISA対象外を「対象」と虚偽説明 金融庁金融庁が moomoo 証券に対し、NISA 対象外商品を対象と誤表示した件で 3 カ月の一部業務停止命令を出した行政処分20:30
2アクロバットで話題の人型ロボ「H1」「G1」、GMO子会社が国内販売へ 中国Unitreeと代理店契約GMO AI & Robotics が中国 Unitree と代理店契約を結び、人型ロボ H1/G1 を日本国内で販売開始19:00
3AIと話すだけで動画編集できる映像ソフト、オープンソースで登場Palmier Pro が GPLv3 で公開、Claude Code 等の AI を介して動画/音声/画像/テキスト多重編集、Premiere/DaVinci 連携可18:20
4ダイソンの高級ハンディファン、使って分かった羽根のないことの便利さダイソン初のポータブル携帯扇風機を実機レビュー、羽根なし設計の利便性と気になる点を生活目線で評価13:32
5東北大、4月の不正アクセスに続報 連絡取れない元入院患者・治験医師に申し出呼びかけ4 月の臨床試験 NAS 不正アクセスの続報として、東北大が連絡不能の元入院患者・治験医師に個別申し出を呼びかけ13:00
6Midjourneyが医療参入、超音波全身スキャナとサウナ融合の「Midjourney Spa」構想を発表画像生成 AI の Midjourney が、超音波全身スキャンとスパ施設を融合する「Midjourney Spa」構想で医療市場に参入12:15
7筋トレの健康効果、週○分で頭打ち 適正時間は? 米ハーバード大などが14万人を調査14 万人規模の追跡で、レジスタンストレーニング時間と死亡率低下の限界点をハーバード大が定量的に検証12:00
8Waymo、ロボタクシーの高速道路走行を制限 工事区間に進入する不具合でリコール届け出高速道路工事区間への進入リスクを理由に、Waymo が 3,871 台のロボタクシーをリコール、走行範囲を暫定制限10:36
9東急「車内コンセントでモバイルバッテリー充電しないで」 注意喚起を更新東急が車内コンセントでモバイルバッテリーを充電しないよう改めて注意喚起を更新、安全運用を呼びかけ09:57
10OpenAI、Google「Gemini」共同リードのノーム・シャジーア氏を獲得OpenAI が Gemini 共同リードのノーム・シャジーア氏と、トランプ政権 AI 政策担当ディーン・ボール氏を新規採用08:49
11不老不死に大金注ぐIT富豪たち 我が身で人体実験、若者の血を輸血Nature が、未承認薬や若者の血の輸血を用いた IT 富豪の「自分実験」型バイオハッキングの過熱を批判的に報告07:00
12トランプ大統領「AppleがIntelと提携し、米国でチップ製造」と自身のSNSに投稿トランプ大統領が SNS で、Apple と Intel が米国内チップ設計・製造で提携すると一方的に発表06:58
13電博、2社そろってChatGPT広告参入 OpenAIと直接連携の国内ローンチパートナーに電通・博報堂の 2 社が OpenAI と直接連携し、ChatGPT 広告の国内公式ローンチパートナーに就任06:57

GIGAZINE

#TitleSummaryAuthorPublished
1GitHubで約1万のリポジトリがトロイの木馬を配布、合法プロジェクトをコピーする手口GitHub 上で正規プロジェクトを複製してトロイの木馬を仕込む約 1 万件規模のマルウェア配布リポジトリ群が発見された14:54
2Waymo、4,000台超のロボタクシーをリコール高速道路工事区域進入事案が 13 件以上確認されたことを受け、Waymo が 4,000 台超のロボタクシーをリコール12:23
3ChatGPTの新しい「スケジュールされたタスク」機能ChatGPT が「スケジュールされたタスク」で自動実行を可能にする一方、デイリーダイジェスト機能の終了が告知された12:05
4AndroidのDeveloper Verificationが2026年に始まるGoogle が Android 開発者本人確認の必須化スケジュールを発表、未認証アプリの配布制限が段階導入される11:47
5Apple A12/A13 に修正不能な脆弱性が見つかるA12/A13 世代の iPhone プロセッサに、ソフト更新で修正できない恒久的セキュリティ欠陥が発見された11:36
6Apple と Intel のチップ提携大統領発表として、Apple と Intel が米国内でチップ設計・製造を共同で行う合意に至ったと主張11:27
7Amazon、Trainium を外販開始へAmazon が自社 AI チップ Trainium を AWS 外の顧客にも販売する方向で交渉開始したと報道11:22
8Grok が Word/Excel/PowerPoint と連携Grok の拡張により、Word/Excel/PowerPoint 上で AI 文書作成・表計算分析が直接行えるようになる10:45
9ゲーム開発で「ファイルをマージしない」運用バイナリ資産が中心のゲームスタジオでは、マージより排他ロック運用の方が現実的な理由を開発者が解説08:00
10TSMC が手いっぱい、Samsung 代替を検討Google や NVIDIA を含む大手が、TSMC の供給逼迫を背景に Samsung Foundry を代替候補として検討中と報じられた07:00
11NVIDIA ENPIRE ロボットフレームワークNVIDIA の ENPIRE で AI エージェントが自律的にロボットのタスク実行能力を改善するワークフローを提供12:24
12IN THE WEIGHTS — AI 内の名前の重みを可視化するツールLLM の内部表現で人名がどの程度の重みを持つかを可視化するサービス「IN THE WEIGHTS」が公開された23:00
13Intel Arc Pro B70 を AI 推論で検証32GB VRAM を搭載した Intel Arc Pro B70 を、ローカル AI 推論用途でベンチマーク評価15:34
14Apple Beats Studio Buds の盗聴脆弱性パッチ会話を傍受可能な Beats Studio Buds の脆弱性を、ソフトウェア更新で Apple がパッチ提供14:21
15iOS が Brazil で alt marketplaces 解禁規制和解を受けて、Apple がブラジル iOS 上で代替アプリマーケットプレイスと別決済を正式に認可12:21
16Windows の新 Outlook が重い件新 Outlook 版で大幅な動作遅延を報告するユーザーが続出、旧版から乗り換えた環境で顕著16:00
17Poolside の Laguna M.1 がオープン化Poolside が独自モデル Laguna M.1 を一般公開、Mac 向け量子化版も用意されローカル運用が可能に19:00

TypeScript Blog

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

Node.js Blog

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

Astro Blog

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

Cloudflare Blog

#TitleSummaryAuthorPublished
1Build your own vulnerability harnessCloudflare 内製の多段脆弱性発見ハーネスと自動トリアージループの技術アーキテクチャを内部チームが詳解Dan Jones, Alexandra Godoi, Grant Bourzikas02:59 (6/19)
2Celebrating 12 years of Project GalileoProject Galileo 12 周年を機に、市民社会組織へのサイバー攻撃動向を分析した初の包括レポートを公開Jocelyn Woolbright, Allie Funk, Grace Bennett22:00 (6/18)

Vercel Changelog

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

AWS What’s New

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

Google Cloud Blog

#TitleSummaryAuthorPublished
1Scaling the Next Generation of Global InnovationGoogle スタートアップ支援プログラムが 10 年で 88 か国 2,011 社、生存率 93% を達成、欧州 DeepMind Accelerator など新設21:51 (6/18)

Supabase Blog

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

web.dev

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

Mozilla Hacks

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

CSS-Tricks

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

Smashing Magazine

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

Hacker News

#TitleSummaryAuthorPublished
1Show HN: PostgreSQL MCP Server with 135 toolsRust 製の PostgreSQL MCP サーバーで、運用・クエリ・分析を含む 135 種のツールを単一サーバーから提供19:12
2Try AI Operators on PostgreSQLPostgreSQL に対し AI ベースのオペレータを試せるサービス、SQL を介さず自然言語からデータ操作を発行18:34
3I Replaced JSON with a Custom Binary Format. In PHPPHP アプリケーションで JSON を独自バイナリ形式に置換し、シリアライズ性能とサイズ削減を測った実験報告17:14
4Show HN: bill.today – use a local folder to do your billingローカルフォルダだけでビリングを完結させるシンプル設計の請求書管理ツール、クラウド依存を排除20:10