VOL. 012
WEB DEV DIGEST
WEB DEV OUTLINE
2026-05-17
日曜日 · JST
TODAY’S ISSUE 2026年5月17日 · 日曜日 WEB FRONTLINE

Web Dev Digest: 2026‑05‑17

Top 20

LogTape 2.1.0: Throttling, logfmt, and smarter redaction

Source: Hacker News | Published: 2026-05-17 21:57 JST

NestJSが好きだけどきつかったから2週間でWebフレームワーク作った

Source: Zenn | Published: 2026-05-17 17:30 JST

「有向グラフ型ワークフロー」はもう限界。プロンプトのゴミを撲滅し…

Source: Zenn | Published: 2026-05-17 17:58 JST

1つのenv varで3つのマッチングアプリを量産した話 — Next.js × Supabase の現実的なマルチテナント

Source: Zenn | Published: 2026-05-17 18:05 JST

Google スプレッドシートを MCP で Claude に直接読み書きさせる【TypeScript 実装・実用コード全公開】

Source: Qiita | Published: 2026-05-17 23:59 JST

Next.js + Cloudflare WorkersでブラウザカードゲームをClaudeと個人開発する話

Source: Zenn | Published: 2026-05-17 15:11 JST

図表の位置を保ったまま英語論文PDFを日本語化するWebサービスを作った

Source: Zenn | Published: 2026-05-17 18:32 JST

pnpm monorepo でバックエンドと UI の enum drift を防ぐ

Source: Qiita | Published: 2026-05-17 20:14 JST

GitHub Actions で Jest が不定期に OOM で動かなくなった原因と対応

Source: Qiita | Published: 2026-05-17 23:57 JST

既存のS3クライアントを2行変えるだけで、Cloudflare R2に移行する方法

Source: Qiita | Published: 2026-05-17 22:36 JST

Stripe Webhook が 301 で 1 週間全失敗した話 — naked ドメインと Vercel リダイレクトの罠

Source: Qiita | Published: 2026-05-17 13:56 JST


All Articles

Zenn

#TitleSummaryAuthorPublished
1Type Challengesを1日1問解く #4MyOmit / Merge / Diff / StringToUnion / TupleToUnion の問16〜20を Exclude × Mapped Types や T[number] 等で解く回@鶏冠20:15
2Chrome拡張スターターキット(Claude Code連携版)Manifest V3 拡張に Claude Code 連携を組み込んだ動く骨格スターター本@CromeProject19:29
3VRCardMaker β0.3.0で、使い続けるための移行・共有まわりを整えたVRCardMaker β0.3.0 で旧データからの移行と共有導線を整え、継続利用を阻む摩擦を潰した更新ログ@ロク18:20
4React × TypeScript × Redux Toolkitで人材管理SaaS風アプリを作る3Redux Toolkit のスライス/セレクタでモック従業員データを管理するデータ層実装回@はうつりー18:01
5Mastra YouTube解説:Chroma共同創業者が語るコンテキストエンジニアリングChroma 共同創業者の “RAG is dead” 解説、失敗の本質は context failures と断じ grep + BM25 + ベクトル + 検索専用サブエージェントを現実解として提示@jun shiromizu13:41
6スマホ使用時間を年間換算して「その時間で何ができたか」を見せるツール日次のスマホ利用時間を年間時間に換算し TOEIC 学習量等と並べて可視化する Web ツール@はまでばっぐ22:38
7semantic-releaseとは? GitHub Actionsでnpm公開を自動化する仕組みと最小構成fix→patch / feat→minor / BREAKING CHANGE→major を判定する semantic-release を GitHub Actions で動かす最小構成 (release.config.cjs + workflow)@53able20:18
8プログラム1行も書かずに、Claude AIとポケモン対戦DBを1ヶ月で公開した話Claude Code 経由でフレームワーク非依存の HTML/JS のみのポケモン対戦 DB を1ヶ月で公開した記録@PchamDBぴ〜ちゃん16:02
9サーバー代0円・バックエンド不要!?remoteStorageで実現する「ユーザー主権」なWebアプリremoteStorage プロトコルでバックエンドを持たず、ユーザー所有ストレージに永続化する Web アプリ実装パターン@konnyaku25614:33
10【2026年版】React + ViteとNext.js、どちらを選ぶべきか?SPA 用途は Vite、SEO/SSR を要するなら Next.js、学習導線では React+Vite から、という用途別選定指針を整理@三好アキ09:26
11図表の位置を保ったまま英語論文PDFを日本語化するWebサービスを作った(Top 20 参照)@yamataiki18:32
121つのenv varで3つのマッチングアプリを量産した話(Top 20 参照)@こそあど18:05
13Next.js + Cloudflare WorkersでブラウザカードゲームをClaudeと個人開発する話(Top 20 参照)@Akinobu Lab15:11
14MDXコンポーネントに構造化データを埋め込んでSEOリッチスニペットを自動獲得するnext-mdx-remote v5 で MDX に props を渡すだけで HowTo/Recipe/FAQPage/Review 4 スキーマの JSON-LD を 150 本以上の既存記事に一括付与した実例@ヨコタナオヤ|correlate design10:51
15スマホを持たない高齢者に、防災情報をテレビで届けるAndroid TV / Fire TV Stick を Next.js 16 + Lambda で防災端末化、月 0.5 ドル運用で警戒レベル 3 以上は強制画面遷移する SafeTV を構築@Koji Okuji21:32
16BOM・CSV Injection・認可バイパス、20年目のフロントエンジニアが踏み抜いた罠の全記録CSV の BOM・数式 Injection・トランザクション漏れ・Viewer/viewer 1 文字違いによる認可バイパス、20 年目フロントエンジニアの実事故記録@Yuta Goi21:59
17札幌のカフェ探索アプリを作って、GeminiとGoogle Mapsを組み合わせてみたReact + Google Places + Gemini で札幌カフェを地図表示しつつ AI で雰囲気カテゴリ分けする個人開発記@しずか21:10
18Rails + Inertia.js + React + shadcn/ui の環境構築手順Rails を API 層に据え、Inertia.js + React + shadcn/ui で SPA 風 UI を構築する手順書@megeton14:08
19【超入門】Node.js + Expressで始めるWebサーバー開発第一歩Node.js / Express の最小構成で Hello World サーバーを立ち上げる初学者向け解説@M.Hiroshi14:30
20AIコーディング時代、DrizzleよりAtlasよりKyselyを選んだ理由Claude Code に 100% 生成させる前提では ORM の抽象が AI の意図理解コストになるため、生 SQL 風に書ける Kysely + 手書きマイグレーションを採用した判断@peka217:28
21PostgreSQLのjsonb型で空値を検索するjsonb に対し @?jsonb_typeof() / jsonb_array_length() を組み合わせ「存在し非null・非空配列」を絞る具体クエリパターン@胡瓜14:40
22DevContainer+Claude CodeでRDB学習環境を構築したVSCode DevContainer + PostgreSQL 16 + Go/Rust + Claude Code で RDB 学習環境を組み、ハマった3点まで含めて公開@tsuzudev0510:45
23k8sでCloudflaredからIstio IngressGateway間の通信をTLS化するcloudflared から Istio IngressGateway への内部通信を Istio mTLS で塞ぐ、サイドカー注入 + DestinationRule/Gateway 設定で SPIFFE 認証を確立した実装記録@yushi_a18:14
24Astro 5 + Content Collections で個人ブログを組むAstro 5 + MDX + Content Collections + Tailwind + rehype-mermaid の 8 依存のみで構成、Zod refine で業務ルール強制と sitemap lastmod 制御を Schema レベルで担保@Aulvem14:13
25「有向グラフ型ワークフロー」はもう限界。プロンプトのゴミを撲滅…(Top 20 参照)@太田政樹17:58
26NestJSが好きだけどきつかったから2週間でWebフレームワーク作った(Top 20 参照)@9wick17:30
27勝手に4GBがダウンロードされることで話題の Prompt API を使ってみたChrome 148 同梱の Gemini Nano (4GB) を Prompt API で実機検証、知識量壊滅的・PC かつ Chrome 148 限定で「オプション機能」止まりと評価@MMGames13:00
28Cloud Storage MCP サーバー 使ってみたCloud Storage MCP サーバーを Claude に繋ぎ、画像共有・編集ワークフローをチャット内で完結させる実験@S島23:01
29MCP Apps で GCP のログを Claude のチャットに埋め込むMCP Apps の iframe UI で Cloud Logging の REST API(entries:list)を呼び出し、選択したログを updateModelContext で Claude に直接渡す@S島21:15
30バイブコーディングを支える黒幕。Cloud Workstations v1.16.2 で「Agent Mode」が完全覚醒した話Cloud Workstations v1.16.2 の Agent Mode が自律実行・エンタープライズ向け制御を備え、AI 主導開発環境として完成した解説@サウナ大好きエンジニア10:36
31AWS経験者向けにGCPのOrganization / Folder / Project / Shared VPCを整理するAWS の Organization / OU / Account / Shared VPC に対応する GCP 構造を表形式で整理した移行者向け早見表@hirokazu.s10:04
32「後付け」で言語化されたWebの設計思想、RESTを理解するRoy Fielding が Web 成功理由を逆算した6制約(C/S・ステートレス・キャッシュ・統一 IF・階層化・Code on Demand)を後付けスタイルとして整理@AOI Kurokawa10:00

Qiita

#TitleSummaryAuthorPublished
1DifyやLangGraphの限界。なぜAIエージェント開発に「State(記憶・ホワイトボード)」が必要なのかDify / LangGraph の限界を「ノード間で State を持てない」点に置き、エージェント内部にホワイトボード状態を持たせる設計を提案@masaki_ohta19:05
2Google スプレッドシートを MCP で Claude に直接読み書きさせる(Top 20 参照)@LemonCake23:59
3pnpm monorepo でバックエンドと UI の enum drift を防ぐ(Top 20 参照)@mori-dev20:14
4JavaScriptとか文字化けWorker と Blob を絡めた JS コード片で「文字化けする行はどこか」を当てる読解クイズ形式の記事@mashuel22:15
5C言語、Javascriptのstatic用途の明確な違いについてC 言語の static(リンケージ/生存期間)と JS の static(クラス静的メンバ)を機能差で比較整理@_ohuton10:58
6Google CloudでNext.jsデプロイしてみたCloud Run の --source フラグだけで Next.js をビルド&デプロイする手順を最小限の事前設定込みで公開@DachshundLover22:34
7Supabase RLS で TO service_role が PostgREST 経由では silent に失敗するSupabase RLS で TO service_role が PostgREST 経由では silent fail、TO public + USING(auth.role()='service_role') が正しいパターンと解説@DevMasatoman13:56
8Stripe Webhook が 301 で 1 週間全失敗した話(Top 20 参照)@DevMasatoman13:56
9GitHub Actions cronが一度も動いていなかった:Node20×Supabase WebSocket不可とworking-directory罠working-directory の二重ネスト誤指定と Node 20 で Supabase Realtime の WebSocket が動かない問題が cron 全失敗の原因だった事例@DevMasatoman13:56
10Vitestを使ってテストを行なおうとしたが「RollupError: Parse failure: Expression expected」というエラーが発生したVitest 導入時に Rollup の構文解析エラーが起きた状況のトラブルログ@inu_shun21:28
11国会図書館OCRにAI補正機能を追加した - NDLOCR-Lite × AWS BedrockNDLOCR-Lite に AWS Bedrock の Claude / Nova を組み合わせて OCR 出力を補正、コスト試算込みで提示@ohtsuka-shota18:31
12Build a Simple Web-Based Budget Tracker App with React + Node.js!React フロント + Node.js バックでシンプルな家計簿アプリを作るチュートリアル@hoawehfoaw18:25
13GitHub Actions で Jest が不定期に OOM で動かなくなった原因と対応(Top 20 参照)@kkaattoo23:57
14PostgreSQL 設定変更 —チェックサムの有効化—デフォルト無効の PostgreSQL データチェックサムを initdb --data-checksums で有効化する手順と確認方法@t-fk_3711413:25
15【個人開発】旅行経験を蓄積して自分専用の持ち物リストを作るアプリReact + TypeScript + Supabase + Chakra UI + Firebase で旅行履歴から個人別の持ち物リストを生成する個人開発記@keikeigo17:00
16Supabaseの認証でつまづいたことReact Native / Expo で Supabase Auth を組む際にメール+パスワードと Google OAuth で詰まったポイントの記録@it11:43
17【第1回】家でねてるRaspberry PiでIoTの実装する家庭内 Raspberry Pi と AWS IoT Core を MQTT Pub/Sub で繋ぐ最小構成を示した第1回@plustick23:24
18AWS 簡単なアラームの作成方法CloudWatch アラームを条件指定で作る基本手順を初学者向けに整理@takuto_2523:06
19既存のS3クライアントを2行変えるだけで、Cloudflare R2に移行する方法(Top 20 参照)@fujimori5322:36
20AWSでポートフォリオサイトを構築した:S3 + CloudFront + ACM + CloudflareS3 + CloudFront + ACM 証明書 + Cloudflare DNS のポートフォリオ構成を、コスト試算込みで公開@soh50601:41
21失敗してほしいのにテストが失敗しなかった期待された挙動を検証していないために、コード破壊しても落ちないフロントエンドテストの欠陥事例@kishimin20:44
22ブラウザで為替レート 5 年履歴を描く — Frankfurter API + 自前 SVG ラインチャートAPI キー不要の Frankfurter API と自前 SVG ライン描画で 5 年分の為替履歴グラフをサーバーレスに描画@sen-ltd07:49

GIGAZINE

#TitleSummaryPublished
1AIモデルでブラウザを自動操作できる「Browser-Use」、オープンソースで開発され自然言語で簡単に指示可能LLM に自然言語で指示することでブラウザ操作を自動化するオープンソースツール Browser-Use の紹介12:00

Hacker News

#TitleSummaryPublished
1LogTape 2.1.0: Throttling, logfmt, and smarter redaction(LogTape 2.1.0:スロットリング・logfmt・賢いリダクション)(Top 20 参照)21:57