Web Dev Digest: 2026‑05‑16
Top 20
Sort providers by cost, latency, or throughput on AI Gateway
Source: Vercel Changelog | Published: 2026-05-16 00:00 JST
- Vercel AI Gateway に「コスト・TTFT 中央値・TPS 中央値」の3軸でプロバイダを並び替える機能が追加され、ルーティング方針をコード変更なしで動的に最適化できるようになった。
- 並び替え未指定時は信頼性・出力品質・コスト・速度をブレンドしたデフォルト順序が適用され、明示指定時のみ単一指標で並び替わる仕様。
- ランキングはリクエスト時に毎回計算されるため、新規プロバイダ追加・価格変更・観測レイテンシ/スループットの変動が設定変更なしに即時反映される。
- レスポンスにはメタデータとして使用した並び替え基準、試行順、各プロバイダの指標値、ヘルス低下で降格されたプロバイダの情報が含まれる。
- コスト最適化（最安入力価格）・レイテンシ最適化（最小 TTFT）・スループット最適化（最大 TPS）のどれを取るかをワークロード単位で切り替える運用が想定されている。
Use native curl syntax with Vercel CLI
Source: Vercel Changelog | Published: 2026-05-16 00:00 JST
vercel curlがフル URL・ホスト名・パスのみ（プロジェクトをリンク済みの場合）の3形式を受け付け、Deployment Protection を Vercel 認証で自動バイパスする仕様に拡張された。-X-H-d--compressedなどネイティブ curl の引数がそのまま使え、加えて--urlフラグでエンドポイントを明示できる。- 例として
vercel curl example.vercel.app/api/users -X POST -H "Content-Type: application/json" -d '{"name":"Ada"}'が動作し、保護されたデプロイにも手動の認証ヘッダ無しでアクセスできる。 - ローカル開発と本番 Preview/Production を同じ curl 構文で叩けるため、CI からの保護バイパス用に独自スクリプトを書く必要が薄くなる。
- パスのみ指定（
vercel curl /api/hello）はリンク済みプロジェクトに限定されるため、複数プロジェクトを掛け持ちする環境ではフル URL かホスト名指定が安全。
VS Code 1.120リリース、Agentsウィンドウの安定版向けプレビューを開始
Source: gihyo.jp | Published: 2026-05-16 11:57 JST
- Microsoft が 5/13 にリリースした VS Code 1.120 の目玉は、安定版に向けて公開された「Agents ウィンドウ」プレビューで、複数プロジェクトを跨いでエージェントセッションを別ウィンドウで並行管理できる。
- Agents ウィンドウ側で実行プラットフォーム選択・環境分離方式の設定が永続化され、Changes パネルから編集破棄・Files パネルから upstream マージが可能、セッション完了時はエージェントの変更一覧が自動表示される。
- BYOK（Bring Your Own Key）が改善され、OpenAI/xAI/OpenRouter/Azure 配布モデルでトークン数表示が正確化、推論可能モデルでは「Thinking effort」設定がモデルピッカーから選択可能になった。
chat.tools.compressOutput.enabledで長大なターミナル出力を要約してからモデルへ送る圧縮機能と、chat.tools.riskAssessment.enabledで実行コマンドを Safe/Caution/Review carefully の3段階に色分けするリスクアセスメントが追加された。- Markdown 編集も差分の side-by-side 表示・表のセル/行/全体を切り替えるスマート選択・
id属性のリンク補完など実用面で強化されている。
Hono APIをCloudflare Pages Functionsで動かす自分用メモ
Source: Zenn | Published: 2026-05-16 00:52 JST
- React + Vite フロントエンドと Hono API を Cloudflare Pages + Pages Functions で動かす際は、
functions/api/[[route]].tsでexport const onRequest = handle(app, "/api")の1行が Pages Functions と Hono を繋ぐ唯一の接続点になる。 handle(app, "/api")の第二引数はfunctions/api/ディレクトリ位置と一致させる必要があり、Hono 側のルート定義の/apiプレフィックスではない点が混乱しやすい落とし穴。[[route]]のダブルブラケットがネストした API パスを catch-all で受け、hono/cloudflare-pagesアダプタが Pages Functions 形式へ変換する構成。- バインディングは
type Bindings = { DB: D1Database }とnew Hono<{ Bindings: Bindings }>()で型付けし、c.env.DB.prepare(...).all()から D1/PostgreSQL/SQLite + Drizzle へアクセスする。ローカルはwrangler.toml、本番は Cloudflare Dashboard でバインディングを設定する二系統運用。 zValidatorによるバリデーション失敗（400）とapp.onErrorで拾う未処理例外（500）を分離し、ハンドラはルート定義と同居させて型推論を保つことが推奨されている。
Next.js App Router で SEO を一気に整えた4週間 — robots.ts・JSON-LD @graph・llms.txt
Source: Zenn | Published: 2026-05-16 19:05 JST
- 個人開発「MamePress」（ブラウザ画像圧縮ツール）に Next.js App Router 流の SEO 一式を4週間で導入した実装記録で、
src/app/robots.tsで GPTBot・ClaudeBot・PerplexityBot・Google-Extended・Bingbot を明示許可し、HTTP 404 だった robots.txt を解消した。 - JSON-LD は
@graphパターンで Organization・WebSite・WebApplication を@id参照で連結し、ページレベルで BreadcrumbList・FAQPage・HowTo を実装。Google が 2023 年に FAQ/HowTo のリッチリザルト表示を停止した後も Perplexity・AI Overviews 向けに残す方針。 public/llms.txtを Markdown 形式で配置、generateStaticParamsで 11 → 19 ページへ拡張し、各ページ 800–1500 字 + FAQ 3–5 件の独自コンテンツを付与する programmatic SEO を実施。- 4週間の結果はインプレッション 0 → 4、オーガニックセッション 3 → 10、平均掲載順位 11（2ページ目）、インデックス済み 0/19 と低調で、著者は「SEO の本体はコードではなくコンテンツライティング」と結論。
- Python スクリプトで GSC・GA4・CrUX API を週次に取得し JSON スナップショットと Markdown レポートとして保存する計測自動化までセットで整備している。
Cloudflare WorkerでmTLSの動作を試してみた
Source: Zenn | Published: 2026-05-16 02:00 JST
- Cloudflare Worker で mTLS を IoT 用途で検証した結果、ブラウザ経由は Chrome が QUIC 無効化前提・Firefox は再現性無しで「安定運用は困難」と結論、curl などコマンドラインクライアントでは安定動作した。
- Cloudflare Free プランで利用できるのは Cloudflare 発行のクライアント証明書のみで、独自ルート CA 持ち込み（BYOCA）は Enterprise プラン限定という制約を明示。
- ダッシュボードでは Security > Custom rules に
(http.host eq "xxx.yyy.com" and not cf.tls_client_auth.cert_verified)を設定し、未検証リクエストを block / skip で振り分ける構成を採用。 - 自己署名証明書を使うと
request.cf.tlsClientAuthがcertVerified: FAILEDを返すため、アプリ層で証明書チェーン検証を自前実装する必要がある。 - 著者は PEM → PFX(PKCS#12) 変換を行う
@noz-ele/edgcaライブラリを公開、curl ではcurl --cert "CurrentUser\MY\{fingerprint}"で Windows 証明書ストアを参照する運用に着地。最終形は「Cloudflare 発行証明書 + アプリ層で自己署名による個体識別」の二段認証。
Microsoft Agent Framework の CodeAct を使って JavaScript を実行してみた
Source: Zenn | Published: 2026-05-16 21:24 JST
- Microsoft Agent Framework の CodeAct を
Microsoft.Agents.AI.Hyperlight軽量 VM サンドボックス上で JavaScript 実行し、ローカル LM Studio + openai/gpt-oss-20b（context 14,000 tokens）で動作確認した検証ログ。 - 個別ツール選択を逐次呼び出す方式と異なり、制御フローとツール呼び出しをまとめて1回のコード実行に詰める方式のため、モデルターン数とトークン消費が削減される。
- サンプルとして「1〜10 の和」を依頼すると、モデルが
Array.from({length:10}, (_,i)=>i+1).reduce((a,b)=>a+b)を生成し、サンドボックスがstdout: "55"を返してエージェントが最終回答「55」を返す挙動を取る。 - 承認モデルは
NeverRequireがデフォルトで、本番ではAlwaysRequire（実行前承認）が推奨されている。Hyperlight 側はファイルマウントや外部通信制御、snapshot/restore も提供。 - 14K context モデルでも動いたが、コンテキスト消費が大きいため本番ではマルチエージェント分割が必要になる、と著者は実用上の制約を指摘。
[React] 再利用可能なUIコンポーネントの作り方
Source: Zenn | Published: 2026-05-16 17:04 JST
- shadcn/ui の実装パターンを読み解きながら、再利用可能な React UI コンポーネント設計の段階的進化（手書き props 列挙 →
ButtonHTMLAttributes<HTMLButtonElement>継承）を整理した記事。 - TailwindCSS で外部
classNameと内部デフォルトが衝突して出力が不定になる問題は、tailwind-merge が「後から渡されたbg-green-500を優先してbg-sky-500を除去」することで解決される、と挙動を実例で示す。 - バリアント管理は class-variance-authority（CVA）で
primary/secondary/dangerなどと size の組み合わせを宣言的にまとめ、散らばった条件分岐を1か所に集約。 - shadcn/ui が採用する
cn()ユーティリティは clsx + twMerge の組み合わせで、「ソースコードを直接プロジェクトに追加する」哲学に合わせて消費側で柔軟にスタイル上書きできる構造を担保する。 asChild/ slot などの上位コンポジション技法は本記事のスコープ外で、扱われている範囲はあくまで Button 系の基礎再利用パターンに限定されている。
Amazon RDS for PostgreSQL Extended Support Announcements
Source: AWS What’s New | Published: 2026-05-16 01:08 JST
- Amazon RDS for PostgreSQL の Extended Support で、バージョン 11.22-rds.20260224 / 12.22-rds.20260224 / 13.23-rds.20260224 がリリースされた。
- Extended Support は標準サポート終了後も最大3年間、重要なセキュリティ修正とバグ修正を継続提供する追加サポート枠で、これら3系統が対象になる。
- 公式アナウンスは Extended Support の活用と並行して、本来は最新メジャーへのアップグレードを推奨する立場を明示している。
- 移行手段としてマイナーバージョン自動アップグレード、AWS Organizations の Upgrade Rollout Policy、Blue/Green Deployments の併用が案内されている。
- 価格は「Amazon RDS for PostgreSQL Pricing ページ参照」とされ、本告知では具体額は提示されていない。
Amazon CloudWatch Logs increases query results from 10K to 100K records
Source: AWS What’s New | Published: 2026-05-16 06:00 JST
- CloudWatch Logs Insights クエリの結果取得上限が従来の10,000件から100,000件に引き上げられた。
GetQueryResultsAPI がページネーション対応となり、1回の呼び出しで最大10,000件＋次ページトークンを返す方式で、最終的に10万件まで取得可能。- LIMIT 句で件数指定でき、Patterns・可視化・エクスポートも10万件のフルレンジで使えるためインシデント調査の取りこぼしが減る。
- 利用可能チャネルは CloudWatch コンソール・AWS CLI・AWS CDK・各 AWS SDK で、全 commercial リージョンで提供。
- ページネーション必須となるが、Logs Insights クエリを Lambda / Step Functions から自動収集する系のスクリプトはトークン処理を追加する必要がある。
as const satisfies Record<Enum, V> でマッピング漏れをビルド時に検出する
Source: Qiita | Published: 2026-05-16 20:05 JST
- API レスポンス値（例: 監査操作タイプ
'edit' | 'publish' | 'bulk_approve' | 'bulk_reject' | 'revert'）→ 表示ラベルや i18n キーへのマッピングテーブルが、Enum 追加時に更新漏れで undefined を返す問題を、ビルド時検出に置き換える TypeScript パターン解説。 Record<AuditOperation, string>で必須キー集合を縛り、satisfiesで型適合性を検査し、as constでリテラル型を保ったまま不変オブジェクトとして固定する三段構えが核。- 単純な
const MAP: Record<Enum, string>だと値がstringまで広がるが、as const satisfiesを使うと"operations.edit"のような具体的リテラル型を保持し、下流の i18n キー型推論で活きる。 - このパターンはキー欠落・余分なキー・値の型不一致の3種類のミスを全部ビルド時に弾けるため、Enum と表示テーブルを分けて持つ実装で実用価値が高い。
- 著者は React の表示テーブル用途で導入し、
undefinedがそのままラベル領域に流れていた既存バグの再発防止策として位置付けている。
VeloxDB — テレメトリなし、クラウドなし。開発者のためのPostgreSQLデスクトップクライアント
Source: Qiita | Published: 2026-05-16 03:06 JST
- 開発者向け PostgreSQL デスクトップクライアント「VeloxDB」（v0.1.0 ベータ・MIT・macOS/Windows/Linux）の紹介で、設計コンセプトは「Built with Rust and TypeScript. No cloud. No tracking. Just PostgreSQL on your desktop.」。
- スタックは Tauri 2 + Rust バックエンド + React フロントで、バックエンドが
deadpool-postgresで接続プーリング・並列クエリを処理しクラウドプロキシ経由のレイテンシを排除する。 - 認証情報は OS のキーチェーンに保存、接続情報・クエリ・スキーマはすべてローカル完結でテレメトリは収集しない、という pgAdmin/DBeaver との差別化軸を強調。
- SQL エディタには VS Code 同根の Monaco Editor を採用し、スキーマ補完・シンタックスハイライト・リアルタイム lint をキーボードショートカットから使える。
- フロント側は ReactFlow で ER ダイアグラム、Zustand で状態管理。複数 DB 対応の DBeaver と違い PostgreSQL 専用に絞ることで深い最適化を狙うポジショニング。
Spring Boot × GitHub ActionsでCI環境もPostgreSQLに統一する
Source: Qiita | Published: 2026-05-16 16:21 JST
- Spring Boot のテストを GitHub Actions で実行する際、CI で H2 を使うと SERIAL / RETURNING / TIMESTAMP など PostgreSQL 固有 SQL の振る舞いが食い違い「CI では通るのに本番で落ちる」問題が起きるため、CI 側も PostgreSQL に統一した記録。
- ワークフローでは
services: postgresブロックで一時的な PostgreSQL コンテナを起動し、テスト前に health check で起動完了を待つ構成にした。 application.properties（共通）とapplication-test.properties（CI 用 DB クレデンシャル）を分け、SPRING_PROFILES_ACTIVE=testを環境変数で渡してプロファイル切り替えを実現。- 「CI は GitHub 上の別 PC」と捉え直し、ローカル・CI・本番の3環境すべて PostgreSQL を使うことで環境パリティを担保するのが根本対策。
- 著者は H2 を回避策として一時利用していたが、SQL 方言差で発生する production-only バグの再発を防ぐ実用パターンとして PostgreSQL 統一を位置付けている。
SatoriでReactコンポーネントをPNG画像に変換する完全ガイド【日本語対応】
Source: Qiita | Published: 2026-05-16 23:19 JST
- Vercel 製 Satori で React コンポーネントから PNG を動的生成するパイプラインは「JSX → Satori → SVG → resvg-js → PNG」の4段で、Canvas（Node ネイティブ依存で Chromium ランタイム不可）・Puppeteer（Chrome 起動コストでサーバーレス不可）と比べ Edge 互換・型安全 JSX が利点。
- 落とし穴のひとつはフォント形式で、
.woffのみ動作し.woff2は無音失敗するため明示的に変換しておく必要がある。 - レイアウトは Flexbox ベースに限定され、Grid display・box-shadow・一部 border プロパティは動作しないため、全コンポーネントを
display: 'flex'で組む必要がある。 @resvg/resvg-jsの Rust ネイティブバインディングがリクエストあたり最大 300MB メモリを使うため、Cloudflare Workers にはデプロイ不可で Node.js サーバーが前提。- 日本語の自然な折り返しは BudouX で機械学習ベースのフレーズ分割を行い、
display: inline-blockの span でラップする実装が紹介されている。
Next.js App Router × コロケーション × バレルインポートで実現する、AI時代の人間との協働開発
Source: Qiita | Published: 2026-05-16 06:23 JST
- 「1 page = 1 mini-app」の方針で Next.js App Router を組み、
src/app/はルーティング専用に薄く保ち、実装はsrc/components/のミニアプリ集合に閉じ込めるアーキテクチャ提案。 - コロケーション規約として
.view.tsx（UI）／.logic.ts（業務ロジック）／.hook.ts（カスタム Hook）／.types.ts（型）／index.ts（公開 API）でファイル単位の責務を区別する。 - 各ミニアプリは
index.tsのバレルエクスポートだけを公開境界とし、@barrel-type: server@barrel-type: client@barrel-type: mixedの3種コメントタグで Server / Client コンポーネント分離を可視化。 - 公開 API とフォルダ範囲を AI に伝えることで「変更提案を関連ファイルだけに制約できる」と AI 協働観点での利点を主張、Copilot 系エージェントへ無闇に全体を見せない設計意図。
- 個人 Web アプリの全体構造が見えなくなり修正の影響範囲が分からなくなる問題への、コードベース側の対症策として提示されている。
What’s !important #11: 3D Voxel Scenes, Flying Focus, CSS Syntaxes, and More
Source: CSS-Tricks | Published: 2026-05-15 22:16 JST
- CSS-Tricks のニュースレター第11回で、Chrome 148 で
revert-ruleキーワード・at-rule()機能検出関数・video/audio 要素のloading属性・name-only Container Queries の Baseline 入りが追加された、と整理。 - Safari 26.5 では
:open擬似クラスが Baseline 入りし、random()関数が更新された。 - 新しい CSS 構文として
div:nth-child(2 of .intro)形式のof <selector>構文、メディア/コンテナクエリの範囲構文（>,<,>=,<=）、scroll-driven animations のview()タイムラインを取り上げる。 - 紹介ツールには SVG ベースで CSS 変数からスタイル可能な3D voxel シーンエンジン「Heerich.js」、開発用ブラウザ「Polypane」の新スニペットストアが含まれる。
- 取り上げ著者は Chris Coyier・Kilian Valkhof・Paweł Grzybek・Ahmad Shadeed・Josh Comeau ら、focus アニメ・scroll-driven animations・range 構文掘り下げ記事が並ぶ。
Amazon EMR Serverless is now available in six additional regions
Source: AWS What’s New | Published: 2026-05-16 04:50 JST
- Amazon EMR Serverless が Asia Pacific（Hyderabad / Malaysia / New Zealand / Taipei / Thailand）と Mexico (Central) の6リージョンで利用可能になった。
- EMR Serverless は Apache Spark / Apache Hive を「ペタバイト級のデータ分析を、クラスタ管理なしでシンプルかつコスト効率良く実行」できるデプロイ形態。
- 細粒度のオートスケーリング・高速起動・カスタマイズ可能なワーカー構成・バッチ / インタラクティブ / ストリーミング ワークロード対応が特徴として挙げられる。
- 価格詳細は EMR Serverless 料金ページに記載で、本告知では具体額は示されていない。
- アジア太平洋圏のデータ主権要件で他リージョンに送れなかったワークロードを、Spark/Hive 単位でローカルに分析する選択肢が広がる。
AWS announces AWS Interconnect for OCI multicloud connectivity, in preview
Source: AWS What’s New | Published: 2026-05-16 03:41 JST
- AWS Interconnect が Oracle Cloud Infrastructure 向け接続をプレビュー提供し、米国東部 (N. Virginia) リージョンで利用可能になった。
- これにより自前 VPN・専用線を組み合わせる従来の DIY 方式に頼らず、AWS から OCI へ「弾力的でスケール可能なプライベート接続」をマネージドに払い出せる。
- ベースは GitHub 公開のオープン仕様で、Google Cloud は GA、Oracle Cloud は今回プレビュー、Microsoft Azure は 2026 年後半に提供予定として AWS 側のマルチクラウド戦略の足並みが見える。
- AWS マネジメントコンソール・CLI・API いずれからもプロビジョニングでき、Interconnect ユーザーガイドに手順がまとまっている。
- 用途は OCI ホストの Oracle DB / E-Business Suite と AWS 側ワークロードの低レイテンシ接続、Region 跨ぎマルチクラウドアーキテクチャの足回りなどが想定される。
Amazon Managed Grafana now supports in-place upgrade from v10.4 to v12.4
Source: AWS What’s New | Published: 2026-05-16 01:06 JST
- Amazon Managed Grafana が AWS Console・SDK・CLI から「10.4 → 12.4」へのインプレースアップグレードに対応した。
- v12.4 では Grafana Scenes ベースの新ダッシュボードがネイティブ採用され、Prometheus メトリクス・Loki ログ・Tempo トレース・Pyroscope プロファイル向けの「queryless Drilldown」アプリで探索が高速化される。
- CloudWatch プラグインがアップデートされ、ログ解析向けの PPL/SQL クエリ、クロスアカウントの Metrics Insights、プロアクティブなログ異常検知が追加された。
- テーブル可視化が CSS セルスタイリング・操作ボタン埋め込みに対応し、トレンドライン変換とナビゲーションブックマークでダッシュボード上の動線が改善されている。
- 既存 10.4 環境からの直接アップグレード経路が公式に開いたため、12 系で導入された Scenes ベースの新機能群を踏み台無しに取り込める。
Show HN: A chess.com profiler that runs Stockfish in the browser
Source: Hacker News | Published: 2026-05-16 23:11 JST
- chess.com の対局を Stockfish エンジンでブラウザ内ローカル解析する「chess insights」プロファイラを Show HN で公開、サーバへ局面を送らずに各手の評価値を生成する構成。
- 技術スタックは Vue 3・TypeScript・WebAssembly 上で動く Stockfish という説明が Show HN 投稿側に明記されており、ブラウザだけで完結する型安全な解析ツールとして位置付けられている。
- 個人 ID を入力すると過去対局を取得してパフォーマンスインサイトを生成、棋譜ごとに blunder / mistake / inaccuracy を識別する想定の用途。
- ブラウザ側で Stockfish を回すため、解析回数や深さがユーザーのマシン性能に依存する一方、外部 API コストと送信プライバシーの懸念が出ない設計トレードオフ。
- Show HN 投稿時点ではポイント1・コメント0と初期段階で、Vue 3 + WASM + TypeScript の組み合わせを「ブラウザ完結解析ツール」用途で例示する事例として参考になる。
All Articles
Zenn
| # | Title | Summary | Author | Published |
|---|---|---|---|---|
| 1 | Hono APIをCloudflare Pages Functionsで動かす自分用メモ | （Top 20 参照） | @天野 | 00:52 |
| 2 | Next.js App Router で SEO を一気に整えた4週間 — robots.ts・JSON-LD @graph・llms.txt | （Top 20 参照） | @七合目 | 19:05 |
| 3 | Cloudflare WorkerでmTLSの動作を試してみた | （Top 20 参照） | @nozele | 02:00 |
| 4 | Microsoft Agent Framework の CodeAct を使って JavaScript を実行してみた | （Top 20 参照） | @Yuuki.Y | 21:24 |
| 5 | [React] 再利用可能なUIコンポーネントの作り方 | （Top 20 参照） | @skyremt | 17:04 |
| 6 | Supabase の IPv6 制約と自動 pause：Session Pooler で解決する接続問題 | Supabase は7日無アクセスで自動 pause、Direct Connection が IPv6 限定なため Session Pooler（5432 / postgres.{project-id}）に切替えて解決 | @のむらや | 11:01 |
| 7 | 20ドル課金して Kiro Autonomous Agent を使ってみた | Kiro Web Pro（$20）で planner / coder / Semantic Reviewer のサブエージェントが並列実行、React 三目並べに5機能追加＋GitHub Actions OIDC で AWS 一時クレデンシャル発行まで自動 | @capybara | 19:57 |
| 8 | Agent Skills配布用リポジトリの設計：CLI/ZIP配布とAstroの公式サイト運用 | MTP の Skill 本体・ドキュメント・配布物を1リポジトリ集約、SKILL.md frontmatter を SSOT に latest ZIP・version-tag ZIP・release.json を生成、ドキュメントは Astro Starlight + GitHub Pages | @Kohen | 22:33 |
| 9 | 圏論にTypeScriptで入門してみる | Functor・Monad など圏論概念を TypeScript の型と実装に対応させて入門、ライブラリではなく数学側からアプローチ | @ななな | 20:25 |
| 10 | タスク管理機能を全面再設計した理由 - Day 13 | フラットなデータ構造の限界で発生したタスク親子関係の表現不足を受け、TS 実装側を再設計した個人開発 Day13 連載回 | @幸巖 | 20:22 |
| 11 | Tesseract.jsでブラウザOCRを実装する | 印刷文字 70-80%、手書きはその更に 70-80% と精度実測、PSM を SINGLE_BLOCK に切替・価格は0〜100万円のレンジでバリデーションして異常値を弾く運用 | @サクッとぱんだ | 08:39 |
| 12 | 頭脳はAI、身体は人間。AIエージェント時代の「浮いた時間」を設計する | AI が認知労働を吸収した分の浮いた時間を、創造系・身体系業務へ配分する個人エッセイ | @ふみ | 08:38 |
| 13 | react-day-picker v9 → v10 移行ガイド | パッケージ名が @daypicker/react にスコープ化、fromDate/toDate/fromMonth/toMonth が startMonth/endMonth へ統合、day_selected 等のクラス名簡略化、Persian/Hijri 等は別パッケージ分離 | @ui-memo | 07:37 |
| 14 | MulmoCast CLI を Web サービスに組み込むためのベストプラクティス（Docker / Puppeteer / EC2） | Docker 内 Chrome は「非 root + --no-sandbox」、PUPPETEER_SKIP_DOWNLOAD=true で /usr/bin/chromium 参照、リップシンク向け 30 分タイムアウト・EC2 swap 4GB / EBS 30-50GB を推奨 | @Yasutaka Nishii | 12:22 |
| 15 | 画像のリサイズ関数の裏側では何が起きている？ | Nearest/Bilinear/Bicubic を比較、ライブラリ既定が Python+OpenCV=Bilinear・Node+Sharp=Lanczos3・Flutter image=Nearest と異なる点で UX/コスト/モデル精度に効くと警告 | @ゆーと | 17:02 |
| 16 | 「あ」→「雨」を自力で実装する｜IMEに頼らない日本語サジェストの作り方 | ブラウザの IME 変換候補にはセキュリティ上アクセス不可なため、{text:'雨', reading:'あめ'} 辞書 + 読み・テキスト両方の前方一致 + compositionstart/end 二重判定 + 150ms debounce で実装 | @Rapls | 12:31 |
| 17 | アプリストアの審査エラーにキレて、Web Audio APIを使った「zip配布型スタンドアロンWebアプliゲリラ放流した話 | アプリ審査エラーへの対抗策として、Web Audio API のピンクノイズ生成を index.html + favicon の2ファイル ZIP として BOOTH 無料配布、相対パス指定でローカル展開時の favicon 表示も担保 | @ZeNx | 14:35 |
| 18 | Spring Boot からECS デプロイまで！Spring Bootアプリを ECS + ALB でパブリック公開してみた | ローカルビルドの Spring Boot アプリを Docker → ECS + ALB で外部公開する手順、Java ランタイム・AWS CLI・Docker 前提のチュートリアル | @sawa | 23:14 |
| 19 | CI/CD は OIDC、人間は Identity Center — AWS 認証の使い分け | CI/CD は GitHub Actions OIDC で長期アクセスキーを廃止、対人アクセスは IAM Identity Center に寄せる二系統運用で AWS 認証を整理 | @boxman_tools | 22:28 |
| 20 | 【EC2 Windows】EC2Launch関連の動作が原因でAMIの復元でハマったこと | サブネット移行を伴う EC2 Windows AMI 復元で EC2Launch が原因の SSM Session Manager 認証失敗にハマった経緯と対応 | @y.sato | 22:24 |
| 21 | AWS公式のナレッジMCPサーバーをClaudeに繋いでみる | AWS が公開する MCP サーバー群を Claude に接続、公式ドキュメント・ブログ・コードテンプレートを参照して回答精度を底上げする検証 | @Takeshi | 19:57 |
| 22 | [Kiro実録] KiroとペアプロしながらAPIの引数追加とDB列追加をやってみた | Supabase + Kiro で API 引数追加と DB 列追加をペアプロ形式で実行、対話ログ中心の実録 | @como | 00:32 |
| 23 | ノーコードで実現！Zoom 会議の要約を LINE に自動配信する仕組みを作ろう | Zoom 文字起こし → Make → Supabase 保存 → Gemini 要約 → LINE 配信を低コードで連結する自動化レシピ | @hirata | 13:55 |
| 24 | 【初心者】ワークツリーを切ってエージェント並行開発をしていたらコンフリクトを連発した話と対策。 | Git worktree でセクション別に AI エージェント並行開発した結果、共有部分でコンフリクトが頻発、責務分離と境界設計の修正で解決した記録 | @wahe | 01:06 |
Qiita
| # | Title | Summary | Author | Published |
|---|---|---|---|---|
| 1 | as const satisfies Record<Enum, V> でマッピング漏れをビルド時に検出する | （Top 20 参照） | @mori-dev | 20:05 |
| 2 | VeloxDB — テレメトリなし、クラウドなし。開発者のためのPostgreSQLデスクトップクライアント | （Top 20 参照） | @abeni16 | 03:06 |
| 3 | Spring Boot × GitHub ActionsでCI環境もPostgreSQLに統一する | （Top 20 参照） | @Dekopon607 | 16:21 |
| 4 | SatoriでReactコンポーネントをPNG画像に変換する完全ガイド【日本語対応】 | （Top 20 参照） | @luck2515 | 23:19 |
| 5 | Next.js App Router × コロケーション × バレルインポートで実現する、AI時代の人間との協働開発 | （Top 20 参照） | @masakinihirota | 06:23 |
| 6 | GitHub ActionsのNode.js 20非推奨警告に対応した話（Node.js 24移行） | 6/2 までに Node.js 20→24 必須、actions/checkout v4→v6・setup-go v5→v6・upload-artifact v4→v7 等を更新し FORCE_JAVASCRIPT_ACTIONS_TO_NODE24: true で先行検証 | @yhoguro | 13:30 |
| 7 | マネーフォワード クラウド会計 API を TypeScript で叩いて経費・仕訳を自動取得する | マネーフォワード クラウド会計 API を TS で叩いて経費・仕訳を取得、pay-per-call-mcp 経由で Claude からも呼べる構成 | @LemonCake | 23:59 |
| 8 | LINE Messaging API を TypeScript で実装して Claude に自動返信させる | LINE Messaging API を TS で実装して Claude が自動返信する Bot、pay-per-call-mcp との連携を含む実装メモ | @LemonCake | 23:59 |
| 9 | MCP が Linux Foundation 入り — 個人開発の OS レイヤがオープン化した日 | MCP が Linux Foundation 入り、9.7 億 SDK ダウンロード規模で「特定ベンダ API」懸念が中立化されたとして TypeScript 開発者目線でインパクトを論評 | @creolab_dev | 21:33 |
| 10 | Express の /users/:id がどう regex になるかを自前で書いてみる — path-to-regexp を 100 行で再実装 | path-to-regexp を約 350 行（テスト 23 本込み）で再実装、:id? のオプション化で先行 / も optional group に含めないと /users が一致しない等の罠を解説 | @sen-ltd | 07:58 |
| 11 | 信号機プログラム | HTML+CSS+JS で信号機の点灯遷移を再現する初学者向けの小サンプル | @biyorasu | 16:07 |
| 12 | 連載の一区切りと今後の開発目的 - Day 14 | TypeScript で進めてきた連載がいったん区切り、PC ハード故障で投稿が止まった事情と今後のゴール再設定 | @1206-1204-777 | 20:17 |
| 13 | TV Garden - 世界中の無料ライブテレビチャンネルを探索して視聴 | 地球儀風 UI で世界中の無料ライブテレビをブラウズして視聴できる Web アプリ「TV Garden」の紹介 | @abhijeet620380 | 21:10 |
| 14 | YouTube Live の HLS 欠落を疑って、音声マーカーで 5 分だけ検証した | 1/1.5/2kHz の周期マーカー音を Node.js で OBS に流し、Python で抽出して RTMPS と HLS 両方で5分計測、ドロップアウト候補ゼロでカジュアル設定では差が出ないと結論 | @AllegroMoltoV | 18:25 |
| 15 | Firebase Authenticationのドキュメントを参考に、各種認証メソッドの動作を試してみた | アプリのログイン実装で詰まったため Firebase Authentication 公式の各種認証メソッド（作成・サインインなど）を一通り検証した記録 | @o68606007 | 19:32 |
| 16 | React + Laravelで作るプロジェクト管理アプリ ─ 作成・編集・削除機能でCRUD操作を実装 | React + Laravel でプロジェクト/タスクの CRUD と詳細ページを実装、ポートフォリオ用途 | @0vx05845724272 | 15:49 |
| 17 | Gemini API で作る AI Voice Comic Maker | Gemini API でマンガスクリプトから音声付きコマを生成する仕組みを React で組んだ漫画制作スイートの一部 | @FURUYAN1234 | 09:45 |
Publickey
当日該当記事なし。
gihyo.jp
| # | Title | Summary | Published |
|---|---|---|---|
| 1 | VS Code 1.120リリース、Agentsウィンドウの安定版向けプレビューを開始 | （Top 20 参照） | 11:57 |
GIGAZINE
当日 Web 開発関連記事なし。
ITmedia News
当日 Web 開発関連記事なし。
TypeScript Blog
当日該当記事なし。
Node.js Blog
当日該当記事なし。
Astro Blog
当日該当記事なし。
Cloudflare Blog
当日該当記事なし。
Vercel Changelog
| # | Title | Summary | Published |
|---|---|---|---|
| 1 | Sort providers by cost, latency, or throughput on AI Gateway（AI Gateway でプロバイダをコスト・レイテンシ・スループットで並び替え） | （Top 20 参照） | 00:00 |
| 2 | Use native curl syntax with Vercel CLI（Vercel CLI でネイティブ curl 構文を利用可能に） | （Top 20 参照） | 00:00 |
AWS What’s New
| # | Title | Summary | Published |
|---|---|---|---|
| 1 | Amazon RDS for PostgreSQL Extended Support Announcements（Amazon RDS for PostgreSQL の Extended Support リリース告知） | （Top 20 参照） | 01:08 |
| 2 | Amazon CloudWatch Logs query result limits increased to 100K（CloudWatch Logs クエリ結果上限が 10 万件に拡大） | （Top 20 参照） | 06:00 |
| 3 | Amazon EMR Serverless is now available in additional regions（EMR Serverless が新たに6リージョン追加） | （Top 20 参照） | 04:50 |
| 4 | AWS Interconnect for OCI multicloud connectivity (preview)（AWS Interconnect が OCI 向けマルチクラウド接続をプレビュー） | （Top 20 参照） | 03:41 |
| 5 | Amazon Managed Grafana now supports in-place upgrade from v10.4 to v12.4（Managed Grafana が 10.4 → 12.4 のインプレースアップグレードに対応） | （Top 20 参照） | 01:06 |
| 6 | AWS Organizations increases SCP quotas（AWS Organizations の SCP クォータを引き上げ） | ノード当たりの SCP が 5→10、SCP 最大サイズが 5,120→10,240 文字へ拡張され大規模組織のガードレール記述が拡張可能に | 00:00 |
| 7 | Amazon Connect Cases enhanced agent workspace（Amazon Connect Cases のエージェントワークスペース強化） | 関連アイテム編集・削除とケース削除を管理者依頼なしでエージェントが直接実行できるよう改善 | 02:25 |
| 8 | AWS Partner Central Agents accelerate opportunity creation（AWS Partner Central Agents が商談作成を高速化） | AI エージェントが自然言語対話で商談作成を加速、手動入力削減で営業パイプラインの衛生を改善 | 03:41 |
Google Cloud Blog
当日 Web 開発関連記事なし。
Supabase Blog
当日該当記事なし。
web.dev
当日該当記事なし。
Mozilla Hacks
当日該当記事なし。
CSS-Tricks
| # | Title | Summary | Published |
|---|---|---|---|
| 1 | What’s !important #11: 3D Voxel Scenes, Flying Focus, CSS Syntaxes, and More（What’s !important #11：3Dボクセル・focus アニメ・CSS 新構文ほか） | （Top 20 参照） | JST |
Smashing Magazine
当日該当記事なし。
Hacker News
| # | Title | Summary | Published |
|---|---|---|---|
| 1 | Show HN: A chess.com profiler that runs Stockfish in the browser（Show HN：Stockfish をブラウザで動かす chess.com プロファイラ） | （Top 20 参照） | 23:11 |