VOL. 124
WEB DEV DIGEST
WEB DEV OUTLINE
2026-09-07
月曜日 · JST
TODAY’S ISSUE 2026年9月7日 · 月曜日 WEB FRONTLINE

AWSインフラ構成の図解入門、JavaScriptを1文字ずつ削る実測ほか — Web Dev Digest: 2026‑09‑07

Top 20

【AWS初心者向け】インフラ構成を図解で理解しよう!ALB・ECS・RDS・Lambda・NAT Gateway・VPCエンドポイントを一気に学ぶ

Source: Qiita | Published: 2026-09-07 07:13 JST

JavaScriptを1文字ずつ削る。手ごとの削減幅を実測した10個と、壊れる境界

Source: Qiita | Published: 2026-09-07 08:48 JST

JWTとは何か — JWS/JWE の違いと、JWTベース認証で Next.js と Go API がやっていること

Source: Zenn | Published: 2026-09-07 00:55 JST

Cloud Run Worker PoolsでPub/Subをpull消費する ―push型と何が違うのか実測

Source: Zenn | Published: 2026-09-07 07:52 JST

RustでWebフロントとモバイルの複雑なドメインロジックを共通化する(UniFFI + WASM)

Source: Zenn | Published: 2026-09-07 08:55 JST

expo-routerのNativeTabsでiOS 26のLiquid Glassタブバーにした — ただしタブバーのスワイプはできない

Source: Qiita | Published: 2026-09-07 09:26 JST

Node.js 26のIterator.concatで遅延実行と途中終了を検証する

Source: Zenn | Published: 2026-09-07 10:02 JST

日本の商習慣対応の SaaS キットを ¥19,800 で売ろうとして1ヶ月で0件だったので MIT で公開します

Source: Zenn | Published: 2026-09-07 10:28 JST

Prismaの基本的な使い方を初心者向けにまとめてみた

Source: Qiita | Published: 2026-09-07 12:19 JST

Cloudflare D1を個人開発で使ってみた【Cloudflare運用記録 #5】

Source: Qiita | Published: 2026-09-07 12:59 JST

Forte UI – React components whose palette derives from one CSS variable(Forte UI — 1 つの CSS 変数からパレットを導く React コンポーネント)

Source: Hacker News | Published: 2026-09-07 02:40 JST

Show HN: Made a social media scheduler that doesnt require a subscription(Show HN: サブスクリプション不要の SNS 投稿予約ツールを作った)

Source: Hacker News | Published: 2026-09-07 03:13 JST

It took a year to ship WebAssembly in Anubis(Anubis に WebAssembly を載せるのに 1 年かかった)

Source: Hacker News | Published: 2026-09-07 05:32 JST

I Dislike TypeScript Because I’ve Never Maintained JavaScript Before(JavaScript を保守したことがないから TypeScript が好きになれない)

Source: Hacker News | Published: 2026-09-07 15:27 JST

Apparently CodePen 2.0 sends data to their servers as you type(CodePen 2.0 は入力するそばからサーバーへデータを送っているようだ)

Source: Hacker News | Published: 2026-09-07 20:22 JST

JavaScriptをC言語にコンパイルする「porffor」がアルファ版に到達。ネイティブやWASMを生成可能

Source: Publickey | Published: 2026-09-07 00:04 JST


All Articles

Zenn

#TitleSummaryAuthorPublished
1経路探索を自作してCloudflare Workersで動かす — D1のCPU上限に激突し、時刻表をKVの束に畳んだ話都知事杯ハッカソン作の「東京おでかけコンパス」で、D1 のクエリが Workers の CPU 上限に当たったため時刻表を KV の束へ畳み直した。@yujmatsu00:00
2AWSでWebアプリケーション基盤を構築して学んだことECS/Fargate を中心にした学習用 AWS 環境の全体像を示し、CloudFront と Amplify は未実装のまま構成図に含めたと断っている。@mh_tech01:37
3[JSC] Array.prototype.toSpliced が意図せず TypeError を投げるバグを修正したJavaScriptCore の Array.prototype.toSpliced が length に Infinity を渡すと RangeError ではなく TypeError を投げるバグ 320830 を修正した。@itsu_dev01:43
4「ブラウザで100GBのログを開ける」は本当か — Log Voyager と Wasm版 UwView を47GBで実測したOpenStreetMap 日本の 47.73GB・892,239 行の XML を題材に、Log Voyager と自作 UwView の Wasm 版をブラウザ同士で直接比較している。@amru19570402:26
5初めてのDocker環境構築をして苦労した話類似アプリの構成ファイルを流用すれば済むと考えて着手した Docker 環境構築が想定どおりに動かず、調べ直した点を初心者向けに並べている。@higashi_ss06:00
6Cloudflare D1 を1日100億行読んでいた小さなサービス — 無料枠が止まる前に、キャッシュなしで240万行に削った6つの修正D1 の無料枠は 2026 年 9 月 1 日から本当に遮断されるようになり、rows read 500 万か rows written 10 万で翌日 00:00 UTC までクエリが失敗する。@honeymarron07:47
7入力の内容ハッシュでビルドを省略する — 判定できないときは必ずビルドするE2E を dev サーバではなくビルド成果物へ回している都合で pre-commit が重くなるため、BUILD_INPUT_ROOTS の内容ハッシュで再ビルド要否を決めた。@kodomo_news08:23
8Gemini Enterpriseで「ワークフローエージェント」が作成可能になりました2026 年 9 月 3 日の更新で Agent Designer が Workflow Builder として一般提供され、チャット型に加えワークフロー型のエージェントを作れるようになった。@ryusei_hamano08:30
9オンコール調査を自動化する Slack bot で人間の労力削減とアラートの適正化を実現した話Google Cloud のアラートが鳴ると人間より先に調査を始め影響範囲を Slack スレッドへ書き込む dev-bot の仕組みと、あえて自動化しない範囲を示している。@karszawa08:30
10terraform import、tfstateとコードは別物だったterraform import は既存 AWS リソースを tfstate へ登録するだけでコードを生成しないため、tfstate とコードの両方を手作業で一致させる必要がある。@yasutomo797408:48
11Gemini Enterpriseに「Projects(プロジェクト機能)」が追加されました2026 年 9 月 4 日の更新で、これまで Google Workspace 側にあったプロジェクト機能が Gemini Enterprise 単体でもプレビュー提供された。@ryusei_hamano09:00
12UIライブラリを入れただけで、本番の全ページが500になった数ページだけの試験導入のつもりが、HeroUIProvider をルートレイアウトに置いたためサインインを含む本番の実質全ページが HTTP 500 になった。@st020209:30
13Service WorkerでIPFS Gatewayをブラウザに持ち込む:service-worker-gateway入門ipfs.io や dweb.link 任せだと CID 検証とブロック取得が gateway 側に寄るため、ipfs/service-worker-gateway でブラウザ側へ取り戻す仕組みを追っている。@ousiass09:59
14Amazon Quickから基幹システムのRDSを使う!AgentCore Gatewayと関数型MCPツールで作るリファレンス構成人事システムを想定した RDS for PostgreSQL へ、Amazon Quick から Bedrock AgentCore Gateway と Lambda を経由して届く経路をチャットから照会させている。@hikotty10:57
15React初心者から始めるNext.jsフルスタック開発学習記録アプリ StudyLog を作りながら Server Components・API・DB・Auth.js 認証・画像投稿・Vercel デプロイまで進める Zenn 本。@yatsumi82311:34
16Weekly AWS アップデート情報 - 2026年9月7日8 月 31 日から 9 月 6 日の AWS 更新をまとめ、Amazon Quick が自然言語だけでカスタムアプリを構築できる機能の一般提供を注目に挙げている。@sbnaruse11:39
17webを1人で作れるようになる計画2026 年 1 月に Web 系へ転職した初投稿者が、設計を理解して実装できる人材になるための勉強計画だけを先に立てた内容になっている。@k_konoha1311:45
18【個人開発】ブラウザで動く3Dエディタツールを公開しました(無料)ブラウザ上で動く 3D エディタを無料公開したとしているが、本文はツール名と URL が「【ツール名】」のままのテンプレート未記入で残っている。@swift11:49
19API Gatewayでコストカットと実装の敷居を下げた話勤怠管理システムの AWS 移行で、別チーム管理の DB へ直接クエリを投げる旧来の連携を API Gateway 経由へ置き換えた検討過程を書いている。@t_osakabe11:56
20「テーブル名にプレフィックス」「全部VARCHAR」とかは避けたい、最初に頑張るDB設計Fly.io と Neon の 512MB 構成を立ち上げた続きとして、後から変更が困難な DB 設計で避けたいテーブル名プレフィックスや全列 VARCHAR を先に潰している。@horino_a12:30
21Next.js製の個人サイトをAWS S3 + CloudFrontで公開するまでNext.js 16 の App Router と pnpm、開発は Docker、本番は S3 と CloudFront の静的サイトという構成で、GitHub Actions の自動デプロイまで通している。@mayobimu12:34
22お名前.comからCloudflare Registrarへドメイン移管する手順と、実際にハマった4つの落とし穴DNS・Web・メールを Cloudflare へ移した後にレジストラだけ移管し、事前に知っていれば避けられた 4 つの詰まりどころを挙げている。@serotoninmax12:39
23型番が全文検索で当たらない。PGroonga TokenBigram の英数字の切り方と、私たちが選んだ逃げ道PGroonga 既定の TokenBigram は英数字を 2 文字ずつ切らないため「QC-2031」は当たっても「QC-203」で外れるという型番検索の穴を扱っている。@kurokolabs13:30
24UPDATE文のWHERE忘れで全行更新する事故を、実行前の1分で防ぐWHERE 忘れの多くは書き間違いではなく GUI での範囲選択ミスなど編集と実行の間で起きるとして、実行前 1 分でできる予防策を 3 つ挙げている。@selene_nyx_ai13:46
25誤差付きBotの自動プレイでブラウザゲームの当たり判定バグと難易度を検証する正規分布の誤差を持つ Bot を隠しタブの 0fps でも動かして自動プレイさせ、描画幅と判定幅が 2 倍ズレていた当たり判定バグを見つけた。@menshiba13:49
26本当の意味での自動開発を実現するためのAI開発フレームワーク『Hora Kit』をOSSにしましたAI が書いたコードの人手レビューを減らし仕様と設計の確認へ寄せた 2 年分の社内ノウハウを、Hora Kit として OSS 化した。@openreachtech14:00
27金融系データサイエンティストがAWS全12冠を達成するまでの2年間2026 年 4 月 25 日の AWS Certified Generative AI Developer – Professional 合格で全 12 冠に到達し、約 2 年で何が変わったかを振り返っている。@s106314:24
28MWAA通知基盤にBedrock AgentCoreとLambda MCPを組み込むMWAA のタスク失敗を EventBridge で拾い AgentCore に一次トリアージさせる構成で、Action Group のベタ書き Lambda を AWS MCP Server へ置き換えている。@geneg14:40
29Vertex AI Gen AI Evaluation Serviceで3段階の回答を比較する正しい回答・不完全な回答・明らかな誤答の 3 段階を用意し、GENERAL_QUALITY のスコアが期待した順に並ぶかを確かめる検証条件までを書いている。@hogehogetaro15:01
30Illustrator JSXで「何番目のテキスト」を当てにしてはいけないExtendScript で位置番号を使って textFrames を指す設計は、スクリプト自身が作った複製とグループ内のネストという別々の原因で 2 回続けて壊れた。@pepe_3_go15:23
31IAP×Identity Platformでセキュアな認証基盤をサクッと構築する社外メンバーも使う社内 Web アプリにメール/パスワード認証を用意するため、Google Cloud の IAP と Identity Platform の外部 ID を組み合わせている。@chihiro094015:33
32自分の書いた Zenn の過去記事を VectorDB から検索、専用 RAG&MCP ツール「zenn-rag」過去記事のタイトルやスラッグを探す手間を減らすため、自作 Zenn 記事を VectorDB へ入れて検索する RAG 兼 MCP ツール zenn-rag を作った。@sora_kumo17:20
33閉じたAstroギャラリーのフル画像をdata-srcで後読み込みする年別アコーディオンが閉じていても img の src にフルサイズ URL があると読み込み候補になるため、初期 src を 640px 版にして残りを data-* へ退避した。@nadarakainc17:32
34MCPサーバーに「使える機能を教えて」と聞いたら、自分の名乗り方で答えの数が変わったMCP 公式の実験用サーバー server-everything で、initialize の自己申告内容を変えるだけでサーバーが返す利用可能機能の数が変わった。@numarn17:36
35SST + Prisma + Neon で構築するサーバーレスDB接続手順コスト削減のため RDS ではなく Neon を選び、Prisma 7.10.0 と SST 4.17.1 で DATABASE_URL と DIRECT_URL を分けて接続している。@namahu17:53
36「公式チュートリアル通りにやったのに動かない」の正体はツールのバージョン差だったNext.js 公式チュートリアルの pnpm install が ERR_PNPM_IGNORED_BUILDS で止まったのは失敗ではなく、bcrypt と sharp のビルドスクリプトを既定で無視する pnpm のバージョン差だった。@matsutake_prgrm18:00
37初学者がWebRTCでプロダクト開発できるようになるまで【第4回:トラブルシューティングと運用】WebRTC 連載の最終回として、接続トラブルの原因切り分けとユーザー向けエラーハンドリング、本番運用で見るべき点を扱っている。@taketo4518:00
38angular vue react の違いAngular は Router・HttpClient・Forms・DI まで最初から入る一方、React は UI 部分だけで React Router や Axios を後から足す構成だと対比している。@wefdsxcv18:33
39AWS MCP Server(GA)をClaude Codeに接続してIAMでガードレールをかける2026 年 5 月に GA となった AWS 公式のマネージド MCP Server を Claude Code へつなぎ、IAM でガードレールをかける手順を YouTube 動画のテキスト版として載せている。@bamtech190419:25
40Terraform Registryの読み方公式ドキュメントが初学者の二番目の壁になりやすいとして、Terraform Registry のページ構成と自分が躓いた箇所を備忘録として残している。@shellfish_haru20:03
41自宅ObsidianをClaude.aiから安全に読み書きする認証アーキテクチャを設計した話Vault のデータを自宅サーバーの ESPRIMO から一切出さない前提で、外出先の Claude.ai から OAuth を通して読み書きだけ許す認証設計に行き着いた。@butanokakuni20:07
42GAS をやめて Slackワークフローを Cloud Run に移行した話GAS ウェブアプリの「自分としてアプリを実行する」設定がオーナーの権限剥奪で壊れたため、Slack ワークフローの後続処理を Cloud Run へ移した。@sikeda10720:40
43ターゲット追跡は何を追うべきか ―― CPUかリクエスト数かAuto Scaling で ASGAverageCPUUtilization を 50 に置く定番設定に対し、CPU とリクエスト数のどちらを物差しにすべきかを問い直している。@terraform_log20:43
44テスト用のダミーファイル、いちいち作ってませんか?ブラウザだけで生成できるツールを作りました5MB の .zip や 800x600 の PNG といったテスト用ダミーを、拡張子とサイズの指定だけでブラウザ内生成する testfilemaker.com を公開した。@banapan21:03
45Structured Playwright (3) —— Passと報告されるFailを構造で止めるAI にテストを書かせると Fail なのに Pass と判定される事例が頻出するとして、Locator による入口の安定化に続き出口側を構造で止める方法を扱っている。@mov_ish21:29
46金融機関の電算部門を想定した、監査に耐えるデータ基盤の作り方(S3×Iceberg実践) (3) 実装編Iceberg テーブルを扱う PySpark スクリプトを Hadoop カタログの設定込みで書き、customer_id のマスキングでソルトをハードコードしない実装にしている。@nyondev21:29
47「100万円を5日で200万円にしてください」在宅トレードゲームをAIと作った📈株価をランダム生成せず実際の過去データを使うデイトレゲームを AI と作り、初期資金 100 万円で 5 営業日を戦わせる構成にした。@wezaard1730122:01
48【合格体験記】AWS実務未経験の非エンジニア職がSAAを取得してみたAWS 実務未経験の非エンジニア職が総学習時間およそ 220 時間で SAA に 820/1000 で合格し、使った教材と学習法を振り返っている。@hitakaha22:12
49Claude CodeでGoogle Chatにレビュワーにメンションしてレビュー依頼を投稿して依頼自動化するskillを作ったGoogle Chat API v1 と gws の OAuth 認証でレビュー依頼を投稿する skill を作り、タスクの自動割り当てだけは Tasks Public API の対象外でできなかった。@peipei22:24
50JSONの重複キーは静かに壊れる(設定ファイルのallowが全部消えていた話)設定ファイルに permissions が 2 回書かれ、JSON.parse が後勝ちで上書きするため約 30 件の allow ルールが丸ごと消えていた。@hashitoz22:46
51そもそも「ベクトル」と「行列」って何に使うの? — 『 Inside 3Dゲーム 数学と物理編 第1回ベクトルを位置・速度・視線・力の表現として、行列を拡大縮小・回転・平行移動をまとめて 1 回の計算で済ませる変換装置として位置づけている。@drjirp22:46
52斜め移動が速くなる罠!ベクトル移動と到達・追跡判定 — Inside 3Dゲーム 数学と物理編 第2回斜め入力で X と Z を単純加算すると移動が約 1.414 倍速くなるため正規化が要ること、到達判定は距離の 2 乗比較で平方根を避けることを示している。@drjirp22:47
53jUnitを使ってシステムの連結テストを自動化するLambda・DynamoDB・SNS・SQS・S3 が絡む非同期システムの連結テストを、2 秒間隔・最大 60 秒のポーリングなど待機戦略を決めて JUnit へ落とし込んでいる。@kotabook_dev23:08
54AgentCore Memory のカスタムネームスペース変数でテナント別のメモリー分離を検証する同じ actorId のままテナント別に記憶を分離できた一方、namespacePath 条件キーはドキュメントどおりに機能せず namespace 条件キーで代替した。@hikotty23:20
55Mastra で作る AIエージェント(32) ブラウザのマイク入力が RAG・Tool・Observability に届くまでAzure OpenAI Realtime を音声エンジンに、24kHz PCM を WebSocket で中継し、DuckDBVector の検索と libSQL への更新を Function Calling で制御している。@shiromizuj23:30
56AWSでWeb操作イベント分析基盤を試す:Firehose・S3・Athenaの小規模デモWeb 操作イベントを Firehose から S3 へ流し Athena で集計する小規模デモを組み、分析基盤の最小構成を確かめている。@roastedgreentea23:42

Qiita

#TitleSummaryAuthorPublished
1AWS素人がAWSアイコンクイズアプリを作ってみたサービス名の書かれていない構成図で困った経験から、AWS 公式アイコン一式を Google AI Studio と PowerShell で処理してクイズアプリに仕立てた。@apteryx-nz00:18
2AWS MCP Serverに追加されたServerless capabilityを試してみる2026 年 9 月 4 日追加の Serverless capability を、わざと壊した SQS と Lambda に対し MCP なし・あり・専用機能を名指しの 3 条件で比較している。@eureka_00:21
3ディレクティブコメントとは何か@ts-check や eslint-disable-next-line、webpackChunkName、sourceMappingURL のように、型チェッカーやバンドラーが読むコメントを整理している。@kkaattoo00:52
4Checking If a Media URL Is Still Valid Before You Try to Download It(ダウンロードを試す前にメディア URL がまだ有効かを確かめる)X の動画保存ツールを運営する著者が、ページから得た URL は最終的な保存先ではないことが多い問題への対処を書いている。@evanmercerdev01:51
5【AgentCore】code-server を用いたハンズオン環境を構築する(構成検討編)Strands Agents で書いたエージェントを AgentCore Runtime へ載せるハンズオンに向け、初学者向けの受講環境として code-server を選ぶまでの検討を書いている。@ryu-ki02:46
6【オープンソース】新しいタブをカスタマイズ&同期する拡張機能「MosaicSync」を作りました(日本語対応)追跡トラッカーも外部サーバー送信も持たない Firefox と Chrome 両対応の新規タブ拡張 MosaicSync を、日本語対応でオープンソース公開した。@catalonia03:03
7AWS CloudTrailでEC2停止と削除履歴を確認する手順StopInstances や DeleteNatGateway といったイベント名で CloudTrail を追い、90 日を超える範囲や EventBridge Scheduler 実行時の見どころも挙げている。@s_horikoshi03:59
8マジックリンクでログインできない原因はメールのURLスキャンだった利用者側のメールセキュリティ製品の URL 解析機能が本人より先にリンクを開き、1 回しか使えないトークンを使い切っていたことが原因だった。@kuma_383806:48
9ドキュメントが書いているファイルパスが実在するかを CI で見るリファクタで分割・移動したファイルをドキュメントが追えておらず 4 か所とも実在しなかったため、実在確認を CI に載せている。@kodomo-news08:00
10favicon一括生成をブラウザで実装する — Canvas正方形クロップとPWA manifest自動生成ロゴ 1 枚から 5 サイズを一括生成し、Math.min で短辺基準の中央クロップを行い、JSZip で PNG と site.webmanifest と HTML を 1 つの ZIP にまとめている。@sakutto-panda08:17
11同じ「データ欠落」なのに、片方のアラームはOKで片方はALARMのままだった話停止中の EC2 に紐づく 2 つの CloudWatch アラームで表示が食い違った原因は、TreatMissingData の設定が両者で異なっていたことだった。@80-cloud08:43
12【第3回】Cursor × SpecKitではじめる仕様駆動開発(Plan・Tasks編)~AIと一緒にTerraformの設計・タスク分解をしてみる~SpecKit では spec.md からいきなり Terraform を書かず、Plan と Tasks と Analyze を挟む理由を実際の設計とタスク分解で確かめている。@kooohei09:01
13Terraform StateをAWS S3とDynamoDBで安全に管理するリモートバックエンド設計と移行手順ローカル state の競合や機密混入を避けるため S3 と DynamoDB のリモートバックエンドを設計し、既存 state を本番へ影響なく移す手順を示している。@blinkgroup_jp09:22
14技術選定の基準はひとつです。「Gitでバージョン管理ができるか」。それだけです。受注管理システムを Supabase と Vercel で組んだときの基準を自社サイトにも適用し、shadcn/ui のテンプレートは骨格だけ借りて認証を外したと述べている。@kuros-works09:23
15数コロ(Sukoro)を解く — 数字が「答えの関数」になっているパズルでは、手掛かりは肯定文しか書けない印刷可能な手掛かり集合 1,254,128 通りを全数え上げすると 91.5% が解なしで、パズルとして成立するのは 1.2% しかなかった。@sen-ltd09:26
16【AWSサーバーレス設計】Textract × Step Functions × Lambdaによる帳票OCR自動抽出&API連携パイプライン自前の機械学習モデルを持たず Textract と Step Functions、Lambda だけで帳票の抽出から外部 API 登録までを完全サーバーレスで組んでいる。@mooreyxia09:56
17HEIC(iPhoneの写真)をJPEGに変換する方法(JS heic2any / Python pillow-heif)HEIC の中身は HEVC 圧縮で Safari 以外の canvas が解釈できないため、ブラウザは heic2any、サーバーは pillow-heif で JPEG へ変換している。@yuapi10:32
18aws login のセッションが10分で切れまくる!?aws login の直後は動くのに 10 分ほどで CreateOAuth2Token の ValidationException が出続けるようになる事象を追っている。@kei1-dev10:36
19【HTML手法紹介】ファイルを開いても機能する、エクスポート機能を実装する入力内容を JSON 化して圧縮し URL のフラグメントへ入れた小さな HTML を書き出すことで、.json ではなく .html で保存して開くだけで復元できるようにした。@uni92810:39
20reacrチュートリアル#5state をオブジェクトで管理するとデータの関連性が明確になると学び、次は 638 番の「ラッキー7」へ進むと記した学習ログになっている。@langhuanamacha10:43
21【簡単AWS MLA】【初心者向け】Day 13:SageMaker Feature Store を整理する — 特徴量の再利用と Online / Offline Store学習時と推論時で特徴量の作り方がずれる、定義の所在が分からないといった実務の問題を、SageMaker Feature Store の Online と Offline Store で解く前提を整理している。@MetaYuan10:48
222026年9月7日 今日のQiitaトレンド記事をポッドキャストで聴こう!前日夜の Qiita トレンド記事を AI ポッドキャスト化して毎朝更新する取り組みで、この日は無料から使えるパブリック API 16 選などを出典に挙げている。@ennagara12811:04
23【HTML手法紹介】ローカルにダウンロードして使う方式のブックマークボタンを実装する開くと元 URL へ移動するだけの短い HTML を保存する方式で、ブラウザのブックマークと違いフォルダ整理や USB・クラウドへの保存ができるとしている。@uni92811:18
24同じ .mp4 でも処理できたりできなかったり — コンテナとコーデックは別物.mp4 や .webm は箱であるコンテナを指すだけで、中身が H.264 か H.265 か AV1 かは拡張子からは分からないと切り分けている。@cheng_pm811:21
25プリザンターのカレンダーに独自の祝日を表示する[第1回:表示編]毎年 CSS を作り直す構成を避けるため、期限付きテーブルを祝日マスタとして拡張スクリプトから読み、標準カレンダーと FullCalendar の両方へ表示している。@pmc-ko11:57
26Figma Make で作ったデザインを引き継いで Claude Code で開発する方法Figma Make が書き出したコードを起点に複数の Web アプリを立ち上げた実測として、Claude Code への渡し方と事前に伝えておくべき指示を書いている。@chooser12:21
27AIエージェント時代のWeb開発:開発効率を高める自動化技術と実践方法コード生成・バグ分析・テスト作成・ドキュメント生成といった工程で AI エージェントを使う考え方を、KRCLUB の取り組みに絡めて述べている。@jiliphilti12:29
28空白のない日本語を RAG で検索可能にする:PGroonga TokenBigram、pgvector、RRF の設計と運用3 か国・約 5,000 人が使う日本語とタイ語混在の社内検索で、翻訳してから検索する方式をやめ言語ごとに索引を作って横断する設計を選んだ。@kurokolabs13:11
29【Angular】Vitest移行で@angular/buildに書き換えたので、@angular-devkit/build-angularとの違いを整理したAngular v22 で Karma から Vitest へ移す際に必要な angular.json のビルダー変更を追い、@angular/build が現行の公式ビルドシステムだと確かめている。@nakamuuu_ow14:30
30AWS Summit20262026 年 6 月 25 日と 26 日の AWS Summit Japan 2026 現地参加記で、260 を超えるセッションとステッカー配布列に 1 時間半並んだ様子を書いている。@kana_116614:41
31図に15pxで書いた文字が、スマホでは実効7pxで表示されていた。載せる面のカラム幅を実測してみた図に 15px 指定で書いた注記が公開ページ上では 6.95px になり、縮尺は表示幅を設計幅で割った値だとして Qiita・Zenn・note のカラム幅を実測した。@fujiken81814:43
32Signed URL / Presigned URL , Signed Cookie とは1 ファイルだけ許可したいなら Presigned URL、配下のパスをまとめて許可したいなら Signed Cookie という使い分けを表で示している。@ykj14:59
33TypeScriptで作るAI呼び出しミニCLI:ClaudeとOpenAIを手軽に試すNode.js 18 以上と TypeScript だけで Claude と OpenAI を叩く CLI を作る手順を、API キー取得から数ステップで動く形にまとめている。@felix-jp-studio15:28
34CloudWatch LogGroupをSAMで定義しないと、保持期間が無期限のまま放置されるLambda が put_log_events で自動作成したロググループは保持期間が無期限のまま残るため、SAM で AWS::Logs::LogGroup を RetentionInDays 付きで定義している。@caymezon15:31
35AWS Blocksを触ってみたAWS CDK Conference Japan 2026 のワークショップで @aws-blocks/blocks-app を使い、ローカル実行と AWS デプロイを 1 つのコードで完結させる認証付き Todo アプリを作った。@kana_116616:07
36Laravel 13 + WSLで始めるPlaywright【5. ブラウザテスト実装編】PHPUnit と Playwright の責務を分け、suite 開始前に E2E DB をリセットして退会確認モーダルやページネーションを実ブラウザで確かめている。@honda-dev-jp17:12
37【Intersection Observer】ページのスクロールに呼応して関数を発火する方法ポートフォリオサイトの時間差フェードインを、スクロール検知で監視対象へ CSS クラスを付ける Intersection Observer API で実装している。@riotokashiki17:49
38Cloudflare OSが賭けたのは「SaaSの終わり」だった。触る前に、設計を読み解いてみる実機を触る記事は既にあるとして公開リポジトリの README だけを読み解き、過去 25 年のクラウドの作り方を否定しにきていると評している。@startdevin17:54
39Next.js App RouterとPages Routerの違いで新人がつまずくポイント総まとめpages/ はファイル 1 つが 1 ページ、app/ はフォルダ 1 つが 1 ルートという役割の違いを軸に、新旧の情報が混在する移行期のつまずきを並べている。@m_hrefkzt18:11
40第1回 Pythonしか使ってこなかった人が、AIを相棒に在庫管理システムをJavaで作り直すブラウザだけで動いていた在庫管理システムを、Java と Supabase による複数拠点対応システムへ作り直す連載の初回になっている。@0903osa18:18
41TypeScript 1行でわかるチートシートフロントエンド 1 年目が string・number・boolean などの基本型を 1 行ずつ言い換えた自分用メモを、随時更新前提で公開している。@kinoko99918:35
42AI駆動開発のためのオントロジーAWS の OSS である context-ontology-accelerator の定義を引きつつ、オントロジーを AI エージェントが共有できるデータドメインの設計図として説明している。@Syoitu18:41
43pg_clickhouse v0.10 のプッシュダウンを測ってみた完全にプッシュダウンされる TPC-H クエリが v0.3 の 12 本から v0.10.0 で 16 本に増えたという公式の主張を、自分で測り直している。@asahide19:24
44個人開発アプリを公開して3週間。「作った後」が大変だったBLE でデバイスと接続して加熱式たばこの使用を記録する iOS アプリ Limitime の公開後、コードより届け方を考える時間が長くなったと書いている。@ys0518140620:17
45AWS SAA(SAA-C03)合格体験記オンプレのネットワーク業務が本職で AZ-104 と AWS CLF を取得済みの社内 SE が、Ping-t を主教材に SAA-C03 へ合格した。@natsukawa20:36
46Zodの使い方TypeScript の型チェックが実行時の入力までは守らない点を出発点に、Zod のスキーマで名前の文字数やメール形式を検証する基本を示している。@yuki2219421:29
47Excel管理をやめたら、イベント販売がここまで楽になった在庫の自動減算や利益計算、無料配布分の管理まで必要になったため、React と Node.js と SQLite でローカル動作の販売管理アプリを作った。@pugggg22:23
48【NULLの恐怖】Javaの NullPointerException と SQLの NULL に挟まれて爆破した話SQL の三値論理を理解しないまま退会フラグを条件に入れてデータを失った事故を起点に、Java・SQL・JavaScript で異なる NULL の扱いを突き合わせている。@otait22:24
49npmコマンドが急に使えなくなったストレージ整理ツールの使用後に node が消え、入れ直そうとすると Xcode 16.2 以上を要求されたため、Apple の配布ページから入れ nodenv で解決した。@J-T_ky2g22:32
50ARIMAモデルをJavaScriptでスクラッチ実装したブラウザで機械学習を動かす ai-on-browser へ、AR と I と MA からなる ARIMA を statsmodels より簡易な arima.js として追加した。@norimy22:42
51「無音が消えると、文単位の話者分離は混線する」話者ラベルを返さない双方向ストリーミング ASR では無音がないと 2 人の発話が 1 つの utterance にまとまるため、詞の中点で話者タイムラインを引くべきだとしている。@Karentia22:42
52同期処理と非同期処理実務で受けた「非同期処理と同期処理がごちゃごちゃしそうで怖い」という指摘を、どの処理がいつ実行されるかの分かりにくさとして捉え直している。@kstru7818ssk213622:42
53gbdraw開発記:論文の図を描くPythonスクリプトがブラウザ内実行Webアプリになるまで2022 年にポスドクが論文のゲノム図用に書いた Python スクリプトが、相同性検索までブラウザ内で走る Web アプリ gbdraw になるまでを辿っている。@satoshi_kawato22:43
54robots.txtのAllowとDisallowは「長く一致したほう」が勝つRFC 9309 では記述順ではなく一致した文字数が長いパターンが勝ち、同じ長さなら Allow が勝つと確かめ、判定ツールも作っている。@hashito22:46
55ブラウザを再読み込みしても続きを遊べるようにする――起動時復元の設計【第28回】React と TypeScript の Web RPG 連載で、スロット選択によるロードとは別に、ブラウザ再読み込み時の起動時復元をどう設計するかを扱っている。@mild_bonobo555722:48
56画像とテキストで作るTier Listの設計メモ:ブラウザでランキングを整理する方法S・A・B の段階を用意して項目をドラッグで仮置きし、完成したボードを画像として保存・共有するまでのブラウザ用 Tier List の作業手順を示している。@onewin20260222:56
57AWS WAFのAnonymousIpListでブラウザの匿名IP機能を検知できるか試してみたFirefox の内蔵 VPN や Safari のプライベートリレー、Edge の Secure Network が AWSManagedRulesAnonymousIpList からどう見えるかを試している。@gaichi23:03
58PostgreSQLの学習:psql・Client・Server・Connectionの違いとはpsql が Client として PostgreSQL Server へ接続し要求を送る側であるという関係を、所要 10 分ほどの接続・切断の実習込みで整理している。@masato_y23:34
59IAM Roles Anywhere を使って閉域ネットワークのオンプレミスから AWS のクレデンシャルを安全に取得するガバメントクラウドで原則禁止の IAM ユーザーのアクセスキーを避けるため、IAM Roles Anywhere と AWS Private CA を使う認証認可を検証している。@takeda_h23:46

Publickey

対象日の該当記事はすべて Top 20 に掲載されています。

gihyo.jp

2026-09-07 付の Web 開発関連記事はありませんでした。

GIGAZINE

2026-09-07 付の Web 開発関連記事はありませんでした。

ITmedia News

2026-09-07 付の Web 開発関連記事はありませんでした。

TypeScript Blog

2026-09-07 付の記事はありませんでした。

Node.js Blog

2026-09-07 付の記事はありませんでした。

Astro Blog

2026-09-07 付の記事はありませんでした。

Cloudflare Blog

2026-09-07 付の記事はありませんでした。

Vercel Changelog

2026-09-07 付の記事はありませんでした。

AWS What’s New

2026-09-07 付の記事はありませんでした。

Google Cloud Blog

2026-09-07 付の記事はありませんでした。

Supabase Blog

2026-09-07 付の記事はありませんでした。

web.dev

2026-09-07 付の記事はありませんでした。

Mozilla Hacks

2026-09-07 付の記事はありませんでした。

CSS-Tricks

2026-09-07 付の記事はありませんでした。

Smashing Magazine

2026-09-07 付の記事はありませんでした。

Hacker News

#TitleSummaryPublished
1Cutting (Claude Code) token spend on dynamic workflows 80%(動的ワークフローでの Claude Code のトークン消費を 80% 削減する)ワークフロースクリプトが JavaScript である点を活かし毎回 LLM を通さず合成させたところ、トークン消費が従来の約 20%、5〜6 時間の処理が 20〜40 分になったとしている。00:21
2Ask HN: Why is HN censoring this post about CVE-2026-85046?(Ask HN: なぜ HN は CVE-2026-85046 の投稿を検閲しているのか)リンク先は Chrome 152.0.7977.82 未満の V8 JIT の型混同(CVSS 8.8)を扱う記事で、9 月 3 日修正・CISA の悪用済みカタログ登録済みと書かれている。00:36
3Show HN: PixelDraw – simple drawing software for web(WASM) and desktop(Show HN: PixelDraw — Web(WASM)とデスクトップ向けのシンプルな描画ソフト)公開ページ自体はタイトルのみでリンク先から機能を読めなかったが、Codeberg のリポジトリでは Rust 98.5% と iced 製の MIT ライセンスだと分かった。00:53
4Show HN: Layerz – Build native iOS apps with no code, run them instantly(Show HN: Layerz — ノーコードでネイティブ iOS アプリを作り即座に動かす)WebView や HTML ラッパーではなく実際の UIKit コンポーネントを描画し、OpenAPI 3.x や Swagger 2.0 の仕様からデータスキーマとエンドポイントを生成する。01:56
5Show HN: Quiz-UI – Shadcn-style components for building quiz funnels(Show HN: Quiz-UI — クイズファネルを作る shadcn 風コンポーネント)martech で月数百ドルのクイズファネルビルダーを使う代わりに自作できるとして、registry.json を AI エージェントへ渡して組ませる使い方も想定している。04:03
6Show HN: Notifyd – one-binary notification service on Postgres, operated via MCP(Show HN: Notifyd — Postgres 上で動き MCP で運用する単一バイナリの通知サービス)Axum と Rust で約 12,000 行・unsafe なし、10MB のバイナリと PostgreSQL 16 だけで動き、Resend や Telnyx、Web Push へ配信してアイドル時 13MB で済む。04:48
7Artifactor: Visual HTML editor for AI-generated artifacts(Artifactor: AI 生成アーティファクト向けのビジュアル HTML エディタ)リンク先は HTTP 403 を返して本文を取得できず、AI が生成した HTML をどこまで視覚的に編集できるのかはこちらで確認できなかった。05:19
8Show HN: MaskShift – a maximalist coding agent with zero NPM dependencies(Show HN: MaskShift — NPM 依存ゼロのマキシマリストなコーディングエージェント)ツールスキーマをシステムプロンプトへ描画して tool-calling API を持たないモデルでも動かし、Node 22 の組み込みだけで 148 個のネイティブツールを提供する。06:39
9BranchBase – Git-native, zero-copy local DB branching for PostgreSQL(BranchBase — PostgreSQL 向けの Git ネイティブなゼロコピー DB ブランチング)PostgreSQL は CREATE DATABASE の TEMPLATE、SQLite は clonefile や FICLONE の reflink で複製し、.git/HEAD の読み取りで 5ms 以下にブランチを検出する Go 1.22 以上のツール。07:38
10Anthropic Has Committed More Than $100B to AWS(Anthropic が AWS に 1000 億ドル超をコミットした)2026 年 9 月 6 日公開の記事で、4 月 20 日締結の 10 年契約と Graviton・Trainium2 から 4 の 5 ギガワット分を取り上げ、AWS のバックログが 6 月末で約 496 億ドルになったとしている。10:49
11Show HN: Engrim – A universal, local-first SQLite memory engine for AI CLIs(Show HN: Engrim — AI CLI 向けの汎用ローカルファースト SQLite 記憶エンジン)Python 3.10 以上の MIT ライセンスで、FTS5 と静的ベクトル埋め込みのハイブリッド検索により 153,000 トークン相当の作業を 1,000 トークン以下へ圧縮したとしている。13:49
12Bot Detection Without JavaScript: What My Blog Measured(JavaScript なしのボット検出: 私のブログが計測したこと)2026 年 9 月 3 日公開で、ASN と Sec-Fetch-Mode などを組み合わせた Cloudflare Workers の判定により、ブラウザ UA 372 件のうち 74.5% にあたる 277 件をボットと分類した。14:13
13ORM experience, Redis speed, PostgreSQL durability,functions without boundaries(ORM の使い心地、Redis の速度、PostgreSQL の永続性、境界のない関数)KV 版の ORM を名乗る Rust 製 okm で、85% の接頭辞圧縮と固定幅キーによるゼロ解析、fjall と slatedb の LSM 木構造で耐久性を得るとしている。16:02
14Show HN: I wrote a guide to rendering video from plain HTML/CSS/GSAP(Show HN: 素の HTML/CSS/GSAP から動画をレンダリングするガイドを書いた)Gumroad のページからは「Animate With Code: A Practical Guide to HyperFrames」という題名しか取得できず、価格やページ数、使用ツールの記載は読めなかった。16:03
15JavaScript installer pnpm recast in Rust because ECMAScript can’t keep up(ECMAScript が追いつかないため JavaScript のインストーラ pnpm を Rust で作り直した)2026 年 9 月 4 日公開で、pnpm 12 は未キャッシュ時 5.19 秒と pnpm 11 の 8.22 秒・npm の 47.7 秒を上回り、コードの 65.9% が Rust になったと伝えている。18:33
16Show HN: DepWarden – free, anonymous dependency vulnerability scanner(Show HN: DepWarden — 無料・匿名の依存関係脆弱性スキャナ)アカウントもソース送信も不要で OSV と KEV、EPSS により優先度を付け、npm と PyPI の人気 30 パッケージの 1 文字違いを調べると npm の類似名の 32.7% が悪性と確認済みだった。19:03
17Ask HN: How to roll out Agents for knowledge workers?(Ask HN: ナレッジワーカー向けにエージェントをどう展開するか)ドイツの中規模政府機関で LangGraph と Azure OpenAI による社内 GPT を運用済みの投稿者が、セキュリティ議論ではなく具体的な導入事例を求めている。19:14
18I was able to reduce size of my WASM app by 29.6%(自分の WASM アプリのサイズを 29.6% 削減できた)pixeldraw で opt-level を s から z へ変え、panic を abort にし、tokio を外して image-without-codecs にするだけで 6,167,170 バイトを 4,340,682 バイトへ落とした。21:30
19Nuxt co-creator Alexandre Chopin joins Encore(Nuxt 共同創設者の Alexandre Chopin が Encore に参加)2026 年 9 月 7 日発表で、2016 年に Nuxt を共同創設した Chopin が Encore の Head of Developer Relations に就いた。21:59
20Show HN: Rucc – C compiler in Rust, now compile and run SQLite(Show HN: Rucc — Rust 製 C コンパイラが SQLite をコンパイルして実行できるように)リリース 0.8.0 の PR で、SQLite の veryquick.test を 332,000 件実行して失敗は 1 件のみ、しかもその失敗は gcc でも再現したとしている。22:11
21React Surgeon – click a React bug, get a fix verified in a real browser(React Surgeon — React のバグをクリックすると実ブラウザで検証された修正が返る)Vite プラグインが DOM を JSX の座標へ対応づけ、ローカルの Qwen 1.5B が修正案を返し、型検査からビルドと Playwright 再生まで通ったときだけ VERIFIED と判定する。22:46
22Pginsights – self-hosted Postgres monitoring that never leaves your network(Pginsights — ネットワーク外へ出ない自己ホスト型 Postgres 監視)pg_stat_* の読み取り専用ビューだけに接続し pg_stat_statements すら不要で、トランザクション ID 枯渇やレプリカ遅延など 12 項目以上を Base 無料・Pro 年 249 ドルで見る。23:28