Web Dev Digest: 2026‑06‑03
Top 20
「Google Chrome 149」安定版リリース
Source: GIGAZINE | Published: 2026-06-03 12:20 JST
- Chrome 149安定版が「CSS gap decorations」をリリースし、GridとFlexboxのgapに線種・色・幅を指定できる
column-rule/row-ruleプロパティが正式に乗ったと報告された - gap装飾には
column-rule-insetでの端の縮小、row-rule-visibility-itemsで隣接アイテム間のみ描画する制御が用意され、線幅・色・実線/点線をホバーでアニメーションさせる用途まで含まれる - アクティブなWebSocket接続を持つページがbfcacheに保存される挙動が追加され、ページ遷移時にソケットを閉じてメモリに退避→戻る/進むで高速復元する経路が標準化
Intl.Localeにvariantsプロパティが追加、shape-outsideがpath()/shape()関数対応、SVGpathLengthをCSSで参照できるpath-lengthプロパティなど、CSS/JS APIのアップデートが同時投入- 次期Chrome 150の安定版は2026年6月30日リリース予定として明示され、
image-rendering: crisp-edgesの追加など段階導入予定の機能と合わせてWeb Platformの更新リズムが再確認された
Grok Imagine Video 1.5 on AI Gateway
Source: Vercel Changelog | Published: 2026-06-03 09:00 JST
- xAIのGrok Imagine Video 1.5がVercel AI Gateway経由で正式利用可能となり、静止画＋同期音声の動画生成が単一APIで叩けるようになったとVercelが告知した
- モデルID
xai/grok-imagine-video-1.5-previewをAI SDK経由で呼ぶだけで、画像生成モデルと連鎖してアセット→動画化までを1ワークフローで構成できるサンプルコードを提示 - 1.5世代の改善点として「音声品質」「長尺シーケンスでの顔・キャラクター一貫性」「ライティングと物理表現を含むフォトリアリズム」「参照画像を増やしたスタイル誘導」が公式説明として並んだ
- アスペクト比・解像度オプション（720p対応）が設定可能で、Vercel側は「AI Gatewayはプロバイダー価格に上乗せせず推論にプラットフォーム手数料を課さない」と明言
- 単一APIキーでの統合、使用量/コスト計測、リトライ・フェイルオーバーといったAI Gateway基盤の保証がそのまま動画生成にも適用され、エージェント実装の動画モード追加コストが大きく下がる構成
How To Make Your Design System AI-Ready（デザインシステムをAI対応にする方法）
Source: Smashing Magazine | Published: 2026-06-03 22:00 JST
- 既存のデザインシステムをAIプロトタイピングの入力に耐える形へ整える4観点（不整合の削減・誤生成の抑止・コンテキスト維持・AI生成プロトタイプの品質底上げ）を実務手順に分解して提示
- AI生成が崩れる主要因として、コンポーネント名のブレ・トークン定義の散らばり・暗黙の文脈に依存したルールを列挙、これをトークン辞書とコンポーネントメタの単一情報源化で揃える方針が示された
- AIに渡す入力は「コンポーネントAPI＋使用許可されたバリアント＋禁止パターン」を機械可読の形で同梱する設計が推奨され、Figma/コードトークン/ドキュメントの三者を一致させる前提条件が明文化された
- プロトタイプ用途では「逸脱を検知する自動レビュー（lint）」をデザインシステムに組み込み、AIが許可外コンポーネントを生成した時点でフィードバックループを閉じる運用が紹介
- 結果としてデザインシステムは「人間とAI双方の入力契約」として再設計される必要があり、変更管理・バージョニング・利用許諾の粒度が従来より一段細かくなる、と結論付け
Microsoft Build 2026 - AI agent開発の主要発表
Source: gihyo.jp | Published: 2026-06-03 12:00 JST
- Microsoft Build 2026のAI関連発表をgihyoがまとめ、開発者向けの軸が「Microsoft IQ」「MAIモデル」「Microsoft Execution Containers(MXC)」の3点に整理された
- Microsoft IQはWork IQ / Fabric IQ / Foundry IQ / Web IQの4層構成で、Work IQ APIsはチャット・コンテキスト・ツール・ワークスペース領域をカバーし6月16日にGA予定と公表
- MAIモデルは7種類で、推論用MAI-Thinking-1（35Bパラメータ）、コーディング向けMAI-Code-1-Flash（5B、SWE-Benchで上位）、MAI-Image-2.5、MAI-Voice-2（15言語＋感情制御）、MAI Transcribe-1.5（43言語）が公式に名指しされた
- MXCは「OSが実行時の境界を強制するポリシー駆動型実行レイヤー」と説明され、プロセス分離・セッション分離・コンテナを組み合わせたエージェント実行サンドボックスとして整理されている
- 周辺施策としてCoreutils for Windows、WSLコンテナー、エージェント連携でコマンド失敗時に修正案を提示するIntelligent Terminalが提示され、Windows上の開発者体験がエージェント前提に組み替えられる方向性が示された
GitHub Copilot Canvas／SDK GA／サンドボックス公開プレビュー
Source: gihyo.jp | Published: 2026-06-03 12:00 JST
- GitHubがCopilotに「Canvas」を追加、チャットで示した意図を計画・PR・ブラウザセッションなど確認可能な作業対象として可視化する仕組みを正式に投入したとgihyoが報じた
/create-canvasコマンドで、エージェントの作業内容を可視化するカスタム作業画面を作れ、ターミナルやダッシュボードといった用途別に切り替えられる- 「Copilot SDK」がGAとなり、Node.js/TypeScript・Python・Go・.NET・Rust・Javaの6言語で、ファイル編集やツール呼び出しなどエージェントの実行基盤を外部ツールから叩けるようになった
- ローカル/クラウド両対応のサンドボックスがパブリックプレビューに昇格、ローカルは
/sandbox enableでファイルシステムアクセスを制限、クラウドはcopilot --cloudで一時的なLinux環境を立ち上げ複数セッションの並行実行が可能 - これまでBusinessプラン限定だったテクニカルプレビューがCopilot Pro/Pro+でも開放され、一般ユーザーが新機能を試せる範囲が大幅に拡大した
OpenAI Codex Business Plugins — 業務職向けプラグインとSites公開
Source: gihyo.jp | Published: 2026-06-03 12:00 JST
- OpenAIがCodexを「コードを書かない業務職」にも届けるロールベースプラグイン6種（データ分析／クリエイティブ制作／プロダクトデザイン／セールス／パブリックエクイティ投資／投資銀行）を投入したとgihyoが整理した
- 各プラグインはコード記述を必要とせず、62の主要アプリと110の既存スキルに連携し、業務職がそのままCodexの自動化ターゲットになる構造
- 新機能「Sites」はCodexがダッシュボード・プランナー・プロジェクトボードといったWebプロパティを直接生成し、ワークスペース内でURL共有できる仕組みで、初期パートナーにVercel・Wix・Figmaが名を連ねた
- セレクション編集の対象がコードだけでなくドキュメント・スプレッドシート・スライドへ拡張され、部分修正をピンポイントで依頼して全体再生成しなくて済むようになった
- 週間アクティブユーザーが500万人を突破、非エンジニア層は全体の約20%だが開発者比3倍速で伸びており、Codexの主戦場が「業務職全体の生産性ツール」へ広がっている前提が公式数値で示された
Amazon RDS for Db2 launches support for IBM Db2 v12.1 and Db2 Community Edition
Source: AWS What’s New | Published: 2026-06-03 16:11 JST
- Amazon RDS for Db2が IBM Db2 12.1とDb2 Community Editionの公式サポートを開始し、Standard / Advanced / Communityの3エディションが選べるようになった
- Community EditionはStandard/Advancedと同等の機能を備えつつ「開発・テスト用途では商用ライセンス料が一切発生しない」とAWSが明言、無償のIBM Customer IDがあればRDSコンソールから立ち上げ可能
- これにより検証用Db2インスタンスのコスト負担が消え、CI/CDでの自動立ち上げ／レプリカ作成といったマネージドDB前提のワークフローでDb2が現実的な選択肢に戻る
- 提供リージョンは既存のRDS for Db2サポートリージョンと完全一致で、追加リージョン作業を待たずに既存運用拠点でそのまま使える
- 一方で商用での本番運用はStandard/Advancedの有償ライセンスが必要な点は維持されており、Communityは「無償＝開発・検証専用」という線引きが明確化された
Ubuntu 26.04 LTSがsudoとcoreutilsをRust実装へ移行
Source: gihyo.jp | Published: 2026-06-03 12:00 JST
- Ubuntu 26.04 LTSが既定のsudoとcoreutilsをC実装からRust実装(uutils)に切り替え、25.10での段階導入を経てLTSの標準動作として固定された経緯をgihyoが解説、はてブ26
- 既存のGNU版sudoは
sudo.wsへリネームされ、update-alternatives経由で/usr/lib/cargo/bin/sudoのRust実装が優先される構成 - coreutilsの大半はRust版へ置き換わったが、互換性問題が残るcp/df/mv/rm/trueの5コマンドは引き続きGNU実装が採用され、完全Rust化はUbuntu 26.10予定と明示
- 元のGNU版に戻す場合は
coreutils-from-gnuの再インストールで切り替え可能だが、build-essential依存の関係で開発環境では戻しにくいという運用上の落とし穴も指摘 - 移行の動機は「C実装のセキュリティ脆弱性対処」ではなく「若手開発者を引き込むためのモダンな言語選定」と明記、Zellic監査で100件超の問題が事前修正された経緯も公開
「使い物にならなくなった」──6月1日からの「GitHub Copilot」新料金、SNSで不満続出 他ツールへの移行表明も
Source: ITmedia News | Published: 2026-06-03 17:05 JST
- GitHub Copilotが6月1日から「AIクレジット」単位の従量課金へ移行したことに対し、SNS上でクレジット消費が想定の数倍速で進むという報告が相次いだとITmediaが速報、はてブ153で大きく拡散
- 料金体系はCopilot Pro月10ドル・Business月19ドル(3,000クレジット相当)・Enterprise月39ドル(7,000クレジット相当)で、追加クレジットはBusinessで30ドル/Enterpriseで70ドルの上乗せが必要
- 報告された異常な消費例として「20行のコード補完で月枠の1%」「15分で2.5日分」「Pro+ユーザーが2時間で月枠の8%」「7,000クレジットを1日で使い切り」など具体的事例が並び、1件の指示で6ドル超に達するケースも記録された
- 内部処理として「複数ファイル検索・会話履歴・複数モデル呼び出し」が単一指示でも積み上がるため、表面UIの操作量と実消費量が乖離していることが技術的背景として指摘されている
- 不満が直接他ツールへの移行表明につながり、Proプランをキャンセルするユーザーや「The Register」報道で2週間で割当の80%を消費したプロジェクト事例まで紹介された
CAMPFIRE「従業員がGitHub認証情報を個人開発サーバに誤アップロード」 不正アクセスの原因公表
Source: ITmedia News | Published: 2026-06-03 15:28 JST
- クラウドファンディングのCAMPFIREが、社員がGitHubリポジトリにクラウド認証情報を誤アップロードしたことが攻撃の起点だったと公式に説明、はてブ54で広く読まれた
- 攻撃者は2026年4月2日にGitHub Actionsを使ってCI/CD環境を操作し、4月16日にクラウド管理コンソール用の認証情報を奪取して横展開した、というタイムラインを公表
- 流出規模は最大22.5万人分の個人情報で、名前・住所・電話番号・メールアドレスなど識別子を広く含む
- 対応として該当クレデンシャル無効化／クラウドリソース停止・削除／アクセストークン再発行を実施、クラウドとGitHubのアカウント基盤を分離していたことが被害限定に寄与したと説明
- 「リポジトリへのシークレット混入」というOSSプロジェクトでも頻発する古典的失敗が、Web系SaaSの本番認証情報経路にそのまま直結するという教訓事例として整理された
Vite の env をスキーマで管理したら、import.meta.env の直読みまで型安全になった
Source: Zenn | Published: 2026-06-03 19:57 JST
- Viteの
import.meta.envを「t3-env + Valibot」でスキーマ駆動に管理し、直接参照側まで型安全にしつつDead Code Elimination(DCE)を維持する実装パターンが公開された - Valibotには環境変数向け変換スキーマが無いため、文字列→boolean/number/Dateの3種の「橋渡しスキーマ」を自作し、
InferInput(変換前文字列型)をImportMetaEnv型に、InferOutput(変換後)を実行時のenvオブジェクト型に分離する設計 - これによりビルド時にViteが
import.meta.env.VITE_FEATURE_DARK_MODEをリテラルへ置換する挙動を残しつつ、'true'|'false'以外の値がコンパイルエラーとなる型ガードが効き、不要分岐がDCEで削除されたまま型安全になる - Valibotスキーマを唯一の情報源(SSoT)として型を自動生成し、環境変数の追加はenv.tsの一箇所変更で済むようにし、Standard Schema準拠でライブラリ差し替え可能な余地を残す
- バンドル増加コストは約1.8KBに抑えつつ、起動時に必須env欠落を弾く本番事故防止と「変換ロジックが各所に散る」アンチパターンの抑止を同時に達成
Next.js 内完結で OpenAPI が欲しいとき — ts-rest と next-rest-framework
Source: Zenn | Published: 2026-06-03 21:30 JST
- Next.js単体でOpenAPI仕様を発行する代表ライブラリ「ts-rest」と「next-rest-framework」を、設計思想・Next.js対応・Zod 4挙動の3軸で比較した実践記事
- 設計の根本差は「ts-restは契約(contract)を別ファイルで定義しそこからルート・クライアント・OpenAPIを派生」「next-rest-frameworkはroute.tsにスキーマ同居で副産物としてOpenAPIを生成」という対比
- Next.jsバージョン適合度はts-restが12〜14想定でNext.js 16では
--legacy-peer-depsが必要、next-rest-frameworkは15/16対応済みで現行新規プロジェクト向きと整理 - Zod 4対応では両者ともクセがあり、ts-restは「デフォルト出力が空」になるため自前transformerが必要、next-rest-frameworkは
.min()等のrefinementが落ちる落とし穴が報告されている - 選定指針として「コードをファイル単位で読みたい・Next.js継続前提・ドキュメント自動化最優先ならnext-rest-framework」「スキーマを独立資産にしてmonorepo共有や脱Next.jsを残したいならts-rest」と結論付け
React × Tailwind CSS 実践 #03｜モーダルを実装する｜HTML dialog要素で作るアクセシブルなダイアログ
Source: Zenn | Published: 2026-06-03 21:35 JST
- HTML
<dialog>のshowModal()を使うことで、Escキー閉じ・フォーカストラップ・スクリーンリーダー対応・::backdrop描画がブラウザ側で「ほぼ標準装備」される、と整理し、divスタッキングで自前実装すべきでない理由を明示 - React実装は
useRefでdialog要素を掴み、showModal()/close()をimperativeに叩く方式が必要、と指摘。Reactがdialog APIを直接ラップしていないため、宣言的UIとDOM命令の両立がポイント onCloseコールバックで、Esc閉じ時にも親側のisOpenstateを同期させる必要があり、これを怠るとUI状態とDOM状態がズレる典型バグの再発を抑止- 背景クリックでの閉じ判定は「dialog要素自身へのクリック(子要素クリックではない)」で判定する実装で、ライブラリ無しでも誤閉じを回避
- Tailwind v4の
backdrop:バリアントを使いbackdrop:bg-black/50で::backdropを直接スタイル指定でき、従来のdivモーダルで必要だったスクロールロック・キーボード処理・ARIA属性40行超のコードを丸ごと削減できる
Vite 8（Rolldown）移行の評価優先順位
Source: Qiita | Published: 2026-06-03 13:58 JST
- Vite 8 + Rolldown移行の判断軸は「ビルド時間の改善」を最後に置き、(1)プラグイン互換性、(2)チャンク構成の差分、(3)成果物の変化、(4)初めて時間計測、の順で進めるべきと提言
- 依存整理として
npm ls viteでモノレポ内Viteバージョンの一致確認、フレームワークプラグインとカスタムプラグインの一覧化を最初に固定する手順を提示 - 移行時に最も見るべきは「チャンク数・ベンダーチャンク名・CSS分割パターン・ソースマップ形式」の差分で、
manualChunksを使っている環境では名前が変わるとCDNキャッシュ無効化やエラー監視の不具合に直結すると警告 - 動作検証は
npm run build→npm run previewで本番相当の挙動を確認し、ルート遷移・動的import・CSS/SVG・画像最適化など機能ごとに目視チェックすることを推奨 - CIに差分を保存しレビュー段階で差分を可視化する運用パターンを提示、計測ではなく成果物起点で意思決定する点を移行担当の指針とした
Next.js App Router × Supabaseの個人開発でハマった3つの罠
Source: Qiita | Published: 2026-06-03 18:30 JST
- Next.js 14 App Router + Supabase + Vercel構成の個人開発で踏んだ3つの罠（sitemap.xml 404 / PostgRESTあいまいembed / 外部リンクpreconnect）を実装で解決した記録
generateSitemaps()を使うと配信されるのは/sitemap/0.xmlなどシャード版で、/sitemap.xml本体は404になる挙動を確認、URL5万未満ならapp/sitemap.tsでURL配列を直接返す方式に置き換えて解決- PostgRESTで外部キーが同一テーブル間に2本以上ある場合「どのFK経由のembedか曖昧」とPGRST201で落ちる現象を踏み、
select="*, product:products!articles_product_id_fkey(*)"とFK名を明示し、!innerでINNER JOIN相当を取れるパターンを採用 - 外部リンクのクリック前ホバーで
preconnect/dns-prefetchを動的注入する手法を実装し、内部リンクはrouter.prefetch()でRSC先読み、外部リンクは接続ハンドシェイクを事前に終わらせて体感速度を底上げ - 同じ落とし穴は他のNext.js + Supabase案件でも再現する一般的な3点で、本番投入前の必須チェック項目として共有
React Router の loader で try-catch を書くのをやめたら、コードがフラットになるよ
Source: Qiita | Published: 2026-06-03 22:11 JST
- React Routerのloaderでは「自分がハンドリングすべきエラーだけthrowし、それ以外は未処理のままフレームワークに委譲してErrorBoundaryに流す」のが正解、と方針整理
- Before/Afterで実装差分を提示、
try-catchで自分が投げたResponseを自分で受けて再throwし、500変換まで自前で書いていたコードはネストが深く本来不要な処理だったと指摘 console.error＋自前500変換は開発時のスタックトレース表示を潰し、デバッグ情報を喪失させるアンチパターンとして明示- Afterでは
Array.isArray分岐とZodsafeParseを使い、結果不在時のみthrow new Response("Not Found", { status: 404 })、想定外エラーは素通しでErrorBoundaryに委譲する形に整理 - 同じ方針はRemix / React Router v6+/v7のloader/actionsに共通で、try-catchの再throwボイラープレートを削るだけでコードがフラット化し意図が明瞭になる
従量課金になったGitHub Copilotで「クレジット消費が激しすぎる」との声が相次ぐ
Source: GIGAZINE | Published: 2026-06-03 15:20 JST
- GitHub Copilotの従量課金移行を受けて、GIGAZINEがユーザー報告事例を集約、はてブ40で広く参照された
- 「単一指示でも内部で複数ファイル検索・会話履歴処理・複数モデル呼び出しが連鎖する」ためエージェント型機能の実消費が想定を上回ると技術的背景を整理
- 報告された具体事例として、わずか20行のコード補完で月枠の1%消費、Pro+ユーザーが2時間で月枠の約8%消費、7,000クレジットを1日で使い切るケースが並ぶ
- 1件の変更依頼で6ドル超のコスト発生事例も挙がり、「Proプランをキャンセル」「他ツールへの移行表明」が一定数発生
- GitHub側はコミュニティの不満に対する具体的な回答を時点で示しておらず、課金構造の透明化と費用上限制御がCopilot利用者の今後の選定軸として浮上
LINE Bot × Stripe × Cloudflare Workers で予約システムを2週間で作った話
Source: Zenn | Published: 2026-06-03 15:58 JST
- LINE Bot(LINE Messaging API)・Stripe Checkout・Cloudflare Workers・Google Apps Script(GAS)の4スタックで予約決済システムを2週間で構築した個人開発記録
- Cloudflare Workersは「LINE WebhookのHTTPS要件＋高速応答」要件向けに採用、シンプルなリバースプロキシ位置付けで運用しつつLINE署名検証でタイミング攻撃を排除
- Stripe側は冪等性チェック(20分TTLキャッシュ)込みのWebhook署名検証で二重課金を防止、Checkoutセッションの有効期限は48時間まで延ばす設定で予約フローに合わせ込み
- バックエンドのデータストアにGASを採用して「サーバ不要・無料枠で運用」を実現、ただしGASの6分実行上限とSheetsをDB扱いするための独自ユーティリティが必要だった
- カード情報を自社で保持しないPCI DSS設計を維持しつつ、Workers無料枠とGAS無料枠だけでLINE予約決済が回せた具体的な実装の組み合わせが共有された
Cloudflare EmDashを触ってみた - ①初期セットアップ編
Source: Zenn | Published: 2026-06-03 11:54 JST
- Cloudflareが2026年4月に公開したServerless CMS「EmDash」を実機セットアップし、WordPressと同等の管理画面を持ちつつWorkers/D1/R2上で動く構成を確認した検証記事
- 最大の差はプラグインのセキュリティモデルで、WordPressプラグインはDB・ファイルシステム・外部通信に自由アクセスでき脆弱性の90%以上がプラグイン由来、というEmDash開発側の主張を引用、EmDashはサンドボックスで明示的な権限申請が必要
- プロジェクト直下に
AGENTS.mdとCLAUDE.mdが含まれ、AIエージェントがプロジェクトの制約・機能を読み取ってサイト構築・プラグイン開発・CLI操作を補助する設計になっている - 必要要件はWorkers有料プラン($5/月)とR2有効化のみ、
npm create emdash@latest→npm run deployで数時間以内に本番デプロイまで到達できる手順を実機で確認 - 現時点の制約としてSEOメタデータフィールドは存在するが出力に反映されない、エコシステムが未成熟で多くの機能は自前実装が必要、と率直に言及
ホスト名の入力は new URL() の前にバリデーションする
Source: Qiita | Published: 2026-06-03 19:10 JST
- ユーザー入力のホスト名を
new URL()に渡すだけだと「SSRFやオープンリダイレクトに繋がる不正なホスト」が通ってしまうケースがあるため、URLコンストラクタ前段のバリデーションが必須だと結論 - 落とし穴として、
new URL()はホスト名にUnicode/特殊記号/IPv6ブラケット/末尾ドットなどを通過させる挙動があり、後段のホスト比較で意図しないマッチが成立する事例が紹介された - 推奨パターンは「ホスト文字列のみを切り出してallowlist方式で照合する」「IPアドレス形式は明示的に拒否」「
punycode変換を経由してから比較」の3点で、ホワイトリスト前提のチェックを最初に通す設計 - アンチパターンとしては「
URL.hostを取得してから後追いで弾く」を挙げ、コンストラクタを通過させた時点で副作用ある正規化が走るためバリデーションの基準が崩れる、と指摘 - SSRF防御と外部リダイレクト防御の両面で、ホスト名検証を「URL組み立て前のテキスト処理」として固定化する実装テンプレが共有された
All Articles
Zenn
| # | Title | Summary | Author | Published |
|---|---|---|---|---|
| 1 | AIを1体で使うのをやめる ― 自分を「並列化」するマルチエージェント・オーケストレーション入門 | 単一AIから複数エージェント並列実行への移行手順と、役割分担・コンテキスト共有・進捗統合の設計テンプレ | @あきらパパ | 20:50 |
| 2 | AmiVoice APIでChatGPTに「感情絵文字😄付きで音声入力」するChrome拡張を作った | AmiVoice APIの感情推定をChatGPT入力欄に挿入する個人製Chrome拡張の実装記録 | @Naosuke | 20:00 |
| 3 | ORMって型を変換してるだけじゃないの？ | ORMはマッパーではなくクエリビルダー・トランザクション境界・接続管理を含むレイヤーだとアーキテクチャ視点で再整理 | @AOI Kurokawa | 19:30 |
| 4 | TSKaigi 2026 登壇・参加レポート | 国内最大TS会議で発表した内容と現地で得た知見の社内共有用レポート、現場運用Tipsを抽出 | @GENDA 公式アカウント | 17:25 |
| 5 | Claude APIで自動売買エージェントを個人開発した話【全体像編】 | Claude APIで株/暗号資産の自動売買エージェントを個人開発、全体構成と意思決定フロー紹介 | @inowa_r | 15:44 |
| 6 | TSKaigi 2026に参加してきました！ | 学生支援枠でTSKaigi 2026に参加した感想とスポンサーセッションの収穫を共有 | @やの | 15:13 |
| 7 | [Mastra Announce] ACP 対応で Mastra が Claude Agent や Codex を部品として使えるように | Mastra が Agent Client Protocol 対応し、Claude Agent / Codex CLI をサブエージェント or ツールとして委譲できるようになった解説 | @jun shiromizu | 14:00 |
| 8 | TSKaigi2026に学生支援で参加した話 | TSKaigi 2026学生支援枠での参加体験とイベント前ネットワーキングの実態 | @Asura | 13:19 |
| 9 | useStateの役割とuseRefの使い分け | Reactのstate(再レンダ起因)とref(値保持のみ)の差を実例で線引き | @shiyo | 12:31 |
| 10 | 開発の途中で感じた違和感をそのままにしない！ ｜ note2Zenn開発記（変革編 / Vol.6） | note→Zenn変換ツール開発で見つけたワークフローの違和感を都度リファクタした経過記録 | @hanav1ye | 10:11 |
| 11 | 5命令CPUにメモリを足して、画面に1ドット出してみた | ブラウザ上で動作する5命令ミニCPUにメモリとフレームバッファを追加し画面描画を実装 | @Ayumu Apps | 10:01 |
| 12 | セマンティックな型宣言に意味はない | TSのtypeとinterfaceの差を declaration merging などの観点で再評価し「意味的選び分け」を否定 | @toms | 09:00 |
| 13 | LLMの出力を追跡可能にする：正規化・ハッシュ・状態遷移の設計 | LLM出力を本番で追跡するため、正規化→ハッシュ化→状態遷移ログ化までのトレース基盤設計を提案 | @exorql | 08:55 |
| 14 | 国土交通省APIで不動産相場をAIから調べるMCPを作った | 国土交通省の不動産取引価格情報APIをMCPサーバ化し、AIから日本の相場分析を引ける構成を実装 | @tsukuras_dev | 07:08 |
| 15 | Overpass API を使って気づいたこと — Vue 3 で最寄り駅マップを作った話 | OpenStreetMapのOverpass APIをVue 3で叩く最寄り駅マップ実装で踏んだクエリ最適化の落とし穴を共有 | @yutakaosada | 07:05 |
| 16 | CHANGELOG.md は AI にも読ませる時代なので、自動生成しよか～ | CHANGELOG.mdをAI読解前提で構造化し、PRから自動生成するbotの設計と運用上の細部を共有 | @nyaomaru | 02:22 |
| 17 | n8nで構築する、動的ドロップダウンを備えたマルチステップフォーム | n8nのプラグインなしで、前段選択値に応じてドロップダウンを切り替えるマルチステップフォームの実装パターン | @Hideki Mori | 22:00 |
| 18 | 社内勉強会「State of JS 2025を見る会」を開催しました | State of JS 2025のフレームワーク採用率・満足度の急変ポイントをチームで読み解いた社内勉強会レポート | @株式会社TOKIUM プロダクト本部 | 18:00 |
| 19 | JavaScriptのプロトタイプチェーンでWebサイトを作りました | JSのプロトタイプチェーンをインタラクティブに辿れるサイトの構造と、グローバルオブジェクト関係の可視化方法を解説 | @swgc | 13:24 |
| 20 | 【Supabase】クエリ改ざんからデータを守るクイズアプリの設計パターン | Supabase直叩き構成のクイズアプリで、フロント側のクエリ改ざんで答えが漏れない設計テンプレを提示 | @and_shinagawa | 22:45 |
| 21 | Cookie肥大化で400 Bad Request | 検索条件をCookieに積み続けると Size of a request header field exceeds server limit で400化する事例と対策 | @tonbiattack | 00:22 |
| 22 | Claude Desktop で IAM Identity Center 認証を使って Bedrock に接続する | Claude Desktop→Bedrock接続にIAM Identity CenterをかませIdP/SAML経由でユーザー管理する公式手順 | @sugimount | 00:03 |
| 23 | Amazon Bedrock AgentCore RuntimeのmicroVM内でCodex CLIを動かしてみた | AgentCore RuntimeのmicroVMでOpenAI Codex CLIを起動、subprocess経由でinvoke_agent_runtimeから叩く構成を実証 | @takao2704@SORACOM,SA | 23:59 |
| 24 | Google Workspace と Entra ID を SAML 連携して SSO する | Entra IDをIdPにGoogle WorkspaceとGoogle CloudコンソールへSSO、SP起点でカスタムドメイン使用時の注意点 | @takidem | 17:59 |
Qiita
| # | Title | Summary | Author | Published |
|---|---|---|---|---|
| 1 | Bedrock AgentCore Runtime CLIのagentcore createコマンドで何が作成されるのか調べてみた | agentcore createで生成されるDockerfileやIAMロール等のローカル成果物を1ファイルずつ突合した検証ログ | @tshimoda1994 | 23:10 |
| 2 | Next.js App Routerで”use client”が必要になる場面を最小コードで試してみる | "use client"が必要な境界（state/イベント/フック/ブラウザAPI）を最小コードで再現する判定フロー | @hiro92196 | 19:54 |
| 3 | Raspberry PiでDockerを使ってReactJS（Vite + TypeScript）開発環境を構築する | ホストにNode無しでRaspi上にDocker＋Vite+TS Reactを起動、SDカード寿命を考慮した構成手順 | @neomi | 19:04 |
| 4 | なぜみんな使うの？AWSを導入する3つの劇的なメリット | AWSを採用する3メリット（スケール・運用コスト・グローバル展開）を非エンジニア向けに整理 | @EkanTw | 17:30 |
| 5 | JavaScriptで実装する複利計算 — 高速累乗法 O(log n) | 複利計算をO(n)ループからO(log n)の二分累乗法に書き換える具体実装と精度比較 | @anagnoraxis | 20:42 |
| 6 | React + MUI で「ユーザー一覧」にページネーションと名前検索を追加する | MUI DataGridに名前検索フィルタとサーバ側ページネーションを最小手数で組み込む実装テンプレ | @greatPeanuts | 23:17 |
| 7 | React + MUI でイベントアプリの画像 UI を少し使いやすくする | イベント作成・一覧画面の画像コンポーネントに「プレビュー縮小・即時差し替え」を仕込んだ小規模UI改善 | @greatPeanuts | 23:05 |
| 8 | 【FastAPI入門】オンメモリから脱却！Docker×PostgreSQL×SQLAlchemyでセキュアなデータ永続化を実装する | 学内掲示板アプリをFastAPI+Docker+PostgreSQL+SQLAlchemyに移行、SQLi対策込みの永続化手順 | @gt51 | 21:09 |
| 9 | 【個人開発】インボイス制度のT番号照合ツールをバイブコーディングで作った話【前編：企画〜技術選定】 | Next.js+SupabaseでインボイスT番号照合SaaSを企画から技術選定まで決めた個人開発の前編 | @taskru | 22:54 |
| 10 | 275コミットの54%がバグ修正だった——AIでスマホアプリを生成するサービスを個人開発して踏んだ全地雷 | 認証・API保護・デザイン領域でAI生成スマホアプリSaaSが踏んだバグ事例を275コミットから分類 | @naohirokaihatu | 09:19 |
| 11 | SpringBoot Web アプリのデータ転送コスト最適化（AWS × Cloudflare 構成） | Spring BootアプリのAWS転送量コスト削減のため、Cloudflareを前段に置くハイブリッド構成を検証 | @tanaka_taro_JP_KYUSYU | 16:24 |
| 12 | ホームクラウド セキュリティ構成 (Cloudflare Access × Tunnel) | Proxmox+Nextcloud家庭クラウドにCloudflare Tunnel＋Accessでゼロトラスト的アクセス制御を構築 | @girigiri-se | 13:01 |
| 13 | Next.js + Supabase + Cloudflare Workersで作るAIコンパニオン | フロントNext.js、バックSupabase、サーバレスCloudflare Workers構成でAIコンパニオンアプリを実装した開発記 | @ponfreelance | 08:31 |
| 14 | Python/Gradio AIサービスをReactに移行した話 | 社内AIサービスをGradio製プロトからReact＋API構成に乗り換える際の認証・通信設計の組み直し記録 | @mura_mattyo | 14:50 |
Publickey
2026-06-03 付の記事はありませんでした。
gihyo.jp
対象日の該当記事はすべて Top 20 に掲載されています。
GIGAZINE
| # | Title | Summary | Published |
|---|---|---|---|
| 1 | GitHub Copilotが「AIアシスタント」から「AI開発チーム」へ進化 | デスクトップアプリ化／Canvas／SDK GAでCopilotを単機能アシスタントからチーム制作環境へ拡張する流れを解説 | 14:10 |
| 2 | MicrosoftがOpenClawベースの常時稼働型AIエージェント「Scout」を発表 | 常時稼働型エージェントScoutが裏側でタスクを完遂、開発はOpenClawフレームワーク採用 | 12:21 |
| 3 | MicrosoftがgrepなどのUNIX系コマンドをWindowsで使用可能にする「Coreutils for Windows」を公開 | grep/cat等のUNIXコマンドをWindowsのCMD/PowerShell内でネイティブ実行できるパッケージを公開 | 12:10 |
| 4 | MicrosoftがClaude Sonnet 4.6と同等性能な「MAI-Thinking-1」を含む7種のAIモデルを発表 | 推論MAI-Thinking-1がClaude Sonnet 4.6相当のベンチを叩いたとMicrosoftが公式ベンチ表で公開 | 11:57 |
| 5 | MicrosoftがAIエージェント専用デバイス向け新プラットフォーム「Project Solara」を発表 | AOSPベースのエージェント中心OS Project Solaraを公表、Snapdragon搭載バッジ型端末の試作も披露 | 11:14 |
ITmedia News
| # | Title | Summary | Published |
|---|---|---|---|
| 1 | 進捗や目標を投入→AIが分かりやすいWebダッシュボードに、チーム間共有も OpenAI、Codexに新機能「Sites」 | Codex Sitesがプロジェクト進捗データをそのまま共有可能なWebダッシュボードに変換する新機能として登場 | 14:00 |
| 2 | Microsoft、自社開発した7つのAIモデル発表 画像編集や音声認識も | MS自社開発の7モデル「Microsoft AI Models」を画像編集・音声認識まで含むラインで一斉公開、はてブ28 | 11:03 |
| 3 | Microsoft、AIエージェント用のカスタマイズ可能な分離環境「Microsoft Execution Containers」発表 OpenClawも動作 | MXCがエージェント実行用サンドボックスとして公開、サードパーティフレームワークOpenClawも実行可能、はてブ32 | 11:02 |
| 4 | Microsoft、AndroidベースのAIエージェント基盤「Solara」発表 Snapdragon搭載のバッジ型端末も披露 | AOSPベースの新AIエージェント基盤Project Solaraと、QualcommやMediaTekのリファレンス機を発表、はてブ32 | 07:49 |
| 5 | Microsoft、NVIDIAのSoC搭載でAI特化のミニPC「Surface RTX Spark Dev Box」披露 | RTX Spark搭載のミニPCがローカルで1ペタフロップス級推論を目指す開発者向け機材として登場、はてブ24 | 04:50 |
TypeScript Blog
2026-06-03 付の記事はありませんでした。
Node.js Blog
2026-06-03 付の記事はありませんでした。
Astro Blog
2026-06-03 付の記事はありませんでした。
Cloudflare Blog
2026-06-03 付の記事はありませんでした。
Vercel Changelog
対象日の該当記事はすべて Top 20 に掲載されています。
AWS What’s New
対象日の該当記事はすべて Top 20 に掲載されています。
Google Cloud Blog
2026-06-03 付の記事はありませんでした。
Supabase Blog
2026-06-03 付の記事はありませんでした。
web.dev
2026-06-03 付の記事はありませんでした。
Mozilla Hacks
2026-06-03 付の記事はありませんでした。
CSS-Tricks
| # | Title | Summary | Published |
|---|---|---|---|
| 1 | @custom-media（@custom-media） | CSS at-ruleの@custom-mediaがメディアクエリにエイリアス名を付与できる仕様として整理、再利用パターンを実装例付きで解説 | 22:03 |
| 2 | @function（@function） | CSS @functionで引数受け取り・ロジック実行・値返却が可能な再利用ブロックを定義する新at-ruleの仕様解説 | 22:02 |
Smashing Magazine
対象日の該当記事はすべて Top 20 に掲載されています。
Hacker News
2026-06-03 付の記事はありませんでした。