VOL. 043
WEB DEV DIGEST
WEB DEV OUTLINE
2026-06-18
木曜日 · JST
TODAY’S ISSUE 2026年6月18日 · 木曜日 WEB FRONTLINE

Web Dev Digest: 2026‑06‑18

Top 20

Announcing TypeScript 7.0 RC

Source: TypeScript Blog | Published: 2026-06-18 23:31 JST

Vercel Ship 2026 recap

Source: Vercel Changelog | Published: 2026-06-18 01:00 JST

Celebrating 12 years of Project Galileo

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

Cloud Network Insights: end-to-end observability for the Cross-Cloud Network

Source: Google Cloud Blog | Published: 2026-06-18 04:30 JST

Node.js 26.3.1 (Current)

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

Node.js 24.17.0 (LTS)

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

Node.js 22.23.0 (LTS)

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

Thursday, June 18, 2026 Security Releases

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

AWS DevOps Agent adds release management capability (preview)

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

エージェントリソース検索のためのオープンな標準仕様「Agentic Resource Discovery」発表

Source: gihyo.jp | Published: 2026-06-18 12:57 JST

Google WorkspaceのGeminiアプリ、個別チャットの削除と一時チャット機能を追加へ

Source: gihyo.jp | Published: 2026-06-18 10:22 JST

GA4を設置したのに「データはまだありません」が3週間。犯人はAstroの is:inline だった

Source: Zenn | Published: 2026-06-18 16:07 JST

npm view gitHead と time で「GitHubでは修正済みだがnpmには未リリース」を確認する

Source: Qiita | Published: 2026-06-18 21:03 JST

Epic Gamesが大容量バイナリ対応のバージョン管理システム「Lore」を公開

Source: GIGAZINE | Published: 2026-06-18 16:05 JST

iOSのBlink駆動ChromiumブラウザがSafariを30%上回るパフォーマンス

Source: GIGAZINE | Published: 2026-06-18 12:05 JST


All Articles

Publickey

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

gihyo.jp

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

ITmedia News

#TitleSummaryAuthorPublished
1ChatGPTに新機能、予約したタスクを自動実行できる「Scheduled tasks」OpenAI が指定時刻に自動実行・状況監視させられる ChatGPT の Scheduled tasks 機能を一般展開した。14:30
2「AIコーディング」がたった5年で急進化したワケNTT 開発者の分析として、AI コーディング能力は 2021 年から 5 年で競技プログラミング解法レベルまで到達したと整理。08:00

GIGAZINE

#TitleSummaryAuthorPublished
1GitHubでプルリクエスト数の上限設定が可能にGitHub が生成 AI による PR 乱発対策として、リポジトリ単位で同時オープン PR 数の上限を設定できる新機能を追加した。12:10

TypeScript Blog

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

Node.js Blog

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

Astro Blog

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

Cloudflare Blog

#TitleSummaryAuthorPublished
1Build your own vulnerability harnessCloudflare のエンタープライズ脆弱性発見基盤を、モデル非依存層と状態管理で構築する設計解説。Dan Jones, Alexandra Godoi, Grant Bourzikas02:59 (6/19)

Vercel Changelog

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

AWS What’s New

#TitleSummaryAuthorPublished
1Nested virtualization is now available on additional Intel platforms and US Gov Cloud regionsEC2 のネスト仮想化対応を C7i / R7i / M7i など Intel 系インスタンスと US GovCloud リージョンに拡張、KVM / Hyper-V / WSL を EC2 上で動かせる。03:47 (6/19)
2Ministral-3-14B-Instruct for multimodal reasoning and agentic AI is now available in Amazon SageMaker JumpStartMistral AI のマルチモーダル 14B モデル Ministral-3-14B-Instruct を SageMaker JumpStart から多言語・画像入力・function calling 対応でデプロイ可能に。03:30 (6/19)
3AWS Glue Interactive Sessions now support Spark Connect for interactive workloadsAWS Glue Interactive Sessions が Apache Spark Connect に対応し、好みのノートブックや IDE からサーバレス Glue 上の Spark を直接操作できる。04:15
4AWS HealthOmics now streams workflow engine logs to Amazon CloudWatch in real timeAWS HealthOmics が workflow engine ログを CloudWatch にリアルタイム配信し、バイオインフォ向けに実行監視とアラーム設定を容易化。01:00
5Amazon RDS for PostgreSQL, MySQL, and MariaDB now supports M9g database instancesRDS が Graviton5 ベースの M9g に対応、Graviton4 比で性能 +30%・価格性能 +23% を実現し新たに xlarge サイズも追加。00:00
6Amazon Aurora and RDS for MySQL expand Extended Support for MySQL 5.7 through June 2029Aurora MySQL / RDS for MySQL 5.7 の Extended Support 期限を 2029 年 6 月まで延長し、移行準備中も継続的にパッチを受けられるよう調整。00:00

Google Cloud Blog

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

Supabase Blog

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

web.dev

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

Mozilla Hacks

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

CSS-Tricks

#TitleSummaryAuthorPublished
1The Siren Song of ariaNotify()WAI-ARIA 1.3 の ariaNotify() を解説、不安定な ARIA live region に頼らずスクリーンリーダーに直接通知をトリガできる新 API を紹介。Mat Marquis00:32

Smashing Magazine

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

Hacker News

#TitleSummaryAuthorPublished
1Pagecast – Publish Markdown/HTML Reports to Cloudflare PagesMarkdown / HTML レポートを Cloudflare Pages に公開する CLI で、Claude Code / Codex 連携を備えた静的サイト発行ツール。amaldavid04:42 (6/19)
2Show HN: I Made TTSC, TypeScript v7 ToolChain for Plugins Like TypiaTypeScript v7 向けのツールチェーン TTSC で、Typia 系プラグインを自動検出して複雑な tsconfig 設定なしに使えるようにする。autobe04:31 (6/19)
3Setting up PostgreSQL for running integration tests統合テスト用に PostgreSQL を立てる実践ガイドで、リセット高速化やコネクション管理など実務で詰まる部分を解説。thunderbong03:18 (6/19)
4A PostgreSQL Database for Every Agent: In-Database RAG, Graph, and MultitenancyAI エージェントごとに DB を割り当てる思想で、RAG / グラフ / マルチテナントを PostgreSQL 内で完結させる Yugabyte の提案。bug2man02:05 (6/19)

Zenn

#TitleSummaryAuthorPublished
1React × Tailwind CSS 実践 #14|マルチステップフォームを実装するReact + TypeScript + Tailwind CSS で 3 ステップフォームを useState 起点に組み、進捗バー・ボタン挙動を状態 1 つで切り替える設計を解説。Hiro|AIx Frontend Engineer19:33
2今更普段使っているツールや事柄について学んでみた業務で使う ESLint を改めて学び直し、コンパイラとの違いやコーディング規約チェッカーとしての位置付けを整理した個人メモ。hiro19:28
3生成AI plus 単一HTMLでここまでできる:3D多重振り子シミュレータの物理・カオス・演出を読み解く1 ファイル HTML で動くマルチボディ・ダイナミクスの 3D 多重振り子シミュレータを実装し、物理計算と演出の中身を読み解く。はじめてらじお_フルリモ・データアナリスト01:02 (6/19)
4【Part1】【No.006】Reactの前に知るTypeScript超入門 ― JSに型を足すと何が嬉しいかReact 学習前提として TypeScript の必要性を、: stringinterface の意味から初心者向けに分解。ペンギンエンジニア23:56
5サーバー代ほぼ0円でオンライン動画編集サービスを作ってみた話(Next.js + Remotion)動画編集とエンコードを 100% ブラウザ実行に振り切って GPU サーバコストを回避し、Next.js + Remotion でチャット動画 SaaS を構築した記録。Yukapero23:31
6Astroで本文にルビをふるAstro サイト本文にルビを付ける必要性を整理し、ルビ財団のツールを使って組み込む実装方針を検討。yukidoke22:08
7キーボードから手を離さない:1画面完結のドロップダウン型ミニマムメモアプリ「memoake」を作った話Linux の Yakuake 風に画面上部からドロップダウンするグローバルショートカット型メモ memoake を、保存先選択など認知負荷ゼロで使えるよう実装。赤アーモンド12:30
8Claude Code のツール呼び出し漏れバグをフックで検知・自動リカバリするClaude Code でツール呼び出しが本文テキストに漏れる回帰を、二層フック構成で予防 → 検出 → 自動リカバリする実装。Seiji Kohara16:51
9ロック取得順を一か所で決めてデッドロックを避ける予約 API に PostgreSQL アドバイザリロックを入れる際、ロック取得順を 1 ヶ所で固定してデッドロックを回避した実装パターン。Katayama17:09
10全ユーザーのOGPページをNode.jsで静的生成する — Ateli.erの仕組みSPA で OGP が出ない問題を、Node.js でユーザー投稿ブロック単位の OGP ページを事前静的生成して解決した Ateli.er の構成解説。木下貴博 / 木下スタジオ10:03
11Flue Framework 実践入門 — AIエージェントを本番で動かすFlue Framework を、さくらの AI Engine 上での動作確認と Linear webhook 連携まで通して、AI エージェント基盤として実運用する Book。MAAAAAAAAAAA18:53
12日本全国の保護猫・保護犬の里親募集を横断検索できるサイト「ているまっち!」を作った47 都道府県の公的保護動物情報を横断検索する無料サービスを Cloudflare 上に構築した個人開発レポート。kako-jun18:40
13週刊Cloudflare - 2026/06/14週6/14 週の Cloudflare サービス更新を Wrangler 含めて網羅し、ダッシュボード変更も拾ったウィークリーまとめ。あさひ15:32
14TerraformからAWSへの権限の渡し方を整理して実際の構築してみた件Terraform から AWS への認証手段を整理し、GitHub Actions + OIDC + S3 バックエンドで実際に構築する手順を比較込みで解説。拓田しろう22:16
15LocalStackとWireMockで段階的な結合テストをするk8s CronJob + SNS + Lambda 構成のディスク監視バッチを、LocalStack と WireMock で AWS / 外部 API を段階的にモックして結合テスト。tonbiattack22:09
16【Data & AI Summit ‘26】『Agent-Ready ー 理論から実践へ』が示す、データ基盤の「SoA化」というパラダイムDatabricks Data & AI Summit ‘26 Spring の基調講演を起点に、データ基盤を「SoA 化」して AI エージェント前提に組み替えるパラダイムを整理。Cheng Yi15:08
17ドメインが突然プレミアム指定されて更新料2万円請求された話内部用ドメインがプレミアム指定で更新料 2 万円に跳ね上がったため、Docker Compose と Caddy 設定を入れ替えて別ドメインへ短期移行した記録。白樺バイオーム10:14

Qiita

#TitleSummaryAuthorPublished
1Relayとは何か?わかりやすく解説するGraphQL Relay を初心者向けに、Fragment / Relay Compiler / Node interface などの関連用語と一緒に整理。sghr2022:38
2npm install -g aws-cdk なしで cdk init するnpx aws-cdk init app --language typescript でグローバル CDK なしに初期化する手順を、Dev Containers と npmrc セキュリティ設定込みで紹介。torifukukaiou23:08
3サイトがAIエージェントに操作ツールを渡すWebMCP、Chrome 149で試験開始Chrome 149 で試験開始される WebMCP を、サイト側がエージェントに操作ツールを公開する規格として DOM 推測の限界とともに解説。okssusucha22:31
4ハローワークの職業訓練から、AI と書く時代まで。Web 制作 15 年の地層HTML5 黎明期から Flash 終焉、IE6 対応を経て AI コーディング時代までの Web 制作 15 年を個人視点で振り返った回顧録。tanimoto-hikari21:40
5LINEミニアプリをWebアプリ開発者視点で読み解く:認証・通知・カメラの違いLIFF を Web アプリ視点で読み解き、認証・通知・SEO の 3 点で従来 Web アプリと異なる挙動を実装観点で整理。amanity-haray17:54
6HTMLとCSSを勉強した。でも次に何をすればいいかわからない人へHTML / CSS 学習後の進路相談に対し、React や Next.js までの一般的なロードマップを講師視点で提示。monotein13:56
7サーバー代ほぼ0円でオンライン動画編集サービスを作ってみた話(Next.js + Remotion)レンダリング / エンコードをサーバから外して GPU コストを回避した動画 SaaS を Next.js + Remotion で構築した個人開発記録。Yukapero23:15
815+ Best Shadcn UI Animation Components for React & Next.jsShadcn/UI 単体でモーションを追加できるアニメーションコンポーネント 15+ を React / Next.js 向けに紹介。vaibhavgupta14:56
9個人開発で「子供が主人公になるAI絵本」を開発した子供をキャラクター登録し AI でパーソナライズ絵本を生成する個人開発サービスを、ジャンル / 文体選択込みで構築。kodomobeya_tech13:20
10未経験者を最初に止めるのは「難しいコード」じゃない、用語の洪水だNext.js チュートリアルで初心者が詰まるのは難度ではなく専門用語の多さだとし、Claude Code を「用語翻訳機」として使う工夫を提案。ennagara12811:12
11Relayを「クライアント」と「Server Specification」に分けて理解するメリットRelay を Client 機能と Server Specification に分けて捉えると、Global ID / Connection / Compiler の役割が理解しやすくなる視点を提示。sghr2022:33
12Tauri + Three.jsで3D地形ビューアを作る⑤:地形表面にグリッド線を重ねるTauri + Vue + TypeScript + Three.js で作る 3D 地形ビューア連載 5 回目、表面にグリッド線を重ねるシェーダ実装。t_tanno10:28
13Databricks Free Edition + Lakebase で「記憶を持つ」LangGraphエージェントを動かすDatabricks Free Edition 新機能 5 種 (Genie Code / Serverless GPU / Lakebase / Agent Bricks / Lakeflow Designer) のうち Lakebase を使い、状態保存付き LangGraph エージェントを実装。taka_yayoi16:02
14【Cursor中級者への道】自分好みの相棒に育てる!「マイルール設定」と「AIコードレビュー」Cursor 中級者向けに .cursorrules で個人スタイルを記憶させ、AI コードレビュー機能で自動チェックさせる活用法を紹介。EkanTw18:54
15【AWS】CDKはじめの一歩Terraform / CloudFormation / AWS CDK を比較しながら、AWS CDK で初めて IaC を始める導入手順を整理。ooki23:55
16【AWS】Managed Knowledge BasesでチャンクサイズをCLIで指定するBedrock Managed Knowledge Bases のコンソール固定値 (300 トークン / 20% オーバーラップ) を、AWS CLI でカスタムチャンク設定にする手順。kikuziro21:24
17Cloudflare PagesとGitHubを連携して静的サイトをホスティングする手順【初心者向け】Cloudflare Pages と GitHub 連携で静的サイトをホストする手順を、git push でデプロイが回る流れを軸に初心者向けに解説。KasasagiWorks18:49
18Web Awesome (Shoelace)を使ってみたBootstrap 経験者が Web Awesome (Shoelace) コンポーネント集を試用し、Web Components ベースの使い勝手と特徴を比較レビュー。logue16:53
19⚡ フロントエンド基礎講座【第三回】TypeScriptでインタラクションを作ろう!TypeScript で DOM 操作とイベント処理を型付きに書く流れを、フロントエンド基礎講座シリーズ第 3 回として実装ベースで解説。toamoku-2022041812:52