CodeMender/Genesis Mission、Vercel AI Gatewayストリーミング文字起こしほか — Web Dev Digest: 2026‑07‑22
Top 20
Now in preview: Find and fix software vulnerabilities with CodeMender（Google Cloudの脆弱性自動修正エージェントCodeMenderがPreview提供開始）
Source: Google Cloud Blog | Published: 2026-07-22 00:00 JST
- Google CloudがCodeMenderをGemini Enterprise Agent PlatformとAI Threat Defense経由のPreviewとして公開、脆弱性のスキャン→検証→修正までを3フェーズで自律実行する
- 対応言語はC/C++・Go・Java・Python・Ruby・Rust・TypeScriptの7つ、修正はPRのdiff形式で開発者レビュー用に生成される
- 検証フェーズでは顧客が管理するサンドボックスでPoCエクスプロイトを実際に構築し、誤検知を排除する二段構えの安全設計
- VPCルーティングとゼロソースコード保持のエンタープライズガードレール、Salesforce・Robinhood・Palo Alto Networksがパートナー参加
- CI/CD統合と開発者ツール連携により、DeepMindリサーチ由来のモデルを継続的にアップデートしながら運用できる
Accelerating the frontiers of scientific discovery: Google’s $40M commitment to the Genesis Mission（Google、ホワイトハウスのGenesis Missionに$4000万のAIトークン＋クラウドクレジットを拠出）
Source: Google Cloud Blog | Published: 2026-07-22 22:30 JST
- Googleがホワイトハウス主導の科学AI推進イニシアチブ「Genesis Mission」向けに$4000万分のAIトークンとクラウドクレジットを提供すると発表
- DOE傘下の国立研究所群にDeepMindのAlphaEvolve、AlphaFold 3、AlphaGenome、WeatherNext、AlphaEarth Foundationsへのアクセスを開放
- Gemini for Governmentのシートとトークンを数万人規模のDOE運営者向けにも配布、政府用途での大規模利用を可能にする
- 具体成果例として、自律材料研究における顕微鏡のキャリブレーション時間が90分超から約13分に短縮された事例を提示
- 「10年で米国の科学発見速度を倍にする」との国家目標に、AlphaEvolveによる数理発見や自律材料合成が寄与するとGoogleが位置付け
AI Gateway now supports streaming transcription（Vercel AI GatewayがストリーミングTranscribeに対応）
Source: Vercel Changelog | Published: 2026-07-22 09:00 JST
- Vercel AI Gatewayが音声をチャンク単位でストリーミングしながら逐次トランスクリプトを返す
streamTranscribe関数を正式公開 - 入力は
ReadableStream<Uint8Array | string>を受け付け、24kHz PCMなど生波形をそのまま送りつけられる - OpenAIの
gpt-realtime-whisper、xAIのgrok-sttなど複数プロバイダをモデル識別子の差し替えだけで切り替え可能 - 返り値の
fullStreamからtranscript-delta/partial/finalの3種イベントを取り出せる差分駆動API設計 - ライブキャプション、音声入力エージェント、テキスト読み上げ併用の双方向音声UIといったユースケースを想定、現状ベータ
Amazon SES introduces pricing plans（Amazon SESが3階層の料金プランを導入）
Source: AWS What’s New | Published: 2026-07-22 01:35 JST
- Amazon SESが「Essentials / Pro / Enterprise」の3階層に整理された新料金プランを導入、各プランで関連機能を束ねてバンドル販売する形式に転換
- EnterpriseプランはマルチリージョンレジリエンシとワークロードレベルのレピュテーションIsolation、年次のデリバラビリティアセスメントが追加特典
- 従来はAPIコール単位で個別課金だった付随機能を、ワークロードプロファイルに合わせて選べる階層で提供
- 高信頼配信・レピュテーション隔離を必要とするB2B/大量配信ワークロード向けの上位機能を、単発オプションでなくプラン加入で束ねる構造
- 開発チームはトランザクションメール規模やコンプライアンス要件に応じて、初期は下位プランから開始して段階的にアップグレードするフローを想定
Amazon ECS now provides Action Logs for deployment and orchestration visibility（Amazon ECSがデプロイ・オーケストレーションの内部動作をAction Logsとして開示）
Source: AWS What’s New | Published: 2026-07-22 00:30 JST
- ECSがサービスデプロイとECS Managed Daemonアップデート中にECS自身が実施したアクションを、タイムスタンプ付きの「Action Logs」として顧客側に公開
- 各エントリはイベント名・ログレベル（INFO/WARN/ERROR）・関連リソースARN・ステータス理由を含む構造化ログ
- Amazon Q in the ECS Consoleがサーキットブレーカーロールバックや不安定サービスリビジョンを自動検出し、ルートコーズ分析と手順ガイドをコンソール内で提示
- 出力先はCloudWatch Logs / S3 / Kinesis Data Firehoseから選べ、GovCloud含む全AWSリージョンで利用可能、Action Logs自体の追加料金は無し
- 「ECS内部で何が起きているか」がこれまでAWSサポート依頼なしでは見えなかった問題を、顧客側で可視化・トラブルシューティングできるようにする
AWS Secrets Manager now publishes secret update notifications to Amazon EventBridge（AWS Secrets ManagerがSecretの更新通知をEventBridgeに発行）
Source: AWS What’s New | Published: 2026-07-22 16:00 JST
- AWS Secrets Managerがシークレット値の変更を自動的にAmazon EventBridgeへイベントとしてパブリッシュする機能を追加
- ローテーション時など「アクティブなシークレット値が変わったタイミング」を検知して、Lambda / SNS / SQS / Step Functionsに追加設定なしでルーティング可能
- これまでは変更検知に独自ポーリングまたは自作Lambdaが必要だったが、EventBridge経由のイベント駆動連携が標準化
- ローテーション完了→依存するアプリケーションのキャッシュ無効化・再デプロイトリガーといったパイプラインを、宣言的に構築できる
- 発行されるイベントペイロードでシークレットARNや操作種別を判別できるため、複数シークレットを横断する監視パターンにも対応
Amazon SageMaker Unified Studio now supports Amazon OpenSearch（Amazon SageMaker Unified StudioがOpenSearchをデータソースとして統合）
Source: AWS What’s New | Published: 2026-07-22 02:36 JST
- SageMaker Unified StudioがOpenSearchを正式なデータソースとして追加、ログ・全文検索データを分析基盤側から直接扱えるようになる
- OpenSearchのオペレーショナルサーチデータをRedshift・S3などのデータと一緒に単一のガバナンス環境で結合分析できる
- 従来は検索基盤側と分析基盤側でデータをコピーする必要があった運用パイプラインを、Unified Studio内でクエリレベル統合に集約
- 権限管理はUnified Studioのデータ検証フローに乗せられ、OpenSearchドメインへの認可も一元化される
- ログ・イベント・埋め込みベクトルなどの検索データをそのまま特徴量エンジニアリング・BIダッシュボードに接続する用途を想定
AWS、デプロイ速度が最大4倍になる「AWS CloudFormation Expressモード」を提供開始
Source: ITmedia News | Published: 2026-07-22 15:26 JST
- AWS CloudFormation Expressモードが提供開始、リソースが安定状態になるまで待機する処理を省くことでデプロイを最大4倍に高速化
- 例：Dead Letter Queue付きSQSキュー作成が標準モードの64秒に対しExpressモードは最短10秒、ENI/タグ削除を伴うLambda関数削除も20〜30秒→最短10秒
- 対象ユースケースは「アプリコンポーネントのテスト」「AIによる自動インフラ構築」など、頻繁なプロビジョニング反復が発生する開発サイクル
- 標準モードとの違いはリソース間の「stable待ち」を省略する点で、依存関係が満たされ次第並列的に次のリソースへ進む挙動
- 記事執筆時点ではリージョン制限・課金差異の詳細は明記されておらず、既存スタックの全面移行より新規スタック単位での適用が現実的
Supercharging pgvector: 4x faster HNSW vector search with AlloyDB（AlloyDBのcolumnar engineでpgvector HNSW検索が最大4倍高速化）
Source: Google Cloud Blog | Published: 2026-07-22 01:00 JST
- AlloyDBのcolumnar engineがpgvector HNSWインデックスを直接メモリに固定し、標準PostgreSQLと比べて最大4倍のQPSを達成したとGoogleが発表
- ベンチマークはGloVe 100 Angularデータセット・約100万レコード検索で、固定リコール条件下でQPSが4.2〜4.9倍に向上
- 350 QPS付近ではリコールが0.78→0.94超に改善、QPS一定条件でのリコール引き上げにも寄与する二軸改善
- 標準のPostgreSQLバッファマネージャをバイパスしvectorizedなメモリレイアウトで検索を実行、追加のアプリコード変更なし
- columnar圧縮によりメモリ消費も抑制、pgvectorをそのままRAG/セマンティック検索スタックに使ってきたユーザーへの明確な移行動機となる
Bun.Image で sharp なしに画像をリサイズ/WebP変換して、sharpと書き比べてみた
Source: Zenn | Published: 2026-07-22 04:29 JST
- Bun.Imageは
Bun.file(path).image().resize(...).webp(...).write(path)の1行で書け、sharpと同一責務のコードから追加依存ゼロで移行できる - 1080p→800px WebP変換でBun.Imageは114〜124ms、sharpは133〜146ms、Bun側が1.1〜1.2倍高速、4Kでは1.15〜1.29倍差
- 出力ファイルサイズは12,528 vs 12,518バイトとほぼ同等、
fit・qualityなどのメソッド名がsharpと共通で移行負荷が小さい - sharpはnode_modulesが約19MB増える上、Linuxではnativeビルドが必要になる可能性、Bun.Imageは組み込みでインストール手順が消える
- 同一quality=50でも内部エンコーダの差でWebPサイズが7,061 vs 11,052バイトに割れるなど、実測時はウォームアップと複数回計測を推奨
Deno 2.9のdeno taskキャッシュをhit・復元・無効化まで試す
Source: Zenn | Published: 2026-07-22 04:29 JST
- Deno 2.9の新機能
deno taskキャッシュは、コマンド定義・filesで列挙したファイル内容・envで列挙した環境変数・依存タスク出力・引数からフィンガープリントを計算 - ファイルmtimeの変更や未列挙の環境変数変更ではキャッシュヒット扱いで再実行されず、内容ベースのハッシュのみで判定される厳密な仕様を確認
outputパラメータで生成物を宣言しておくと、成果物が削除された場合でもキャッシュヒット時に自動復元されるfilesが0件マッチのタスクやタスク失敗時はキャッシュが適用されず毎回実行、この境界条件を検証コードで実測- 実行時間ではなくledger記録とハッシュ値でヒット判定を検証、CI・共有キャッシュや複数OS間の互換性は今後の検証対象
From maintenance to innovation: Checking in on Checkout.com’s Cloud Composer 3 migration（Checkout.comがCloud Composer 3移行で月額コスト約30%削減、DAG同期を6分→ほぼ瞬時に短縮）
Source: Google Cloud Blog | Published: 2026-07-22 23:00 JST
- Checkout.comがセルフマネージドAirflowからCloud Composer 3（マネージドAirflow Gen 3）に移行、月額コストが約30%削減されたとGoogleが事例公開
- 移行前は高負荷時の安定性、複雑な依存管理、S3経由で約6分かかるDAG同期、ピーク前提の手動スケールが課題だった
- Cloud Composer 3では動的スケーリングとDAG isolationで1本の問題DAGが全環境を巻き込まなくなり、Cloud Storage経由のデプロイでnear-instant syncingを実現
- dbt実行はコンテナ化により仮想環境の手動管理から解放、Gemini Cloud Assistの自動調査でMTTR（平均復旧時間）も短縮
- ピーク容量を常時抱える必要がなくなった動的スケール分がコスト削減の主要因、Airflowユーザーのマネージド移行検討で参照可能な実測事例
Why AI apps fail in production (And how Google solved it)（YouTubeが「AIプロトタイプの本番投入率5%問題」を解いた方法）
Source: Google Cloud Blog | Published: 2026-07-22 08:00 JST
- 「AIプロトタイプのうち5%しか本番に届かない」という業界データを起点に、YouTubeが本番投入率を高めるために採用した”prototyping stack”を解説
- Google AI Studioテンプレとプロキシサーバ経由の読み取り専用データアクセス、YouTube Extensionラッパーによる分離設計で、開発速度と本番リスク管理を両立
- 「使い捨てコード」で雑にプロトタイプを回しつつ、ミラーリングされた本番インフラでバリデーテッドベースラインを確立
- YouTube RecapやAsk YouTubeなど成功事例は、この構造化フレームで数四半期→数週間にリードタイム短縮
- 「失敗を安全にする構造的制約」がスピードを生むという主張で、Stephanie Wong（Developer Programs Global Lead）が執筆
Amazon EKS now supports EFA and placement groups on Amazon EKS Auto Mode and Karpenter（Amazon EKSのAuto Mode / KarpenterでEFAと配置グループをサポート）
Source: AWS What’s New | Published: 2026-07-22 23:30 JST
- EKS Auto ModeおよびKarpenter管理下のノードプールで、Elastic Fabric Adapter（EFA）とEC2 Placement Groupsの両方を宣言的に指定可能に
- 分散学習・分散推論・HPCワークロードのGPUノード群をトポロジー的に近い位置に配置する「Cluster Placement」がKarpenterノードプール定義から扱える
- EFAの高スループット・低遅延ネットワークとPlacement Groupsのインスタンス配置戦略を組み合わせ、GPU-to-GPU通信のオーバーヘッドを削減
- IPユーティライゼーションのファイングレインな制御がノードプール定義で完結、大規模GPUクラスタでのアドレス設計が容易に
- 従来はマネージドノードグループ手動セットアップが必要だったEFAクラスタを、Auto Mode/Karpenterで自動化できる点が実務的な変化
AI全自動開発のセキュリティ、どう守る? Claude Codeに組んだ5層の多層防御スタック
Source: Zenn | Published: 2026-07-22 06:40 JST
- Claude Codeで書かれた本番投入予定のフリーランスマッチングサービスに対し、AI生成コードを守るための5層の多層防御スタックを設計・実装
- 5層は「入力バリデーション」「AIジェネレーション時のガードレール」「静的セキュリティスキャン」「ランタイム防御」「監査ログ」で構成、それぞれ責務を分離
- 単なるAI任せではなく、生成→スキャン→レビュー→デプロイの各ゲートで人間の介入ポイントを明示的に設計
- 「AIコード＝信頼できない」前提での防御になっており、フロントとバックエンド共に同一のセキュリティ基準を適用
- 個人開発規模でも段階的に導入できる粒度で説明されており、AI駆動開発における現実的なセキュリティテンプレートを提供
Claude Codeで家計簿アプリを作った話【Next.js 16 + Supabase + NextAuth v5】
Source: Zenn | Published: 2026-07-22 21:19 JST
- Next.js 16 App Router + Tailwind CSS v4 + NextAuth.js v5 + Supabase + Zustand + Zod + Vercelで家計簿メモアプリ「KakeiboNote」を実装した実録
- Next.js 16の破壊的変更で
middleware.tsが廃止され、proxy.tsへの移行が必要だった落とし穴を実装レベルで検証 - NextAuth v5のSupabaseアダプター利用時に「next_authスキーマ非存在エラー」やverification_tokensのidカラム必須といった非公式仕様をnode_modules直読で発見
- 本番デプロイ時のOAuthエラーは
VERCEL_URL自動検出とNextAuth v5のAUTH_URL環境変数名変更が3層重なる複合原因だった - 開発者は仕様書と外部サービス設定だけを担当、実装はほぼClaude Codeが担う「VibeCoding」スタイルで2026年6月18日〜7月5日に完成
Preactという選択肢
Source: Zenn | Published: 2026-07-22 09:00 JST
- React互換API（JSX / Hooks）を保ちながらライブラリサイズが約3kBで済むPreactを、Reactの40〜50kBと対比して評価
- Preactは「完全なReact APIパリティ」より「ブラウザ標準への近接性」を優先する設計方針で、一部のReact機能は意図的に省略されている
- 移行時はほとんどのReactコードがそのまま動くが、Suspense周辺やConcurrent APIなどReact独自機能への依存があると差分が発生
- パフォーマンスクリティカルなランディングページや埋め込みウィジェット、ブラウザバンドルが厳しい環境での代替として位置付ける
- Reactを”知っている”開発者が新規プロジェクトで軽量オプションを選ぶ際の判断材料としてまとめられている
Spring Boot × Next.js フルスタック開発の全体像 — なぜこの組み合わせが強いのか
Source: Qiita | Published: 2026-07-22 06:50 JST
- フロントをVercel上のNext.js、バックをFargate上のSpring Boot、DBをAWS RDS PostgreSQLとする完全API分離のフルスタック構成を提示
- Spring Bootの「Java資産・ライブラリの豊富さ」「業務システムでの実績」とNext.jsの「モダンフロント＋サーバー機能の一体化」が相互補完すると主張
- ビジネスロジックとトランザクション管理はSpring Boot、UI描画とインタラクションはNext.jsに責務分割、TypeScriptとJavaの型設計が一貫しやすい
- ローカル開発ではNext.js（3000）、Spring Boot（8080）、Docker PostgreSQL（5432）を並行稼働、環境差ゼロに近い開発体験を実現
- 「Javaエンジニアだけどフロントも書けるようになりたい」層に向けたシリーズの初回、次回以降REST API・JWT・デプロイまで扱う予定
「Firefox 153」正式版リリース
Source: GIGAZINE | Published: 2026-07-22 11:44 JST
- Firefox 153が正式リリース、タブの共有メニューにQRコード生成が追加されPCで開いたページをスマホへ即座に共有可能に
- 内蔵PDFエディタが強化され複数PDFをドラッグ&ドロップで結合、画像も新規ページとして追加可能
- Windows版でHDRビデオストリーミングに対応、開発者ツールに「Local Mode」を追加してローカルディレクトリを独自オリジンとして読み込める
- 拡張機能のローカルファイルアクセスとローカルネットワークアクセスがデフォルト無効化、プリンター等への接続には都度許可が必要
- WebAssemblyとPromiseの連携、HTTP圧縮辞書の段階的有効化、複数の新CSS関数・JavaScript機能サポート、次期Firefox 154は8月18日リリース予定
その色、トークンあるよ。ベタ書きの色を毎PRで数えてCIで止めるリンタを作った
Source: Qiita | Published: 2026-07-22 20:01 JST
- 「デザイントークンを整備したのに急ぎPRで
#3b82f6が直書きされる」問題を解決する、トークン化率をカバレッジ指標としてCIで止めるリンタを自作 - リンタはPR差分に登場するCSS色値・Tailwindカスタムクラスを走査し、tokens.jsonに登録されたトークンとの一致を検査
- 単に警告するのではなく、対象ファイル数×トークン化率をレポートしてPRのステータスチェックで閾値を下回るとfailにする運用
- 例外ホワイトリストやコメント抑制も設計、レガシー箇所を段階移行する運用に耐える柔軟性を持たせた
- デザインシステム運用の「トークン利用の徹底」を、コードレビュー依存でなくCIで機械的に強制する具体パターン
All Articles
Zenn
| # | Title | Summary | Author | Published |
|---|---|---|---|---|
| 1 | IndexedDB入門: 仕組みと容量制限、生APIのつらさ、RxDBで楽になる方法 | 生IndexedDBがPromise非対応・タブ間同期なし・サーバ同期自作必須で辛い点を挙げ、リアクティブクエリとスキーマ管理を標準搭載するRxDBで解決する構図を提示 | @pubkey | 22:52 |
| 2 | MermaidをObsidian上でGUI編集するプラグインを作った | 非エンジニアのためにMermaidをGUIで編集できるObsidianプラグインを自作、Quadrant Chart等をドラッグ操作で作成可能 | @okamo02427 | 18:00 |
| 3 | 無料のTypeScript教材『サバイバルTypeScript』で「作って学ぶ」章を完走した | サバイバルTypeScriptの実践編を完走した学習ログ、関数→React→Next.js→Vercelデプロイ→Vitestまで一気通貫の教材構成を実感 | @matsutake_prgrm | 16:00 |
| 4 | [Mastra Announce] Goals で「長時間タスクの完了判定」をスレッドに持てるようになった | Mastraが新機能Goalsを追加、長時間走るエージェント作業の完了判定を追加モデルなしでスレッドに紐付け保持できる | @shiromizuj | 14:25 |
| 5 | 生成画像も音声も「保存せず」課金する — Zero-PII マルチモーダル設計で利用量だけを数える方法 | LLMゲートウェイでプロンプト・生成画像・音声を保存せず、通過量メトリクスだけで従量課金するZero-PIIアーキテクチャを提示 | @beki | 12:02 |
| 6 | pdfme と ReportLab に同じ帳票を描かせるための中間表現設計 | pdfmeとReportLabに同じ帳票を描かせるための中間表現DSLを設計、ブラウザ上でドラッグ配置しコード化する仕組み | @wintermaples | 18:00 |
| 7 | 「そのBGM、大きすぎます」をブラウザで検知する —— Web Audio API で音量チェックを実装してみた | UZU StudioでアップロードBGMの音量過大を防ぐため、Web Audio APIでRMS/ピーク音量計測をブラウザ完結で実装 | @uzu_tech | 09:42 |
| 8 | デプロイ後にHash照合するReadback設計 | 「Deployment complete」でも本番反映済みとは限らない問題に対し、本番URLを取得しmanifestとhash照合する検証パターンを提案 | @agentmemories | 09:41 |
| 9 | @dnd-kitで「自由配置のピッチ」と「リスト状のベンチ」を1つのDndContextに共存させる | サッカー編成UIで@dnd-kitの1つのDndContextに自由配置のピッチと順序付きベンチを共存させるドロップゾーン設計 | @nadarakainc | 10:00 |
| 10 | Astro + GitHub Actions + GitHub Pagesで「Markdownを書くだけ」で更新できるWebサイトを構築した話 | Astro + Tailwind + TypeScriptのポートフォリオをGitHub Pagesへ自動デプロイ、Markdownを書くだけで更新できる構成 | @k175 | 00:04 |
| 11 | ffmpegのfilter_complex地獄から卒業して、AIニュース番組を全編Reactで描くようにした | 自動AIニュース番組をffmpegのfilter_complexチェーンから、React動画フレームワークRemotionへ約1日で全面移行した記録 | @acropapa330 | 16:10 |
| 12 | Stripeでは決済済み、DBでは未契約——二重課金を防ぐまで | Stripe決済成功でもwebhookでDB更新失敗→二重課金の事故を、DBの排他ロックとwebhookステート冪等性で防ぐパターンを解説 | @zhener | 17:34 |
| 13 | OpenTelemetry を AWS Fargate で流す — FireLens(v3) と ADOT を同じタスクに載せる最小構成 | AWS FargateタスクにFireLens v3とADOTサイドカーを同居させる最小構成でOpenTelemetryトレースとログを両立する実装ガイド | @yoshit0oo | 17:01 |
| 14 | オルカンの資金流入を毎晩記録するサイトを作った — 「誰も蓄積していない公開データ」は個人開発の金脈 | eMAXIS Slim全世界株式（オルカン）の資金流入を毎晩自動記録するサイトを個人開発、Astroの静的生成で運用コスト最小化 | @mcnleandro | 09:56 |
| 15 | 職場の「縦を揃えろ」文化に疲れたので、全角対応の縦揃えツールをAIエージェント体制で作って公開した | 職場の全角縦揃え要求に疲れて、全角対応の縦揃えWebツールを純HTML/CSS/JSとAIエージェントで作って公開 | @atoraku | 22:18 |
| 16 | 1000行を貼りたいだけなのに、42秒フリーズした ― 犯人は、1行ずつ正しく動く処理だった | TssGridに1000行貼り付けると42秒フリーズ、原因は「1行ずつ正しく動く処理」のO(n²)化で、計算量観点の実演デバッグ | @tssdev | 16:16 |
| 17 | Firestore を Public Cache として扱う | Firestoreをシステム・オブ・レコードではなくPublic Cacheとして扱う設計、トランザクション制約・クエリ複雑度の制約を回避 | @cilly | 02:33 |
| 18 | contract.yml 一枚から Firebase 全レイヤーの型を生成する | 1つのcontract.ymlからFirebase全レイヤー（Firestore・Functions・Rules・クライアント）の型定義を生成し、front/back間の型ズレを排除 | @cilly | 02:33 |
| 19 | 需要が予測できない初期フェーズにおけるGoogle Cloudコスト管理と無駄のない運用ガイド | 新プロダクト初期フェーズのGCP運用で使うコスト管理術、コミット割引前提の設計を避けBudgetsとRecommenderで無駄を検出する運用 | @kat | 11:00 |
| 20 | 個人×AI駆動開発で20万行を支える技術選定 | 個人開発でAIエージェントを使い20万行のiOS+バックエンドを維持するための「AIが書きやすいコード」重視の技術選定 | @ren_i24 | 07:42 |
| 21 | コード知識ゼロから8,700コミット積んだ僕が、269回「過去に戻した」話。AI時代の境界設計とツール使い分け | コード未経験からTruthHive開発で8700コミットを積む中、269回git resetした失敗ログ、AI協働の境界設計を実体験でまとめる | @nagumo_giken | 17:31 |
| 22 | WebエディタのTab問題について調べてみた | WebエディタのTab入力とフォーカス脱出の競合をWCAG 2.2「キーボードトラップ」基準で整理、CodeMirror/Monacoが採る「Tabをデフォルト非バインド or 脱出手段用意」の共通解を紹介 | @cybozu_frontend | 12:36 |
| 23 | CSSのbox-shadow、値4つの意味を言える？ 自然な影の作り方テンプレ付き | CSS box-shadowのX/Y/blur/spread/colorの意味を整理し、自然な影を作るためのテンプレートを提示するリファレンス | @devtoolbox | 21:24 |
| 24 | その色、トークンあるよ。ベタ書きの色を毎PRで数えてCIで止めるリンタを作った（Zenn版） | デザイントークン未使用の直書き色をPR差分から検出しトークン化率をCIで測るリンタの自作解説、Qiita版と同著者のZenn再掲 | @maronsan | 20:02 |
| 25 | 知らず知らずのうちに、IMEを犠牲にしていた ― 直したつもりで、出荷したのはフラグだった | TssGridの日本語IME対応を直したつもりが、実は不完全なままリリースしていた事案の原因分析 | @tssdev | 16:16 |
| 26 | Nuxt.jsとVue.jsで学ぶモダンフロントエンド開発の基礎 | NuxtがVueベースのフレームワークとしてルーティング自動化・SSR・コンポーザブル状態管理の3課題を解決すると位置付け、Vue初学者向けにNuxtへのステップアップを解説 | @m_sakaaai | 09:27 |
| 27 | 【自宅HomeLab構築記 #5】初めてのLXCコンテナ構築でPostgreSQLの文字コードの罠を踏んだ話 | Proxmox LXC上のPostgreSQL 17でCREATE DATABASEのENCODING/LOCALE省略時にSQL_ASCIIを継承してしまう罠、systemctl status postgresqlのactive(exited)誤認、パスワード特殊文字トラブルの3点を実録で整理 | @st_systems | 08:00 |
| 28 | require() cannot be used on an ESM graph with top-level await の直し方 | Node.jsのERR_REQUIRE_ASYNC_MODULEエラー（top-level await付ESMをrequire）を、dynamic import()に置換する対処法 | @errfix | 09:00 |
| 29 | fluent API のモックは mockReturnThis で平坦にする | Supabase等のfluent APIチェーンをJestでモックする際に、mockReturnThisで再帰的なメソッドチェーンをフラットに扱う手法 | @kaji_kaji | 09:00 |
| 30 | シングルスレッドなのに、なぜ await の間に他の処理が動くのか | JavaScriptがシングルスレッドなのにawait待機中に他処理が動く仕組みを、イベントループとタスクキュー二層モデルで説明 | @d_treasure0712 | 02:12 |
| 31 | 「月額サブスク疲れ」に効く。買い切り¥2,980のウィジェットを11個作って本番リリースした | 月額サブスク疲れをテーマに、Cookieバナー・フィードバック・changelog等11種の買い切り¥2,980ウィジェットを本番投入 | @koma26 | 14:11 |
| 32 | 残薬アプリ開発日記：#1「それ、バックエンド作った方がいい」と言われた日——504エラーとの3週間 | 訪問看護師が残薬管理アプリをSupabaseフロント直結で作り504エラーに3週間ハマった顛末、バックエンド化への設計転換記 | @uno22 | 22:29 |
| 33 | VLAN = AWS Subnetと思っていた私が、L2の存在に気づいて設計をやり直した話 | オンプレとクラウドを跨ぐインフラエンジニアが「VLAN=AWS Subnet」の誤解に気づき、L2構造まで踏み込んで設計をやり直す気付き | @infra_kaneki | 19:26 |
| 34 | AWS学習28日目：Route 53・ACM・WAF | AWS学習28日目、独自ドメイン運用に向けたRoute 53・ACM・WAFの構成を、ローカル環境から本番相当に移行する過程で整理 | @zono731 | 18:20 |
| 35 | 「割るだけクラフトボスカフェ チョコミントラテベース」飲んでみた（Amplify更新をS3アップロードでトリガー） | AmplifyでホスティングしたNextフロントを、Git連携ではなくS3へのファイルアップロード起点で更新する自動化第2部 | @namahu | 13:57 |
| 36 | AWS Lightsail と EC2 はどっちが向いている？ 違いと選び方を整理 | LightsailとEC2を価格・運用性・スケール・セキュリティ・IaCの観点で比較、2026年7月時点の公式情報ベースでまとめ | @gnc_tech | 12:32 |
| 37 | Claude Codeの利用量・コスト・コミットをCloudWatch Coding Agent Insightsで可視化 | CloudWatch Coding Agent InsightsでClaude Codeの利用量・コスト・コミット数を組織横断で可視化する運用事例 | @nttdata_tech | 12:00 |
| 38 | クラウド移行は「全部移す」が答えじゃない: ハイブリッド構成の設計判断 | 複数拠点のファイルサーバ更新プロジェクトで「全部クラウド移行」を選ばず、ハイブリッド構成に落とし込む判断の実践事例 | @santassn1224 | 07:30 |
| 39 | AWS Eventsアプリが最高だった AWS Summit Japan 2026 振り返り | AWS Summit Japan 2026で公式アプリ「AWS Events」が導線・スケジュール・展示検索まで最適化されておりカンファレンス体験が改善 | @progate | 16:58 |
| 40 | コードを書かない開発: 月125円のPWAをClaude Codeだけで作った全貌 | 非プログラマがClaude Codeだけで月額125円のPWAを作った経緯、Cloudflare無料枠を最大活用してコスト最小化 | @slipon | 08:45 |
| 41 | 写真読み上げアプリで詰まった3つのバグと対処法 | 個人開発の「写真で朗読」アプリ（OCR+要約+TTS+決済）でVercelデプロイ後に踏んだ3つのバグと修正パッチ | @kento_ships | 18:26 |
| 42 | 本体が自分でBluesky GIF添付を実装した日：AMA-teras M94の自己進化ログ | デスクトップAIコーディングエージェント「AMA-teras」が隔離git worktreeでBluesky GIF添付を自己実装した記録、人間承認ゲート付き | @moriwo_dev_ai | 10:21 |
| 43 | 振込人名義が無いブロックチェーン入金を、請求書とどう自動照合するか | 振込人メタデータのないステーブルコイン入金を、金額・時刻・過去履歴を組み合わせて請求書と自動照合するアルゴリズム設計 | @sen_web3 | 09:08 |
| 44 | Electronアプリに小さなi18n基盤を入れるとき、最初に決めた6つのこと | 既存英語ElectronアプリにJa/En 2言語のi18n基盤を後付けする際に、システム言語検出・未翻訳キー扱いなど6項目を最初に決めた | @wyverselabs | 05:10 |
| 45 | デイサービス送迎通知アプリ開発 #3（実機対応と実運用に向けた改善） | デイサービス送迎通知アプリの第3回、Android実機対応とLINE通知の実運用に向けたエッジケース対応を整理 | @fd2025 | 20:52 |
| 46 | デプロイ後にHash照合するReadback設計 [Qiita再掲版]（by agentmemories） | 「Deployment complete」表示と実際の本番反映のギャップ問題を、hash照合Readbackで検証するパターンをQiita側にも掲載 | @agentmemories | 09:41 |
| 47 | TypeScript の DSA 可視化、Editor と Compile をどうやって作ったん？（DSA View View 👀👀） | TypeScriptで動くDSA可視化ツールのエディタ層とコンパイル層の実装、AST走査と描画をブラウザで完結させた構成解説 | @nyaomaru | 00:39 |
| 48 | フォルダ分けをやめたくて、開いている記事を自動タグづけで保存するChrome拡張を作りました | ブックマークのフォルダ分けが破綻するのでAI自動タグ付けするChrome拡張を自作、サーバ送信なし・認証不要で完結 | @yuki_mur | 08:53 |
| 49 | UNIXタイムスタンプの「秒/ミリ秒」を桁数で自動判定する変換ツールの実装(TS) | UNIXタイムスタンプの秒/ミリ秒を桁数で自動判定し、ISO/UTC/ローカル時刻に変換する自作WebツールのTS実装解説 | @a1221 | 11:43 |
| 50 | ブラキストクロン問題 — 最速で滑り降りる坂は「直線」ではない | ブラキストクロン曲線（サイクロイド）を最速降下線とするJavaScriptシミュレーションで「直線は最速でない」ことを可視化 | @novaslover | 11:28 |
| 51 | わんコメ(OneComme)向けウィジェットの作り方 完全版 — コメントに反応して演出を出すブラウザソースを自作する | 配信ツール「わんコメ」向けにコメント反応で演出を出すブラウザソースウィジェットを、素のJavaScriptで自作する完全版ガイド | @yoru_widget | 14:16 |
| 52 | 実験レポートのグラフ作成を簡単にするWebツールを作った | 実験レポート向けの最小二乗フィット・グラフ生成・誤差伝播計算をブラウザ完結で行うWebツールを個人開発した | @hakubou | 10:22 |
| 53 | 実務で今日から使う 正規表現 逆引きレシピ集 ― 用途別パターン・エンジン差異・事故回避 | メール・URL・日付検証など実務パターンをコピペ利用できる正規表現逆引き集、JS/Pythonのエンジン差やReDoS対策も網羅 | @genten | 21:24 |
| 54 | settings.yml 一枚で GCP / Firebase 環境を払い出す | 1つのsettings.ymlからGCP/Firebase環境をdev/stg/prodまで自動払い出しし、手動プロジェクト初期化を排除する仕組み | @cilly | 02:33 |
| 55 | 2026-07-21 開発ツールとWeb開発の注目トピック | Copilot風AIペアプロや週次注目トピックを個人的にダイジェスト化した、React SPA開発中心の開発ツール動向まとめ | @bambampurin | 22:14 |
| 56 | Zabbixのデータベース論理バックアップ (PostgreSQL / hoshino2501) | 旧ブログ記事のZenn移行、PostgreSQL上で運用中のZabbixデータベース論理バックアップ手順を残存資料としてアーカイブ | @hoshino2501 | 00:19 |
| 57 | PostgreSQL 外部からデータベースへ接続するためのアクセス制御設定 | PostgreSQLをアプリケーションサーバ外部から接続許可するpg_hba.confとpostgresql.confの設定手順を旧記事から移行 | @hoshino2501 | 00:19 |
| 58 | PostgreSQL 12のインストール・設定・DB操作 (CentOS 8) | CentOS 8上でPostgreSQL 12をインストール・初期設定・DB作成する旧記事のZenn移行、レガシー環境向けアーカイブ | @hoshino2501 | 00:19 |
| 59 | Ansibleを使ったPostgreSQL構築の自動化 | PostgreSQLのインストールと初期設定をAnsible Playbookで自動化するテンプレートを旧ブログから再掲 | @hoshino2501 | 00:19 |
| 60 | macOS MontereyにAWS CLIをインストール | macOS MontereyへのAWS CLIインストール手順を旧ブログから移行、対象環境が古いため参考情報 | @hoshino2501 | 00:19 |
| 61 | EC2 Amazon Linux 2023 (arm64) にDocker EngineとDocker Composeをインストール | ARM64版Amazon Linux 2023のEC2にDocker EngineとDocker Composeを導入する手順を旧記事から移行 | @hoshino2501 | 00:19 |
| 62 | EC2 Amazon Linux 2 (aarch64) にDocker EngineとDocker Composeをインストール | Graviton2向けAmazon Linux 2 aarch64にDocker Engine/Composeを導入する手順を旧記事から移行 | @hoshino2501 | 00:19 |
| 63 | AWS サーバレス関連サービスの学習に役立つ教材メモ | AWSサーバレス関連サービス学習に活用した教材群を整理したメモを旧ブログから再掲 | @hoshino2501 | 00:19 |
| 64 | EC2インスタンスからPostfix + SESで外部へシステムメールを送信 | EC2上のPostfixからSES経由で外部宛にシステムメールを送信するSMTPリレー構成のアーカイブ記事 | @hoshino2501 | 00:19 |
| 65 | AWS コンピューティングサービスの選択フローチャート | EC2 / ECS / Fargate / Lambda等のAWSコンピュートサービス選択判断をフローチャート化した旧記事の再掲 | @hoshino2501 | 00:19 |
| 66 | GCP 無期限の無料枠でLinuxサーバを構築 | GCPの永続無料枠e2-microでLinuxサーバを構築する手順を旧ブログから移行、内容は当時のもの | @hoshino2501 | 00:19 |
Qiita
| # | Title | Summary | Author | Published |
|---|---|---|---|---|
| 1 | Electron公式ドキュメントから推奨セキュリティツールが消えた。今、何でチェックすればいいのか | Electron公式のセキュリティチェックリストからElectronegativityが削除された事実を追跡し、代替静的解析ツールの選定を整理 | @gyugyu86 | 22:26 |
| 2 | 公式発表を追う値上げ情報サイト「値上げナビ」を作った | 各社のニュースリリース・PDF・IR資料に散らばる値上げ情報を集約する「値上げナビ」をNext.js + Supabaseで公開 | @coscoskosuda | 20:43 |
| 3 | DBもAPIも知らない審議ロジック — deliberation-pure.ts で学ぶ「副作用ゼロ」のステート遷移ガード設計 | DB/API知識ゼロの純粋関数「deliberation-pure.ts」で、副作用ゼロの状態遷移ガードを設計する実装解説 | @nagumo-engineering | 18:10 |
| 4 | WEBサイトが突然「人間失格」に？Chrome拡張機能「太宰治風に読む」を作ってみた | ページ全体を太宰治風の文体に変換するChrome拡張を作った創作系ネタ、テキスト置換とAI変換の実装解説 | @kazukichi_0914 | 20:17 |
| 5 | Chromeで多段ブックマークバーを使いたい～誰か作ってくれ～ | Chromeの多段ブックマークバーが実現しないためClaude Codeで擬似実装した拡張機能を自作、既存ブックマークUI補完 | @lemoneder | 18:44 |
| 6 | AIが書いた fetch のエラーハンドリング、try-catch だけだと404/500を見逃す件 | AI生成のfetchエラーハンドリングがtry-catch止まりで、404/500ステータスをそのまま透過するアンチパターンと修正例 | @ennagara128 | 17:24 |
| 7 | Moodleの作文問題(Essay Type)を必須回答にしたい | Moodle作文問題を必須回答・文字数上限付きで運用する設定手順、空欄提出を許容しないための問題タイプ設定を整理 | @toshimi-rublix | 16:28 |
| 8 | タイムラインは正しいのに操作感が壊れていた — PC／モバイルのトリムUXを改善した話 | CapCut風エッジスクロールトリムをブラウザ動画エディタで実装、端でハンドルが急加速する不快挙動を修正するUX改善 | @MartinDelophy | 15:22 |
| 9 | Reactで動画を量産する — Remotionで「音に反応する」アニメーション動画を作る実装パターン（横・縦両対応） | Remotionで音声波形に反応するアニメ動画を量産する実装パターン、16:9/9:16両対応と楽曲同期をコード化 | @StreamSolty | 15:02 |
| 10 | React プロジェクトで Excel ワークシートを柔軟に管理：追加・削除・移動 | Reactで動くSpreadJS上のExcelワークシートを追加・削除・移動する運用API、テンプレ複製と構造変更を実装レベルで解説 | @YaHey | 10:41 |
| 11 | Vue3・Nuxt4の前にTypeScriptの基本を整理してみる | Vue3/Nuxt4本編に入る前段として、typeof/interface/genericsなどTypeScriptの基本文法を段階的に整理する導入編 | @yuki_crossroad | 11:19 |
| 12 | Vue3・Nuxt4の前にJavaScriptの基本を整理してみる | Vue3/Nuxt4を書くための最小限のJavaScript文法（値・関数・クラス）を、Vueで頻出する使い方に絞って復習する導入編 | @yuki_crossroad | 11:18 |
| 13 | Vue3の前にCSSの基本を整理してみる | Vue3を書き始める前提として、レイアウト・タイポグラフィ・ボーダー・余白などCSS基礎項目を最小構成で整理する導入編 | @yuki_crossroad | 11:14 |
| 14 | Vue3の前にHTMLの基本を整理してみる | Vue3学習の前準備として、セマンティックタグ・見出し・入力要素などHTMLの必修範囲を整理する導入編 | @yuki_crossroad | 11:10 |
| 15 | npm installでEACCES権限エラーが出た時の対処法 | 新規VPSにNodeSourceでNode.jsを入れpm2をグローバルインストールしようとした際のEACCES権限エラーを解消する対処 | @sasukkun | 12:12 |
| 16 | node.js練習 | mainファイルにAPIキーを直書きせず.envから参照する基本を学んだNode.js学習ログ、環境変数分離を実演 | @langhuanamacha | 11:29 |
| 17 | [1, 10, 9, 2].sort() が [1, 10, 2, 9] を返した — JavaScriptのsortはデフォルトで数字を文字列として並べる | JavaScriptのArray.sortが数値を文字列比較する既定動作にハマったログ、比較関数を渡す正しい書き方を再確認 | @daisuke-nagata | 06:15 |
| 18 | Claude Code/Codexに顧客データを渡す前に止める：Node.jsで作る個人情報プリフライト検査 | Claude CodeやCodexへ顧客データを流す前に、氏名/メール/住所などPIIを検出して止めるNode.jsプリフライトを実装 | @masa_ClaudeCodeLab | 04:33 |
| 19 | PostgreSQL Windows版のインストールがgetlocales.ps1で失敗する場合の回避方法 | PostgreSQL Windows版インストーラがgetlocales.ps1で停止する既知エラーへの回避手順を、新人研修環境で実践 | @miyanekit | 13:13 |
| 20 | 複数の書き手がいるDB — written_by と status でLLMの推測を隔離する | LLM生成レコードと人間レコードが混在するDBを、written_byとstatusで隔離しトレーサビリティを担保する設計 | @5_years_apart | 10:06 |
Publickey
2026-07-22 付の記事はありませんでした。
gihyo.jp
2026-07-22 付のWeb開発関連記事はありませんでした。
ITmedia News
対象日の該当記事はすべて Top 20 に掲載されています。
GIGAZINE
| # | Title | Summary | Published |
|---|---|---|---|
| 1 | ワールドカップ期間中に各国のインターネット利用がどのように変化したか | Cloudflareが2026 FIFAワールドカップ期間中のグローバルネットトラフィックを分析、キックオフ時間帯とハーフタイムでの視聴・閲覧パターン変化を報告 | 13:28 |
TypeScript Blog
2026-07-22 付の記事はありませんでした。
Node.js Blog
2026-07-22 付の記事はありませんでした。
Astro Blog
2026-07-22 付の記事はありませんでした。
Cloudflare Blog
2026-07-22 付の記事はありませんでした。
Vercel Changelog
対象日の該当記事はすべて Top 20 に掲載されています。
AWS What’s New
| # | Title | Summary | Published |
|---|---|---|---|
| 1 | AWS Direct Connect announces 100G expansion in Lima, Peru（AWS Direct ConnectがペルーLimaで100Gbps＋MACsec対応拡張） | ペルーLima（Cirion DC）にMACsec対応100Gbps Direct Connect拠点が新設、南米の企業DXコネクティビティが強化 | 13:00 |
| 2 | AWS Elastic Disaster Recovery is now available in six additional AWS Regions（AWS Elastic Disaster Recoveryが6リージョン追加） | Bangkok・Malaysia・New Zealand・Taipei・Calgary・Central Mexicoの6リージョンでAWS DRSが利用可能に、対応リージョン数は36に拡大 | 07:00 |
| 3 | Amazon EC2 R6in and R6idn instances are now available in additional regions（EC2 R6in/R6idnがパリ・カナダ中央に追加提供） | 最大200Gbpsネットワーク帯域を提供するネットワーク最適化EC2 R6in/R6idnがParisとCanada Central Regionsに追加 | 05:00 |
| 4 | Amazon EC2 M6in and M6idn instances are now available in additional regions（EC2 M6in/M6idnがハイデラバード・サンパウロで提供開始） | 5G UPFやHPFS向けネットワーク集約ワークロード用M6in/M6idnがHyderabadとSão Pauloに拡張 | 05:00 |
| 5 | Amazon EC2 C6in instances are now available in Asia Pacific (Taipei) Region（EC2 C6inが台北リージョンで提供開始） | ネットワーク仮想アプライアンス・CPU系AI/ML向けC6inインスタンスがTaipeiで利用可能に、200Gbps帯域提供 | 05:00 |
| 6 | Amazon ECS advanced deployment strategies now available in AWS European Sovereign Cloud（ECS高度デプロイ戦略がEU Sovereign Cloudで提供） | Blue/Green・Linear・CanaryデプロイがECSでEuropean Sovereign Cloudに対応、規制対応環境でも段階リリースが可能に | 02:00 |
Google Cloud Blog
対象日の該当記事はすべて Top 20 に掲載されています。
Supabase Blog
2026-07-22 付の記事はありませんでした。
web.dev
2026-07-22 付の記事はありませんでした。
Mozilla Hacks
2026-07-22 付の記事はありませんでした。
CSS-Tricks
2026-07-22 付の記事はありませんでした。
Smashing Magazine
2026-07-22 付の記事はありませんでした。
Hacker News
2026-07-22 付の記事はありませんでした。