Web Dev Digest: 2026‑06‑17
Top 20
Introducing eve
Source: Vercel Changelog | Published: 2026-06-17 13:00 JST
- Vercel が「エージェントはディレクトリである」を掲げるオープンソースのエージェントフレームワーク eve をパブリックベータで公開した
- agent.ts / instructions.md / tools / skills / subagents / channels / schedules / evals のファイル構成で耐久実行・サンドボックス・人間承認・evals が組み込み済み
- ローカルは Docker / microsandbox / just-bash、本番は Vercel Sandbox で動作し、Slack / Discord / Teams / Telegram / Twilio / GitHub / Linear をネイティブ対応
- 社内運用実績として d0 が月3万+ の質問処理、Vertex がサポート自動解決率 92%、Lead Agent が年間効果を $5,000 から $16万へ拡大
- Vercel 上のデプロイのうちエージェント起動の比率が 1 年前の 3% から 29% に上がり、半年以内に 50% 到達を見込むと公表
Introducing Vercel Connect
Source: Vercel Changelog | Published: 2026-06-17 13:00 JST
- Vercel Connect は OIDC ベースの身元証明を使い、長期保存トークンの代わりに実行時に短期トークンを取得してエージェントから外部 SaaS を呼べるサービス
- 対応プロバイダは Slack / GitHub / Linear / Discord / Notion / Salesforce / Figma / Snowflake、近日 Resend / Workday / Microsoft Teams を追加予定
- コネクタ登録によるスコープ制限、ユーザー単位のトークン代理発行、Dev / Preview / Production の環境別分離、
vercel connect revoke-tokensでの即時失効をサポート - 受信側として Slack / GitHub / Linear からのイベントを署名検証してエージェントに転送するトリガー機能も同梱
- 料金は Hobby が月 5,000 トークンリクエスト無料、Pro / Enterprise は 10,000 リクエストあたり $3 で課金される
The Agent Stack
Source: Vercel Changelog | Published: 2026-06-17 13:30 JST
- Vercel が「エージェントは AI 接続・実行・統合の 3 つに分解できる」とし、各層に対応する自社製品をマッピングしたリファレンスを公開
- モデル接続は AI SDK でインタフェース統一、AI Gateway がトークンを CDN 的に配信してフォールバック・キャッシュ・コスト計測を担う
- 実行層は Workflow SDK によるステップチェックポイントと、Linux カーネル分離 / Docker 対応の Vercel Sandbox(マイクロ VM)で耐障害性を確保
- 統合層は Vercel Connect のスコープ限定トークンと Chat SDK が SaaS との接続を担当、外向け UI も同居する
- 採用例として SERHANT. が Claude / GPT / Gemini を併用、FLORA が 50 以上の画像モデルを切り替え、NanoClaw が 15 以上のアプリと連携する事例を紹介
Introducing the Cloudflare One stack: agent-powered deployment
Source: Cloudflare Blog | Published: 2026-06-17 22:00 JST
- Cloudflare が AI エージェント向けスキルセット Cloudflare One stack を公開し、Zero Trust 環境の設計・展開・運用をエージェントに委譲できるようにした
- 構成は cloudflare-one と cloudflare-one-migration の 2 スキルで、Cloudflare code mode MCP サーバーを介して API へ型付きアクセスする
- VPN 置換の Cloudflare Access、Cloudflare Gateway によるユーザー / ネットワーク / デバイス / データ保護、Tunnel / Mesh / WAN を扱える
- Zscaler Private Access と Palo Alto Networks からの移行ガイダンスを内蔵し、Netskope 対応も検討中(既存の Descaler / Deskope プログラムと連動)
- ネットワーク図の自動生成や DEX を使った接続トラブルシューティングも組み込まれ、cloudflare/skills の GitHub リポジトリで配布されている
Cloudflare DMARC Management is now generally available
Source: Cloudflare Blog | Published: 2026-06-16 22:00 JST
- Cloudflare DMARC Management が無料で全顧客に GA、Google / Microsoft / Yahoo の認証強制化に対応するための導入を後押しする
- p=none → p=quarantine → p=reject への段階移行を支援し、grace period 終了後の本格的な強制適用に間に合わせる位置付け
- ソース調査機能で送信元 IP・認証結果・脅威インテリジェンスを 1 画面で可視化、サードパーティ送信サービスの炙り出しを容易にした
- DMARC / DKIM / SPF / BIMI の各レコード状態を Pass / Warning / Fail で判定し、修正方針を提示する
- SPF ルックアップ監査機能は RFC 7208 の DNS lookup 上限 10 回の超過を検知してデリバリビリティ低下を防ぐ
Vercel for Enterprise Apps and Agents
Source: Vercel Changelog | Published: 2026-06-17 08:00 JST
- Vercel が「アクセス制御をデフォルト化したエージェント運用」をテーマに Passport / Connect / Enterprise Managed Users / BYOC on AWS を発表
- Vercel Passport は Okta / Microsoft Entra / Auth0 / OpenID Connect 互換 IdP を経由して内部アプリやエージェントへのアクセスを管理する
- Vercel Connect は Slack / GitHub / Snowflake / Salesforce / Linear 等への短命トークンを発行し、長期保存シークレットを排除する
- Enterprise Managed Users は SAML SSO と Directory Sync で全ユーザーのライフサイクルを集中管理する
- BYOC on AWS は顧客所有の AWS アカウント内でアプリ / エージェントを実行するプライベートベータで、データ境界を企業側に留め置く
Amazon S3 Vectors reduces query charges by up to 80% for large indexes
Source: AWS What’s New | Published: 2026-06-16 16:00 JST
- 1,000 万ベクトル超の S3 Vectors インデックスを対象に、クエリ時のデータ処理課金が最大 80% 引き下げられた
- 2026 年 6 月 16 日付で S3 Vectors を提供する全 AWS リージョンに自動適用され、アプリ側の改修は不要
- 想定ユースケースは RAG・セマンティック検索などの AI ワークロードで、利用継続だけで実質的なコスト削減を享受できる
- AWS は単一巨大インデックスではなく複数インデックスへの分散がクエリ性能向上に寄与するとガイダンスを更新した
- 公式の S3 料金ページと製品ページに最新の単価とアーキテクチャ指針が記載されている
AWS Blocks (Preview)
Source: AWS What’s New | Published: 2026-06-17 00:49 JST
- AWS が「ローカルと本番を同じコードで動かす」TypeScript フレームワーク AWS Blocks をオープンソースのプレビューで公開
- ローカルには Postgres・認証・リアルタイムメッセージングが組み込み済みで AWS アカウントなしで開発を始められる
- SPA は Vite + React、SSR は Next.js / Nuxt / Astro をサポートし、AWS CDK と連結したエンドツーエンド型安全な構成を提供
- データベーステーブル / 認証 / AI エージェント / ファイルアップロード / バックグラウンドジョブを 1 セッションで一気通貫に追加できると謳う
- 追加料金は無く実 AWS 利用分のみ課金、
npx @aws-blocks/create-blocks-appから開始でき全商用リージョンで利用可能
Amazon S3 introduces annotations for business context
Source: AWS What’s New | Published: 2026-06-16 13:00 JST
- Amazon S3 に新メタデータ Annotations が追加され、各オブジェクトに最大 1GB の JSON / XML / YAML を貼付できるようになった
- AI エージェントや分析ツールがデータ発見時に必要なビジネス文脈を直接読めるようになり、追加データソース不要となる
- 中国リージョン含む全 AWS リージョンで GA、修正 / 削除がいつでも可能でコピーやレプリケーション時には付随移動する
- S3 Metadata と連携して Amazon Athena でクエリ可能、Apache Iceberg 互換ツールからも利用できる
- ユースケースの代表は SageMaker Unified Studio の自然言語検索と、S3 Tables MCP server 経由のエージェント自動データ理解
Amazon S3 Vectors supports up to 10,000 similarity search results per query
Source: AWS What’s New | Published: 2026-06-17 06:22 JST
- Amazon S3 Vectors の QueryVectors API が 1 クエリあたり最大 10,000 件の類似検索結果を返せるよう拡張された(従来比 100 倍)
- multi-stage retrieval pipeline でのリランキング・集約・重複排除といった後段処理を前提に topK パラメータが拡張された
- 結果はマルチページ返却で先頭ページから即時処理を始められ、後続ページは必要に応じて取得する設計
- データ転送は 1 クエリ 512 KB まで無料、その先のみ通常課金となるため大粒度の検索でもコストが見通しやすい
- 利用には最新の AWS SDK と QueryVectors 呼び出しの更新が必要、S3 Vectors を提供する全 AWS リージョンで利用可能
Prop For That
Source: CSS-Tricks | Published: 2026-06-17 03:36 JST
- Open Props 作者の Adam による Prop For That が公開され、JS の値を CSS カスタムプロパティとして使えるようにする
- カーソル位置・スクロール速度・進行度・フォーム状態・現在時刻・動画ライブシャドウなど CSS 単体では届かない値を変数化する
- 使い方は
data-props-for="pointer"を要素に付与して--live-pointer-x--live-pointer-yを直接 CSS で参照するだけ - 公式デモ prop-for-that.netlify.app ではスクロールモーメンタムやスライダーの色相シフトといったインタラクション事例を展示
- 既存の Open Props(色 / 影 / サイズ / タイポのプリセット変数集)と組み合わせる前提で設計されている
Firefox 152 リリース(GIGAZINE 記事)
Source: GIGAZINE | Published: 2026-06-17 10:50 JST
- Mozilla が Firefox 152 を正式リリースし、設定画面のカテゴリ刷新と「Send tab」ボタンを追加した
- プライベートブラウジングで問題サイトに限定してトラッカーブロックを一時停止する機能を追加(他保護は維持)
- 開発者向けに CSS
field-sizing、Web Notifications の actions、WebAuthn Related Origin Requests、Pointer Lock のunadjustedMovementが解禁 - アドレスバーで「mute」「shush」「sssh」と打つと全タブのオーディオを一括ミュート可能、JPEG XL は Firefox Labs で実験提供
- 次期 Firefox 153 は 2026 年 7 月 21 日リリース予定、ローカル翻訳のバスク語・ガリシア語追加とスペル辞書 11 言語拡張も同梱
Build and Deploy a Remote MCP Server to GKE in 30 Minutes
Source: Google Cloud Blog | Published: 2026-06-17 09:00 JST
- Google Cloud が FastMCP + Streamable HTTP transport で書いたリモート MCP サーバーを GKE Autopilot に 30 分で乗せる手順を公開
- ロードバランシングと SSL 終端は Kubernetes Gateway API + Google Managed Certificate、セッション維持は GCPBackendPolicy の
CLIENT_IPアフィニティで構成 - コンテナは python:3.10-slim + uv 0.4.15 を採用、Deployment は 2 レプリカで CPU 250m〜500m / メモリ 256Mi〜512Mi の控えめなリソース
- ヘルスチェックは
/healthzを 15 秒間隔で叩き、HTTPS は 443、MCP は 3000 ポートにマッピング - リージョンは us-central1、
gcloud container clusters create-autoの release-channelrapidで立てる構成で、ハンズオン全体のクリーンアップ手順も提供
「Claude Codeは誰にどんな用途で使われているのか?」を分析した結果をAnthropicが公開
Source: GIGAZINE | Published: 2026-06-17 13:12 JST
- Anthropic が 2025 年 10 月〜2026 年 4 月の Claude Code 約 23 万 5,000 人 / 約 40 万セッションを分析した利用実態レポートを公開
- 用途内訳はコード修正 26% / コード記述 25% / ソフトウェア操作 17% / ドキュメント・プレゼン作成 10% で、ユーザーは週平均 20 時間を Claude Code に費やす
- 「コンピュータ・数学職」が最大層で、経営 / 営業 / 法律など非 IT 職の利用も伸び、約 70% のセッションで職業推定に成功
- 期間中にコード修正率は 33% → 19% に低下した一方、セッションあたりの経済価値は 27% 上昇したと示す
- 初心者 (レベル 1) と熟練者 (レベル 5) の比較ではアクション数 5→10、出力 600→3,200 語、成功率 15%→28〜33% と差が顕著で「業界専門知識の価値が増す」と結論
多言語対応(i18next)で条件型の展開が2億を超えていたので、enableSelector: trueで約90%削減した話
Source: Zenn | Published: 2026-06-17 17:00 JST
- DRESS CODE が翻訳キー約 16,000 件で i18next の型計算が 2 億超に膨らんでいた問題を
enableSelector: trueで解消した実例 - 型インスタンス数は 246,265,361 から約 32M へ 87% 減、型チェック時間は 98.6 秒から 12.7 秒へ 87% 短縮された
- 型チェック時のメモリ使用量も 5.9GB から 4.4GB へ約 27% 削減され、CI / IDE の応答性が回復した
- Selector API
t(($) => $.common.button.save)への移行で、巨大 union 照合から段階的プロパティアクセスへ計算方式が切り替わる - 既存呼び出しを全置換せずに済むよう string key と Selector API を共存できる独自 TFunction 型を設計し、段階移行を実現した
AI に Next.js の SaaS スターターを書かせて、毎回忘れる退屈な部分を先に固めておいた
Source: Zenn | Published: 2026-06-17 19:16 JST
- AI に Next.js + Auth.js v5 + Prisma + App Router の SaaS スターターを書かせる際、毎回手で直す退屈な部分を slipway として固定化した試み
- 認可は「ユーザーデータ操作時に必ず
auth()を呼びsession.user.idで Prisma クエリをスコープ」する規則を CLAUDE.md → 生成 → 検証 → 実コードの 4 層で重ねがけ - 生成担当の feature-builder と検証担当の code-reviewer を分離し、検証側に書き込み権限を持たせないことで安全弁とする
- ライブラリは Next.js 15.5.19 / Auth.js v5 beta / Zod v4 に固定し、AI が古い記法へ退行するのを抑える
- スコープは認可バイパス防止と退会時の cascade 削除に限定、テストや CI は範囲外として MIT で github.com/skipbit/slipway に公開
App Router のデータ取得は「どこで動くか」で決まる
Source: Zenn | Published: 2026-06-16 22:46 JST
- Next.js App Router の Server / Client Component で fetch URL の組み立てルールが変わるとし、設計指針を 1 つに集約した解説
- Server Component はサーバーで直接 DB や内部 API を呼べる代わりに、
fetchには${process.env.API_URL}/api/...のような絶対 URL を必須とする - Client Component はブラウザ実行で
useState可・秘密情報不可・fetch("/api/...")の相対パスで足りる、と表で対比 - 本番で
ERR_TLS_CERT_ALTNAME_INVALIDを踏んだ実体験を引用し、AWS ALB / Route53 構成で URL 組み立てを間違えた時の症状を共有 - 著者の個人サービス「さくぶんゼミ」での実装経験に基づいており、設計判断の指針として「コードがどこで動くか」を最優先にせよと結論
Dev ContainerでAstroのホットリロード最小構成をつくる
Source: Zenn | Published: 2026-06-17 09:25 JST
- Dev Container 上で Astro を実行し、ファイル保存時のホットリロードを最小構成で動かす設定を
.devcontainer/devcontainer.jsonとastro.config.mjsの 2 ファイルだけで実現する - devcontainer 側は JavaScript / Node.js 公式イメージを使い、
postCreateCommandでnpm install、ポート 4321 をホストに転送して Astro / Prettier 拡張を自動投入 - astro.config 側は
server.host: '0.0.0.0'でコンテナ外からの到達を許可し、port: 4321を明示的に固定 - Docker 環境特有のファイル変更検知不能を回避するため、Vite に
usePolling: trueを渡す設定が必須と強調 - Windows WSL2 + VS Code Dev Container を想定した解説で、再現性のあるチーム共有開発環境作りの土台になる
Laravel→TS移行:Node.jsの常駐プロセス・イベントループ・コネクションプール
Source: Zenn | Published: 2026-06-17 09:58 JST
- PHP / Laravel から TypeScript / NestJS へ移行する際、ランタイムの設計思想差を「メモリに状態を持てるかどうか」で整理した解説記事
- PHP-FPM は構造的にプロセス内状態を保持できないため強制外部化されるのに対し、Node.js は技術的には可能だがマルチインスタンス本番では破綻するので意識的な外部化が必要と結論
- NestJS の provider はデフォルトで「全リクエスト共有のシングルトン」になるため、インメモリ状態がリクエスト間で漏れる罠を明確化
- PrismaClient はリクエストごとに new せず「1 アプリ 1 インスタンス」が公式推奨と整理、コネクションプール枯渇を防ぐ
- 避けるべき実装として「await をまたぐ共有状態の読み書き」「長時間 CPU バウンド処理」を挙げ、Redis や PostgreSQL への外部化を勧める
全国の津波浸水想定(生1.8GB)を”静的サイト+ブラウザだけ”で動かす
Source: Qiita | Published: 2026-06-17 19:03 JST
- 全国津波避難マップ tsunami-hinan.it-study.jp を、バックエンドなし・静的サイト + ブラウザだけで運用する 3 戦略を公開
- 県別分割と遅延読込を組み合わせ、起動時は索引 1.7KB のみ、表示範囲との交差判定で各県 0.2〜4MB を動的フェッチ
- rasterio で約 20m 解像度のラスター化 → ポリゴン化 → 約 16m への簡素化を行い、宮城の 391 万点群(532MB 相当)を 2〜4MB まで圧縮
- 浸水判定はクライアント側のレイキャスティング(point-in-polygon)で完結、未収録地域との区別に 720KB の都道府県境界データを併用
- 全国分の総容量は 49MB に収まる構成で、サーバーレスかつ無料運用で全国カバレッジを実現したのが核心
All Articles
Zenn
| # | Title | Summary | Author | Published |
|---|---|---|---|---|
| 1 | TypeScriptで実現する既存APIを活用したリモートMCPサーバー構築 | クリエイター向けプラットフォームで既存 REST API を MCP サーバーとして公開する際の認可スコープと運用上の落とし穴を整理 | @soartec-lab | 19:58 |
| 2 | TypeScript の satisfies / as / generics の違い | as は「信じてもらう」、satisfies は「検査してもらう」、generics は API レベルでの型指定と整理する使い分け解説 | @nyaomaru | 03:03 |
| 3 | Pocket が終わる前にデータを移した話: ril_export.html でハマった3点 | Pocket サービス終了前にエクスポート HTML を自作ツールに取り込む際、構造解析で詰まった 3 箇所を共有 | @ktg | 24:00 |
| 4 | Node.jsで動くのにDenoで動かないJavaScript | Node.js では通るが Deno では実行エラーになる構文の互換差をコードで提示し、ランタイム差異の踏み方を解説 | @asuka | 23:40 |
| 5 | Web開発を勉強するために、OCRツールを作成する(5) | OCR ツール用インフラを Terraform で GCP に構築、コード化による再現性確保を狙った第 5 回 | @やす(アプリ開発) | 24:51 |
| 6 | アパレル営業からIT転職したのに職種迷子になったので、診断サイトを作った | 14 職種と年収算出を備えた IT 進路診断サイトの個人開発で、転職後のキャリア決定支援を狙う | @Daichi / 個人開発 | 24:17 |
| 7 | エンジニアは「先輩のn=1」で次のキャリアを決めていいのか? | キャリア軌跡をベクトル化し 2D マップに投影して Gemini が類似経歴の次ステップを推薦する DevPath Navigator | @mmm | 18:22 |
| 8 | あなたのGitHubステータスを数値化するサービスを作ってみた | GitHub 活動を HP/ATK/SPD/SKL に変換しモンスターカード化する開発者ステータス可視化サービス | @noda | 18:15 |
| 9 | Claude Haikuに「計算」をさせない | 音読コーチングで「計算はコード、言語化は LLM」と二段構えに切り分けて Claude Haiku を使うコスト設計 | @uya0526_design | 18:10 |
| 10 | YouTubeコメントで架空国家を動かすやつを1.5人日で作った | YouTube Live コメントを世論として 13 の国家指標がリアルタイム変動する AInation を 1.5 人日で構築 | @ほしの | 15:00 |
| 11 | React × Tailwind CSS 実践 #13 | 検索キーワード + カテゴリで絞り込むリストを useState で実装、「元データに触れず表示だけ切り替える」 React 流の絞り込み | @Hiro|AIx Frontend Engineer | 23:48 |
| 12 | 立体視メーカーをCloudflare Pagesで公開した | ステレオグラム画像を Canvas で生成するアプリを Cloudflare Pages で公開、デプロイと配信の構成を共有 | @poketaro3 | 22:54 |
| 13 | v-tokyo #25 配信環境の紹介 | ANDPAD STADIUM 開催の v-tokyo #25 で使った映像 / 音響機材と現地設備の活用ポイントを配信担当目線で共有 | @ささぴよ | 09:26 |
| 14 | 個人ポッドキャストにプレミアム配信を自前で作った設計と葛藤、そして全部捨てた話 | Cloudflare を試験導入したポッドキャスト有料配信を一旦廃案にした技術選定と意思決定の振り返り | @Kiyohito KEETH Kuwahara | 23:13 |
| 15 | Refl開発記 #2: WebRTCのシグナリングにCloudflare Durable Objectsを選んだ理由 | 映像練習サービス Refl で P2P 通信の待ち合わせ場所として Durable Objects を選定した理由と前提条件を整理 | @naosk8 | 20:25 |
| 16 | APIトークンをコピペさせない — SwiftでCloudflare OAuth 2.0 + PKCEを実装する | Orange-Cloud アプリでユーザーにトークンを触らせず Cloudflare OAuth 2.0 + PKCE でログインさせる実装手順 | @chen2he | 08:45 |
| 17 | 【Amplify Gen2移行の罠】Amazon API Gatewayの「偽CORSエラー」とSigV4対策 | Amplify Gen2 移行で「実は CORS ではなく SigV4 署名失敗」が原因の API Gateway エラーを切り分けた記録 | @susu3oku2 | 23:12 |
| 18 | AWS微経験のエンジニアが、LLMを「技術面接官」にしてトラブルシューティング特訓をやってみた | LLM を技術面接官役にして AWS トラブルシューティングを模擬訓練、思考プロセスを可視化する活用例 | @k4zu | 18:21 |
| 19 | Datadog アラートを AI が即時解析して Slack に通知する仕組みを Lambda + Bedrock で作った | Datadog アラートを Lambda + Bedrock で要約し Slack に即時投稿、初動調査の自動化パターンを共有 | @komachan | 18:05 |
| 20 | 「おそらく」で直さない。Connectivity TestsでCloud Runのパケットの証跡を辿る | Direct VPC Egress の IP 消費問題を Connectivity Tests でパケット経路から検証する Cloud Run 運用テクニック | @クラウドエース株式会社 | 14:52 |
| 21 | 既存のWebアプリに注釈UIを足すViteプラグイン「Markable」を作った | 既存アプリにレイヤーを重ね、右下ボタンから要素や画面範囲を選んでコメントできる Vite プラグイン Markable を公開 | @f12o | 20:37 |
| 22 | AGENTS.mdにSOPをシンボリックリンクし、DESIGN.mdでフロントを分離する | 複数リポジトリでの Codex 利用時、PC 全体の SOP とリポジトリ固有設定をシンボリックリンクで切り分ける運用 | @Ryo Minegishi | 10:58 |
Qiita
| # | Title | Summary | Author | Published |
|---|---|---|---|---|
| 1 | 【Cursor効率化】よく使うコードは手書き禁止!テンプレ自動登録とチャット履歴の賢い使い方 | Cursor で「よく書くコードは AI にスニペット化させる」など反復作業を削るテクニック集 | @EkanTw | 19:03 |
| 2 | React + AWS SAMでフリーランス向け案件・請求・入金管理アプリを個人開発した | React + AWS SAM でフリーランス向けに案件 / 請求 / 入金を一元管理する Web アプリを個人開発した記録 | @shetland-med | 18:31 |
| 3 | 【React Compiler v1.0】useMemo・useCallback はもう書かなくていい?導入手順と実測結果まで解説 | Next.js 16 + React 19 で React Compiler v1.0 を有効化、総レンダリング時間が 17.2% 短縮(1183.8ms → 979.8ms)と実測 | @yuuue | 22:22 |
| 4 | Top Shadcn Carousel Components for React and Next.js | React / Next.js 向けに使える shadcn ベースのカルーセル実装パターンとカスタマイズ例を紹介 | @wrappixel | 22:13 |
| 5 | 個人開発 家計簿アプリ | 家庭内の収支を正しく把握する目的で作った Next.js 個人開発の家計簿アプリ、GitHub リポジトリも公開 | @degure125 | 15:18 |
| 6 | Next.js+Supabaseアプリを初めてVercel公開する時の4大つまずきと最小の直し方 | 「ローカルでは動くのに Vercel で真っ白」など Next.js + Supabase 初公開で踏む 4 問題と最小修正手順 | @ennagara128 | 11:13 |
| 7 | Honoフレームワーク徹底解説 | Web 標準準拠と高速・軽量を売りにする Hono の特徴と採用判断ポイントを整理 | @okokok | 22:39 |
| 8 | Frontend CSS – パート10 ブラウザから見たSubgrid | CSS Grid Level 2 の Subgrid を使い、ネストされたレイアウト間で行 / 列を同期させる実装方法 | @tuanphan | 16:41 |
| 9 | QZ Trayでポップアップ回避してサイレント印刷 | QZ Tray を介してブラウザからローカルプリンタを制御、印刷ダイアログを出さず証明書配布でセキュリティも考慮 | @orihaawaki | 14:04 |
| 10 | 【React Server Components】公式ドキュメントから学ぶ ‘use server’ とサーバ関数の基礎 | React 公式ドキュメントを下敷きに 'use server' ディレクティブとサーバ関数(Server Actions)の基礎を整理 | @fjtak2 | 19:38 |
| 11 | AI要約より品質保証が難しかった:日米行政一次情報パイプライン構築の実践知見 | 日米 15 の官公庁サイトから一次情報を集約する DTM Digest 構築で、AI 要約より品質保証パイプラインが難所だった話 | @anjim | 12:40 |
| 12 | Astro + Cloudflare Pages + microCMS で作る静的サイト構成 | Astro 製サイトを Cloudflare Pages にデプロイし microCMS で記事更新する個人向け静的サイト構成例 | @acronhub | 09:59 |
| 13 | Tauri + Three.jsで3D地形ビューアを作る④:頂点カラーで高さを可視化する | Tauri + Three.js の地形メッシュに頂点カラーを与え、高さを単色から階調表示へ拡張する第 4 回 | @t_tanno | 13:42 |
| 14 | 論理削除 + 全変更操作の監査ログ完全記録(PostgreSQL) | PostgreSQL で冪等カスケード削除と段階別トランザクションを使い、論理削除と監査ログを矛盾なく両立させる設計 | @teppei19980914 | 22:37 |
| 15 | Supabaseについて | 個人開発で Supabase を使った経験を元に、Postgres ベース BaaS としての利点と運用面の限界を整理 | @skill_toy | 16:10 |
| 16 | Non-OracleからADBへ最短移行! | PostgreSQL から Oracle Autonomous Database への DBMS_CLOUD_IMPORT を使った最短移行を検証 | @ssfujita | 08:12 |
| 17 | Cloudflare QueuesのEventSubscriptionが「ダッシュボードにもCLIにもAPIにも出てこない」と思ったら、ただのページネーションだった | Cloudflare Queues の EventSubscription が「どこにも出ない」原因が実は API ページネーションだったというトラブル切り分け記 | @hrfm1623 | 18:27 |
| 18 | 5 Essential Features Every Modern Business Website Should Have(現代のビジネスサイトに必須の5機能) | 単に Web を持つだけでは不足、現代ビジネスサイトに欠かせない 5 機能を要件レベルで列挙 | @argenius62 | 19:18 |
Publickey
| # | Title | Summary | Published |
|---|---|---|---|
| 1 | あなたのAWSのコストの問題がどこにあるか、AIが教えてくれる「AWS FinOps Agent」パブリックプレビュー開始 | AWS が利用料金の異常検知と原因特定を AI に委ねる AWS FinOps Agent をパブリックプレビューで開始、従量課金の事前予測困難への対応 | 24:49 |
gihyo.jp
| # | Title | Summary | Published |
|---|---|---|---|
| 1 | Threads、月間アクティブユーザー5億人に ——コミュニティ機能が正式版に、ハブやアイコンを追加。「Your Algo」も導入 | Meta が Threads の MAU 5 億人到達を発表、コミュニティ機能 GA とユーザー設定アルゴリズム Your Algo を投入 | 17:10 |
| 2 | NVIDIAら、AIエージェントが実ロボットで動作方策を自己改善する「ENPIRE」を発表 | NVIDIA + CMU + UC Berkeley が AI コーディングエージェントが実ロボット動作方策を自己改善する研究基盤 ENPIRE を発表 | 15:47 |
| 3 | SpaceX、Cursorを買収するオプションを行使。CursorはGitホスティング「Origin」も予告 | SpaceX が Cursor 全額株式買収のオプションを行使、Cursor 側は Git ホスティング Origin も予告 | 11:57 |
GIGAZINE
| # | Title | Summary | Published |
|---|---|---|---|
| 1 | GitHubで立て続けに数十件の大規模障害が発生したことを受けMicrosoftはライバルのAWSに協力を求めることに | GitHub の大規模障害が連続したことで Microsoft が AWS にキャパシティ協力を仰ぐ事態に、競合間連携の異例事例 | 12:10 |
| 2 | Firefoxが将来実装予定の機能を告知する公式サイト「Firefox roadmap」が登場 | Mozilla が今後の Firefox 実装予定機能を公開する公式 Firefox roadmap サイトを開設、ロードマップ透明化の一歩 | 11:03 |
| 3 | SpaceXがCursorを600億ドル相当の株式交換で買収へ | SpaceX が AI コーディング Cursor(Anysphere)を 600 億ドル相当の株式交換で買収、上場 4 日後の大型ディール | 11:06 |
| 4 | 無料でウェブページの変化を自動検知できる「changedetection.io」をDockerでセットアップして実際に監視してみた | OSS の changedetection.io を Docker で立ち上げ、Web ページの差分を無料で監視するセットアップ手順を実体験ベースで紹介 | 23:00 |
ITmedia News
| # | Title | Summary | Published |
|---|---|---|---|
| 1 | SpaceX、AIコーディングの「Cursor」を600億ドルで買収 | SpaceX が AI コーディング Cursor 開発元 Anysphere を 600 億ドルで買収、上場後 4 日での巨額投資で AI 分野を加速 | 08:28 |
| 2 | 「Android 17」配信開始、Pixelから順次 | Google が Android 17 を配信開始、マルチタスク強化と折りたたみ向けゲーミングモード、セキュリティ強化を搭載 | 13:10 |
TypeScript Blog
2026-06-17 付の記事はありませんでした。
Node.js Blog
2026-06-17 付の記事はありませんでした。
Astro Blog
2026-06-17 付の記事はありませんでした。
Cloudflare Blog
対象日の該当記事はすべて Top 20 に掲載されています。
Vercel Changelog
対象日の該当記事はすべて Top 20 に掲載されています。
AWS What’s New
対象日の該当記事はすべて Top 20 に掲載されています。
Google Cloud Blog
| # | Title | Summary | Published |
|---|---|---|---|
| 1 | How growing UK midsize businesses are building in the AI era(成長中の英国中堅企業が AI 時代にどう構築しているか) | UK 中堅企業の AI 活用調査で「AI 採用企業の 71% が時間節約効果を実感」、Neural Alpha / Sunhouse など Gemini 採用事例 | 17:00 |
| 2 | From AI potential to agentic reality: Driving the UK’s next chapter(AI のポテンシャルからエージェンティック現実へ) | HSBC が Google Cloud と AI 銀行ツールで提携、Deloitte が London AI Studio 開設など UK エンタープライズのエージェント化動向 | 17:00 |
Supabase Blog
2026-06-17 付の記事はありませんでした。
web.dev
2026-06-17 付の記事はありませんでした。
Mozilla Hacks
2026-06-17 付の記事はありませんでした。
CSS-Tricks
対象日の該当記事はすべて Top 20 に掲載されています。
Smashing Magazine
| # | Title | Summary | Published |
|---|---|---|---|
| 1 | Designing With Uncertainty: How AI Supercharges Probabilistic Thinking(不確実性を伴うデザイン — AI が確率思考を強化する) | AI 出力を「確率的シグナル」として受け取り、確信ではなく可能性ベースでプロダクトを設計する手法を解説 | 24:00 |
Hacker News
| # | Title | Summary | Published |
|---|---|---|---|
| 1 | Retool Launches React AI App Builder(Retool が React AI App Builder を発表) | Retool が React コードを直接生成する AI アプリビルダーを公開、社内ツール構築の自動化を狙う | 04:28 |
| 2 | If AGENTS.md smells ripe, your code won’t live up to the hype(AGENTS.md が腐っていればコードは期待外れになる) | AI エージェント開発における AGENTS.md の品質劣化が、生成コード全体の信頼性を毀損するという論考 | 04:40 |
| 3 | Bringing down my ZSH load times from ~3.1s to ~230ms(ZSH 起動時間を 3.1 秒から 230ms に短縮) | プロファイラで遅延箇所を計測し、ZSH の起動時間を 3.1 秒から 230ms(93% 短縮)まで詰めた手順記録 | 02:37 |