VOL. 158
WEB DEV DIGEST
WEB DEV OUTLINE
2026-10-11
日曜日 · JST
TODAY’S ISSUE 2026年10月11日 · 日曜日 WEB FRONTLINE

Gemini 4 Argon発表、Claude Code全セッション管理ダッシュボードほか — Web Dev Digest: 2026‑10‑11

Top 20

新モデル「Gemini 4 Argon」発表!(Gemini at Work 2026 発表まとめ)

Source: Zenn | Published: 2026-10-11 00:12 JST

Claude Codeの全セッションを1画面で管理するローカルダッシュボードをNext.jsで実装する

Source: Qiita | Published: 2026-10-11 10:43 JST

35日でフロントエンドの基礎を完全に理解する #8 - ディレクティブとレンダリング(v-if・v-for・バインディング)

Source: Zenn | Published: 2026-10-11 00:27 JST

【Three.js】奥行きのある画面で「まっすぐスワイプしたのに曲がる」ときの対処:画面の真上ではなく、映っている線を基準にする

Source: Qiita | Published: 2026-10-11 01:32 JST

印刷できるカレンダーを「正しく」設計する:TypeScript・CSS Paged Media・PDF生成・日付境界の実装戦略

Source: Zenn | Published: 2026-10-11 01:46 JST

ARIAを付けるだけでは不十分:React・TypeScriptで作るアクセシブルなカレンダーUI

Source: Qiita | Published: 2026-10-11 02:03 JST

自分の動作確認をアクセス数から除くため User-Agent で弾いたら、curl や PowerShell で取られたダウンロードを記録ごと捨てる形になっていた(24日間)

Source: Qiita | Published: 2026-10-11 07:13 JST

iOS 版 Chrome はフォーム部品に属性を足し、開発時だけ hydration の警告になる

Source: Qiita | Published: 2026-10-11 08:00 JST

誤り訂正レベルHでもロゴは30%隠せない:QRコードの中央をどこまで隠せるかNode.jsで実測する

Source: Zenn | Published: 2026-10-11 10:46 JST

7言語対応の子ども向けタイピング練習サイトを作った話(Next.js / hreflang / OG画像のCJKフォント / 指ガイド)

Source: Zenn | Published: 2026-10-11 14:49 JST

TypeScript-Native Frontend Framework(TypeScript ネイティブのフロントエンドフレームワーク)

Source: Hacker News | Published: 2026-10-11 09:43 JST

A single-card GitHub profile stats generator built with Next.js(Next.js で作られた 1 枚カード型の GitHub プロフィール統計ジェネレーター)

Source: Hacker News | Published: 2026-10-11 11:38 JST

Tov: TypeScript-like language that compiles to native binaries(Tov: ネイティブバイナリにコンパイルされる TypeScript 風の言語)

Source: Hacker News | Published: 2026-10-11 00:50 JST

Cloudflare acquires Deno to improve its Workers programming model(Cloudflare が Workers のプログラミングモデル改善のため Deno を買収)

Source: Hacker News | Published: 2026-10-11 05:07 JST

Ask Claude Code for a Svelte table and it writes 1k lines of its own(Claude Code に Svelte のテーブルを頼むと 1,000 行の自前実装を書く)

Source: Hacker News | Published: 2026-10-11 15:16 JST

CPUのみで動作するリアルタイム多言語音声認識「早耳」、GPUもクラウドAPIも使わずメモリ2GB未満でライブ字幕表示からブラウザ表示・話者ラベル付け・翻訳字幕まで可能

Source: GIGAZINE | Published: 2026-10-11 12:00 JST

既に実行中のWireGuardホスト向けの集中型Web UI「wg-admin」、無料でセルフホスト可能

Source: GIGAZINE | Published: 2026-10-11 18:00 JST


All Articles

Zenn

#TitleSummaryAuthorPublished
1Data Agent Kitでデータマートを簡単に実現するGoogle が 10/09 に発表した MCP ツールとエージェントスキルの無料セット Data Agent Kit で、データマートを構築した@non_miyan00:31
2SQL内プロンプト設計のコツ — 出力を安定させる書き方BigQuery の AI.GENERATE・AI.CLASSIFY などで出力がぶれる原因と、SQL 内プロンプトで出力を安定させる書き方を整理した(連載第 16 回)@web_benriya00:38
3Jev を使って、PR から CHANGELOG に「Why」をどうやって抽出する? 🤔changelog-bot は PR 本文の Why を LLM に生成させず、why・motivation などの見出しから候補を選ぶ Selection 問題として抽出している@nyaomaru02:00
4日本語ファイル名の ZIP が Windows のエクスプローラーで「無効」になる:名前は文字数でなく UTF-8 のバイト数で切るWindows のエクスプローラーは UTF-8 で 260 バイト以上の名前を 1 つでも含む ZIP 全体を開けないため、名前を文字数でなくバイト数で切るよう直した@shunchobi02:06
5AIエージェントに任せて4ストアに出して壊れたもの:実機・審査・測定のバグ集TypeScript + Vite + Canvas 2D のゲームを AI エージェントで 4 ストアに出し、iOS の広告後にジョイスティックが固まる・効果音が消えるバグを直した(17 日・528 コミット)@afterclosegame02:13
6自分も縛られる設計レビュー係 — MCP設定を診断するエージェントを Gemini と ADK で作った外部入力・機密・外部送信の 3 つがそろう危険な MCP 設定をデプロイ前に検出する SKOS Review Agent を Gemini と ADK で作った@emilia_lab04:00
7個人開発1-3. OpenAPI で API を設計する3D 部屋アプリのログイン機能に向け、コードより先に OpenAPI(YAML)でエンドポイント・リクエスト・レスポンス・エラーを定義した@hideweb04:14
8Terraform の check ブロックは apply を止めなかったから precondition に置き換えたTerraform の check ブロックは失敗しても apply を止めないため、本番の RDS 削除保護・バックアップ保持日数の確認を precondition に置き換えた@kana001_bit06:17
9ツール結果に仕込まれた命令にエージェントが従うか:カナリアテストを書いて、効く防御だけ残す頼んでいない宛先への send_email 呼び出しをカナリアテストで数え、間接プロンプトインジェクション対策のうち数字が下がる防御だけを残した@yunisuta08:00
10人工生命(ALIFE)興味あったけど、ParticleLifeはマジビビった。AI と一緒に Gray-Scott 反応拡散や ParticleLife などの人工生命シミュレーターをブラウザで作り、ParticleLife の挙動に驚いた@hamzworkerz08:28
11黒からクリーム色へ」配色を1週間で3回ひっくり返した話🎨 デザイントークンとドメイン色の聖域設計株スクリーニング端末 ALPHA FORGE の配色を 1 週間で 3 回作り直しても、全色を 1 枚の CSS 変数に集約していたため手戻りなく回せた@charge031508:33
12管理者キーなしで OpenAI・Anthropic・Vercel の請求 API パーサーを検証した利用料急増を通知する OSS の CLI billshock 向けに、管理者キーなしで OpenAI・Anthropic・Vercel の請求 API パーサーを検証した@daichi0127809:08
13くろうどんと学ぶ Bedrock RAGのベクトルストア選び ― S3 Vectors vs OpenSearch ServerlessBedrock Knowledge Bases のベクトルストアにコストを決め手として S3 Vectors を選び、2026 年 5 月登場の OpenSearch Serverless NextGen と比べた@kei31409:29
14【速報】CloudflareがDenoを買収?Web開発の未来とエンジニアが知るべきポイントHN で話題の Cloudflare による Deno 買収について、Deno と Cloudflare Workers の関係や開発者への影響を日本語で整理した@ament309:44
15窓口が変わっても、同じ説明をしなくていい手帳|AIに診断させず、本人の言葉を持ち運ぶ「Engawa」Agentic AI Hackathon(第 5 回)の提出作品「Engawa」は、AI に診断させず本人の言葉を Cloud Run 上の手帳として持ち運べるようにした@hideki_tamae09:46
16チーム開発記録42:テストの要否判断基準ポータルサイト ver7 の開発で copilot-instructions.md を整備し、「テストはむやみに増やさない」前提でユニットテストの要否判断基準を決めた@singularitylabs10:04
17ブラウザのブックマークHTMLを書き出すとき、名前とURLを別々に検証するブックマーク HTML では名前は本文、URL は href 属性に入るため、両者を同じエスケープで連結せず別々に検証すべきだとした@jusomoum_notes10:07
18RDS・Aurora障害切り分けの勘所|接続・待機イベント・肥大化RDS・Aurora の「DB が遅い」をアプリ・接続・SQL・ストレージ/内部構造・基盤の 5 層で上から切り分ける勘所を、フェイルオーバー後のエラー等で示した@techdbblog10:09
19Python・MLflow・FastAPIで始めるMLOps入門:モデル作成から推論APIの構築までscikit-learn でモデルを作り MLflow で実験を管理し、FastAPI で推論 API を公開するまでの MLOps の基本フローを通した@yoshihiro_iwato10:39
20LLM01:プロンプトインジェクションとは?AIへの「お願い」が乗っ取りの命令に変わる理由OWASP Top 10 for LLM の LLM01 プロンプトインジェクションを、「これまでの指示を無視して」入力や Web ページに隠した命令の例で説明した@monkey_gineer10:42
21LLM02:機密情報の漏えいとは?AIが答えてはいけないことまで答えてしまう理由OWASP Top 10 for LLM の LLM02 機密情報の漏えいを、権限のない人事文書や他人の口座情報が回答に混ざる例で説明した@monkey_gineer10:42
22Claude Codeを全プロジェクト横断で動かす司令塔を作った — 人間が持つ権限・AIに渡す権限10 近いプロジェクトの Claude Code を 1 画面で見渡し指示も出せるローカルダッシュボード「COMMAND DECK」で、人間と AI の権限分担を画面に落とした@orectic10:43
23422 Unprocessable Content とは?400・409との使い分けを「誰が直すか」で決める422 Unprocessable Content(RFC 9110)は形式は正しいが中身を処理できない場合に使い、400・409 とは「誰が直すか」で使い分けると整理した@gaku_wtnb10:44
24【1日1デプロイ】押す長さでジャンプが変わる「ぴょんっとパンの丘」を作った押す長さでジャンプの高さが変わる 1 プレイ 14 秒のブラウザゲーム「ぴょんっとパンの丘」を、1 日 1 デプロイ企画で公開した@boraemon200011:06
25紫微斗数のアプリを1人で作って、Androidに出すまで(Expo・iztro・Google Play審査の実務)紫微斗数アプリ「斗数堂」を Expo と iztro で作り、2026 年 10 月 8 日に Google Play で公開するまでに技術と審査で詰まった点を記録した@tosuudou11:10
26Terraform・Docker・GitHub Actionsで始めるAWS ECSのCI/CD入門Terraform で AWS 基盤を作り、main への push で GitHub Actions が Docker イメージを ECR に push して ECS サービスを更新する CI/CD を組んだ@yoshihiro_iwato11:34
27【kiro-cli login】個人Builder ID→組織IAM Identity Center(IdC)へログインを乗り換えるkiro-cli のログインを個人の Builder ID から組織の IAM Identity Center アカウントへ切り替える手順と、つまずいた点を示した@yoss_k312:00
28アプリアイコンが作れないので、実在する 18,000 個のアイコンを集めた話(pgvector なしの意味検索)App Store と Google Play の実在アプリアイコン 18,491 個を集めたライブラリ APPLORE を作り、pgvector を使わずに意味検索を実装した@applore12:31
29Amazon Bedrock Managed Agents powered by OpenAI を試してみた2026 年 10 月 11 日時点で Preview の Amazon Bedrock Managed Agents powered by OpenAI を、公開ドキュメントの手順に沿って動かした@tnobe12:57
30学習なしで需要予測できる Chronos-2 に、ウォルマートの販売データを予測させてみた2025 年 10 月公開の時系列基盤モデル Chronos-2 に、学習なしでウォルマートの M5 販売データを共変量付きで予測させた@ndmxjp13:22
31YouTubeのシアターモードで出る黒い余白をどうにかしたいYouTube のシアターモードで出る左右の黒帯を、動画フレームのブラーかテーマ色(#181818 / #f1f1f1)で埋める拡張 youtublur を作った@kyto6413:29
32固定ルールのクイズで、保存済み回答を「信用しない」設計クイズの保存済み回答は問題セットのバージョン・問題 ID・選択肢 ID を復元時に再検証し、得点は保存せず毎回計算する設計にした@ethanleecnvx13:47
33ServiceNow AI Control TowerでVertex AIのAI資産をCMDBで管理・可視化するServiceNow の AI Service Graph Connector で Vertex AI の Reasoning Engine を CMDB に取り込み、AI 資産を一元管理する手順を示した@muragaku14:17
34Playwright入門|E2Eテストの作成からGitHub Actionsでの自動化まで個人開発の Web アプリに Playwright を導入し、npx playwright test での E2E 実行と GitHub Actions での自動実行まで設定した@begineer14:28
35長時間動く収集エージェントを429で止め、途中から安全に再開する設計収集エージェントは RFC 6585 の 429 を受けたらそのバッチを止め、通信エラー等は連続 3 件で停止して途中から再開できるガードを外側に置いた@radidani14:30
36Annictの記録をタップで付けて、次に見るアニメを理由つきで提案するWebアプリを作ったAnnict の視聴記録をタップで付け、評価から好みを推定して未視聴作品を理由つきで提案する非公式 Web アプリ Anipair を公開した@manato00314:43
37AI に全部書かせず、8日間で WebXR アプリを公開するまでthree.js で Meta Quest 3 のパススルーに対応した WebXR メモアプリ「Funnel Note」を、AI に全部書かせず 8 日間で公開した@sapolas14:49
38HTML ファイルだけで動画処理して mp4 を作れたWebCodecs API を使い、音声と画像 1 枚から mp4 を作る処理を HTML ファイル 1 つで完結させた@koichi7315:38
39WordPressからAstro + Cloudflareへ移行したら、一度遅くなって、それから速くなった会社サイトを WordPress から Astro + Cloudflare Pages に移すと翌日の Lighthouse モバイルスコアは同等か低下しており、原因を切り分けて直した@onmitsu15:56
40GuardDutyのアップデート情報をSNS(GuardDutyAnnouncements)でメール受信するAWS 管理の SNS トピック GuardDutyAnnouncements を ap-northeast-1 でメール購読し、GuardDuty の更新を受け取れるようにした@toge51017:00
41コンポーネントがレイアウトを制御しない方がいい自身の col-span や flex-direction を props で制御する Card コンポーネントは使いにくく、レイアウトは親側で決めるべきだとした@ebi68k17:01
42Google Cloud Data Agent Kit入門:MCPとスキルでデータ基盤に接続する2026 年 10 月 1 日に GA となった Google Cloud Data Agent Kit の構成と、BigQuery 利用者が MCP とスキルでデータ基盤に接続する方法を示した@caron1417:02
43『SaaS個人開発者向け、入力フォーム・CSV取込・画像OCR・Gemini連携のセキュリティ総点検シート【Laravel】』Laravel 製 SaaS を例に、CSRF・SQLi・CSV インジェクションなど入力フォーム・CSV 取込・画像 OCR・Gemini 連携の点検項目を一覧にした@smart_shinkoku17:05
44高額療養費の改正(2026年8月・2027年8月)を3時点で比較する計算ツールを、一次情報とテストから作成しました高額療養費の改正前・2026 年 8 月・2027 年 8 月の 3 時点を比べる計算ツールを、入力を送信しない静的サイトとしてテスト付きで作った@tsumu2617:22
45コードを書かずに、Claude Codeで日本株の投資ツールを2つ作った全体像Claude Code に PM 役と developer 役を割り振り、約 2 週間半で 300 回超のコミットと 800 件超のテストを持つ日本株の投資ツールを作った@stockrules_jp17:30
46タイパ至上主義者・ドパガキのための1分間脳汁学習ゲーム『SpeedQuiz』作ってみたショート動画の感覚で 1 分間解くタイムアタック学習 Web アプリ『SpeedQuiz』を作り、GitHub Pages で公開した@infra_ojisan17:39
47グローバル外部ALBから別プロジェクトのバックエンドサービスへルーティングできるか検証したGoogle Cloud のグローバル外部 ALB で、共有 VPC なしに別プロジェクトのバックエンドを参照する Cross-project service referencing を検証した@toge51018:41
48RAG で「確認」という 2 文字が正解を押し出していた — RRF の二重掲載と、文書頻度での足切りRAG の字句検索で「確認」という 2 文字が多数の文書に当たり RRF で正解を押し出していたため、文書頻度(DF)で足切りして直した@tomtom5555518:54
49Dog APIで比べる、useEffectとTanStack Queryのデータフェッチの違いDog API を題材に useEffect でのデータフェッチと TanStack Query を比べ、React 公式がライブラリ利用を勧める理由を確かめた@oimozenn18:58
50【AI人狼/個人開発】AIに嘘をつかせて、そのウソを他のAIに疑わせる技術8 人中 7 人を AI が演じる人狼ゲーム「ANGEL HALOS」で、AI に上手に嘘をつかせ、ほどよく疑わせる匙加減を作り込んだ@karamage19:45
51ChatGPTと作るAWSの使い捨てKubernetes検証環境とその苦しみChatGPT の支援で Terraform と Ansible を使い、AWS EC2 上に kubeadm の Kubernetes クラスタを作っては壊す検証環境を組んだ@degurum19:59
52JavaScriptはシングルスレッドなのになぜ非同期に動けるの? Promise.allで3つのAPIを同時に待てる理由JavaScript はシングルスレッドでも待ちを外部に任せるため Promise.all で 3 つの API を同時に待てることを、手元で時間を測って確かめた@nozeon20:29
53店主が自分で休みを切り替えられる営業日カレンダーを作った(Shadow DOM のウィジェット、タグ2行)店主が管理画面で休みを切り替えると反映される営業日カレンダーを、タグ 2 行で貼れる Shadow DOM ウィジェットとして作った@webhiro20:31
54【カードゲーム作ってみた】魔獣と魔法使いを集めて戦う「MAJU」魔獣・魔法使いのカードを毎日集めて CPU と戦うインストール不要のブラウザカードゲーム「MAJU」をバイブコーディングで作った@mapierre20:52
55【超高速】csvからデータを取得するライブラリを作ってみたV8 ヒープを使わず Buffer を直接走査する CSV ライブラリ getdatafromcsvbuffer を作り、5 行目の値取得で csv-parse の約 4.3ms に対し約 2.6ms だった@bespectacled20:59
56Chrome拡張がストア審査で「難読化」と判定された — 犯人は pdf.js の legacy 版に入っていた core-js だった話Chrome 拡張「オフライン OCR」v0.9.0 がストア審査で難読化と判定された原因は、pdf.js の legacy 版に含まれる core-js だった@tamoco21:40
57OCRしたくない部分は、消してから読む — Chrome拡張のOCRビューアーに「消しゴム」を足した話 (v0.9.1)Chrome 拡張「オフライン OCR」v0.9.1 のビューアーに、OCR したくない部分をなぞって消してから読む「消しゴム」を追加した@tamoco21:41
58BedrockのOpenAIモデルでreasoning.summaryを実測 — トークン計上・応答速度・Guardrailsを検証2026/10/09 に Bedrock の Responses API で使えるようになった OpenAI モデルの reasoning.summary を、トークン計上・応答速度・Guardrails の面で実測した@kashiwabaray21:53
59RAFスタブは cancelAnimationFrame まで揃えて、はじめてテストの契約になるテストの RAF スタブは requestAnimationFrame と cancelAnimationFrame を対で差し替え整数 ID を返さないと、停止処理が未検証のまま通ってしまう@lazy_ai_dev22:08
60Hono Conference in Tokyo 2026に参加してきました2026 年 10 月 11 日開催の Hono Conference in Tokyo 2026 に参加し、印象に残ったセッションと Hono の設計思想を振り返った@tk_122:25
61「構造規則がコードを歪めている」という設計批判を、裏付けが無いので撤回したこどもニュースのコードに対する「構造規則がコードを歪めている」という設計批判は調査で裏付けられず、撤回して To-be 案も採らなかった@kodomo_news22:58
62Strands BoxをEC2 Macで実測 — Dogwoodポリシーが効く経路を仕分け2026/10/07 公開の Strands Box を EC2 Mac で動かし、操作履歴に応じたルールを書ける Dogwood ポリシーがどの経路で効くかを仕分けた@kashiwabaray23:12
63サーバー代0円を目指して。ブラウザ完結で音声をテキスト化するアーキテクチャとWeb Audio APIの活用音声のデコードと前処理を Web Audio API でブラウザ内に完結させ、Whisper API などのサーバーコストとアップロードの懸念を抑える構成を示した@videotoframes23:25
64全文を貼り替えずに22本の冒頭を直した — ProseMirrorのブロック移動で有料ラインを守るnote の 22 本の冒頭の定型文を、全文の貼り替えではなく ProseMirror のブロック移動で直し、有料ラインがずれる事故を避けた@zeroyen_dev23:29
65全角の EXAMPLE.com を Punycode にしたら、実在しない xn— 名になった全角の EXAMPLE.com が xn—ph7chab1aes7c.com になったのは UTS #46 の正規化を飛ばしたためで、NFKC 等を先に掛けて直した@hashitoz23:44
66引っ越しの手続きを期限つきで一覧にする無料ツールを、静的HTMLだけで作った引っ越し手続きを期限つきで一覧にする「引越ナビ」を localStorage 保存・ビルドなしの静的 HTML で作り、PageSpeed Insights のモバイルで 96 を得た@hikkoshinavi23:59

Qiita

#TitleSummaryAuthorPublished
1Outlookメールをチャット形式で読むOffice Add-in「Mail Chat」を個人開発した話Outlook のメールを古い順にチャット風 UI で読める Office Add-in「Mail Chat」を個人開発し、MVP まで機能を絞った経緯を記した@aoai_dev00:07
2検索条件をURLに同期するとUTMが消える。閲覧用URLと共有用URLを分けて直す検索条件を URL に同期すると UTM が消えるため、閲覧中の URL には allowlist で許可した UTM と hash を残し、共有用 URL と分けた@t1k2a00:20
3DVA-C03 対策:DVA-C02 からの変更点と学習の進め方(練習問題 5 問付き)AWS 認定デベロッパーの DVA-C02 から DVA-C03 への変更点を整理し、4 週間の学習計画と練習問題 5 問を付けた(試験ガイドは 10 月 27 日公開予定)@legacy2latest01:43
4textContentは同じ。でも表示言語は壊れていた:通ってはいけないテストを再現する保存値・言語属性・textContent の検査は PASS でも表示言語だけ日本語に戻る故障を再現し、表示中の言語要素を検査すると FAIL になると示した@aichance03:11
5TypeScriptでクラスを書くとTS1294: This syntax is not allowed when erasableSyntaxOnly is enabled.erasableSyntaxOnly 有効時はコンストラクタ引数での public プロパティ宣言が TS1294 になるため、フィールドを明示的に宣言して回避した@J-T_ky2g04:20
6LCP画像にlazyloadが残っていないか 実在ECサイトで測ったLCP 3.1秒→0.2秒LCP 画像に lazyload が残るとリクエスト開始が遅れ、属性を数文字変えるだけで LCP が 3.1 秒から 0.2 秒になったシミュレーション結果を示した@miyanaga07:02
7人工衛星は一定の速さで回っていない。近地点と遠地点の速度差を軌道力学で計算する人工衛星は近地点で速く遠地点で遅く数倍の速度差があることを、軌道力学の式とコード、離心率などを動かせる「軌道力学 基礎シミュレーター」で確かめた@NovaSolver08:00
8Claude Code・GitHub Copilot・Cursorの実装比較|CLIセットアップからCI組み込み、再現可能なベンチマーク手順までClaude Code・GitHub Copilot・Cursor などを Tier 分類し、CLI のセットアップから CI 組み込み、再現可能なベンチマーク手順までコード付きで比べた@sescore08:11
9PlaywrightのtoHaveValueがPASSした後に入力が消えるケースを再現するPlaywright の toHaveValue は失敗処理の途中でも PASS しうるため、処理完了後に入力が消えるケースを再現し、完了を待って検証する必要を示した@aichance08:25
10EChartsでanimation:falseにしたらfinishedイベントが一度も来なかった話ECharts で animation:false にすると finished イベントが一度も来ず、Playwright で描画完了を待つ PDF 出力がグラフ入りのとき必ず 500 で落ちていた@youn_works08:49
11複数LLMプロバイダーを切り替えるフォールバック構成をTypeScriptで実装するプロバイダー固有の処理をアダプターに閉じ込め、障害やレート制限のときに次の LLM へ切り替えるフォールバック構成を TypeScript で実装した@hono_ai_labho09:00
12【開発環境】#3 — PM2 はパスの空白で再起動ループに入る。args は配列で渡すPM2 で常駐させた Python スケジューラがパスの空白で再起動ループに入ったため、args を文字列ではなく配列で渡して解決した@andknj-front09:05
13文字色と背景色のコントラスト比をWCAG基準で判定するアルゴリズムをTypeScriptで実装するWCAG 2.1 の相対輝度でコントラスト比を計算して AA/AAA の合否を判定し、不合格なら合格する色を提案するチェッカーを TypeScript で実装した@sakutto-panda09:33
14📘Flaskアプリを「動く教科書」にする|実コードとpytestをつなぐシステム概要の設計・実装Flask 製の Bakery Hub に全 9 章・理解度チェック 23 問の「システム概要」を実装し、Python の AST と pytest でコードへのリンク整合性を検証した@tosane93209:38
15個人開発でVPSとAWSを選ぶ基準を7つの軸で整理する個人開発の公開先として VPS と AWS を、契約単位・障害時の責任・拡張性など 7 つの軸で比べ、選び方を整理した@techdbblog10:06
16ブックマークHTMLの出力を「一件の不正URLで全件中止」にする境界テストブックマーク HTML の書き出しで 30 件中 1 件でも不正 URL があれば全件中止にするため、makeHtml で文字列を組む前に全行を検査する境界テストを書いた@gouri63448710:09
17OFFSETページネーションをやめてp95を77ms→6msにした話(1000万行で実測)1000 万行の orders で OFFSET ページングを Keyset Pagination と複合インデックスに替え、p95 を 77ms から 6ms に縮めた(PostgreSQL 16・Rails 8.1)@Ken0000000010:28
18ゴール裏年パス勢が、架空スタジアムのチケットサイトを作る理由 ― 架空サカスタのチケットサイトで学ぶ(0)架空スタジアム「ペヌスタ」のチケット販売サイトを、販売方式の実験や AWS のデータ系資格学習の遊び場として作るシリーズを始めた@macchi2311:11
19OutboxでDB更新と通知をつなぐ。通知の意図が残ることと重複しないことを分けるOutbox パターンで DB 更新と通知イベントを同じトランザクションに保存しても通知は 1 回にならず、意図の保持と重複排除を分けて D1 で確かめた@hiro12311:28
20ぷよクエをたのしく!アプリをつくってみよう!(おまけ:特徴語ソート2)Intl.Collator では「辞書順」にならないため、アズールレーンの攻略データを先頭 1 文字でグルーピングする特徴語ソートを試した@puyon12:04
21PDFに埋め込まれたフォントを一覧で確かめる — 同梱したのに使われていなかったHTML から作った PDF に同梱フォントが実際に使われたかを、種類・名前・埋め込みの有無を一覧で読む手順で確かめ、使われていない例を見つけた@jhao2978412:12
22HTML→PDFのフォントは3か所から来る — 印刷前に数えて見えるのは2つだけHTML→PDF のフォントは OS・Web フォント・同梱フォントの 3 か所から来るが、印刷前に数えて見えるのは 2 つだけだと実測で示した@shuy5556812:14
23HTML→PDFの「字がおかしい」は5通り — 届いたPDFだけで原因を仕分けるHTML→PDF の「字がおかしい」問い合わせを、届いた PDF だけを読むスクリプトで 5 通りの原因に仕分けられるか、壊した PDF で試した@shujing94312:17
24HTMLから作ったPDFの□は文字化けじゃない — 英語が無事かでまず分けるHTML から作った PDF の □ は文字コードの問題とは限らず、まず英語部分が無事かどうかでフォント欠落かを切り分けるべきだとした@xyue4146412:20
25【Python/AsyncIO】ハローワーク求人・助成金オープンデータをリアルタイム解析するインテントデータ(購買意欲シグナル)基盤の実装ハローワーク求人や助成金のオープンデータを Python の AsyncIO で集め、購買意欲シグナルとして解析するインテントデータ基盤を実装した@listkigyou12:45
26【初投稿】Claude Code の routine で GitHub Trending を毎朝日本語で要約する仕組みを作ったClaude API を使わず Claude Code の routine で GitHub Trending を毎朝日本語で要約し、静的サイト「github新聞」を更新する仕組みを作った@yumekui13:03
27ECONNRESET を投げ直すと二重課金になる:課金される音声認識 API の再試行境界音声長で課金される文字起こし API では受理後の ECONNRESET を再送すると二重課金になるため、3 週間の失敗 114 件を段階別に分けて再試行境界を決めた@Karentia13:08
28ノートが消える原因はリロードではなかった — Playwrightで「閉じる直前の編集」を切り分けたタスク管理アプリ Chalky でノートが消える原因はリロードではなく閉じる直前の編集だったと、close までの時間を変えて Playwright で切り分けた@aichance13:24
29Understanding In-Browser Unicode Font Transformation and Clipboard Mechanics(ブラウザ内での Unicode フォント変換とクリップボードの仕組み)フォントファイルを読み込まず Unicode の文字そのものを置き換えて筆記体風の文字を表示・コピーする、ブラウザ内の軽量ツールの仕組みを論じた@cursivegenerator13:39
30【Supabase】プロジェクトの利用を停止された時の対処方法Supabase の無料プランは 7 日間利用が無いとプロジェクトが一時停止されるため、停止予告メールが届いたときの原因と対処を示した@ryu094713:47
31GitHub ActionsからAWSへのOIDC認証、アクセスキーを一切使わない設計GitHub Actions から AWS CodeDeploy で EC2 にデプロイする際、OIDC プロバイダー token.actions.githubusercontent.com でアクセスキーなしの認証にした@caymezon13:52
32reduce で書いたグループ分けを Object.groupBy に置き換えると、何が変わって何が変わらないかES2024 の Object.groupBy で reduce のグループ分けを 1 行に置き換えたとき、何が変わり何が変わらないかを比べた@ennagara12813:57
33パスキーの自動入力を待たせたままボタンで2本目の get() を呼ぶと「A request is already pending.」になります【Chromium の仮想認証器で実測】パスキーの Conditional UI で get() を待たせたまま 2 本目を呼ぶと OperationError になり、1 本目を abort() すれば通ると Chromium 141 で実測した@Rapls14:38
34next/og で日本語・中国語・韓国語の OG 画像を作る:フォントを 100KB に削って、抜けた文字をテストで捕まえるnext/og(satori)で日中韓の OG 画像が豆腐になる問題を、フォントを約 100KB にサブセット化し、文字抜けをテストで検出して解決した@yamadagenki14:55
35SAAはうろ覚えでも結構受かる【AWS SAA合格体験記】AWS SAA は全サービスを完璧に覚えていなくても合格できたとして、うろ覚えのまま受かった学習の進め方を記した@qoo_nishimura15:01
36ブラウザ上でMarkdownからWordファイルを作成するmarked.js v18 で Markdown を解析し、Mermaid 図も含めて Word(.docx)をサーバーなしでブラウザだけで生成する Web アプリを作った@wonox15:40
37Vitestのワーカー数で時間はどう変わる? 上限1・2・4を15回計測して比較しましたVitest の maxWorkers を 1・2・4 にして各 15 回計測し、ワーカー上限によるテスト時間の変化を手元の環境で比べた@Issey-Kubota16:31
38Vercel vs AWS: 用途・料金・運用でどちらがベストか徹底比較Vercel と AWS(Amplify・Elastic Beanstalk)を用途・料金・運用の 3 軸で比べ、静的サイトや SSR での向き不向きを表にした@felix-jp-studio16:38
39Amazon Bedrock Managed Agents(OpenAI)のプレビューを AgentCore Runtime で動かしてみたAmazon Bedrock Managed Agents(OpenAI)のプレビューを AgentCore Runtime で動かし、Codex のハーネスがループと会話保持を肩代わりすることを確かめた@leomarokun16:49
40Canva で作っていた価格表をやめて、Googleスプレッドシート × S3 + CloudFront の商品カタログを作ったCanva で画像化していた価格表をやめ、Google スプレッドシートと S3 + CloudFront で価格を手軽に更新できる商品カタログを作った@cloud-nao16:54
41Hono Conference in Tokyo 2026の要約・感想Hono Conference in Tokyo 2026 の登壇を要約し、WebSocket の 101 応答で JWT が更新されない不具合を OSS 側で直した事例などを振り返った@sarasara121417:23
42CASE:条件によって返す値を変える方法PostgreSQL の CASE 式は条件を上から評価し最初に TRUE になった値を返すことを、WHEN・THEN・ELSE の書き方とともに示した@masato_y18:16
43reactコース#9React コース 9 回目として useEffect・useContext・useReducer・カスタムフックを学び、依存配列でレンダリング回数が変わることを確かめた@langhuanamacha18:17
44【AIエージェント×動画量産パイプライン】自動がいい!!「起きたら動画が50本出来ている」を実現するため、Google Cloud(Veo / Vertex AI)でマルチメディア工場を建設してみるGoogle Cloud の Veo と Vertex AI を使い、寝ている間に動画 50 本を自動生成するマルチメディア工場のパイプラインを AI エージェントで組んだ@kuis19:07
45Web Speech APIで録画面接の練習機能を作るときの勘所——日本語音声認識の癖と実装メモWeb Speech API で録画面接の練習機能を作った際の日本語音声認識の癖と、MediaRecorder との並行稼働でつまずいた点を挙げた@aijpjobs20:36
46明示的なDenyを貫通するIAMアクションを知っていますかMFA 未認証の操作をほぼすべて明示的 Deny にした環境で、CLI から STS の GetSessionToken を呼んで MFA 済み一時認証情報を得る際の Deny の効き方を確かめた@boloyome20:43
472026年10月11日 今日のQiitaトレンド記事をポッドキャストで聴こう!2026 年 10 月 11 日分の Qiita トレンド記事を AI ポッドキャストにして、毎朝 7 時に更新している@ennagara12821:09
48Firebaseで権限別共有リンクを導入する:既存URLを壊さないaccessVersion設計スコア管理サービス PointPia に管理・編集・閲覧の権限別共有リンクを入れる際、データに accessVersion を持たせて既存 URL を壊さず移行した@sponge84184121:17
49サーバー代0円で音声ファイルをブラウザ完結処理するアーキテクチャ設計と落とし穴音声のデコードとリサンプリングをブラウザ内で完結させ、Whisper API などへの転送を減らしてサーバー代 0 円を目指す構成と落とし穴を示した@zdy91254412521:27
50【AWS】GitHub ActionsとAgentCore Evaluationsでエージェントの評価をCI/CDに組み込んでみたAgentCore Evaluations を GitHub Actions に組み込み dev・stg で品質ゲートを試したところ、平均点だけの合否では誤った回答が通るとわかった@yakumo_0921:51
51Wordのコメントを非表示にしても消えていない? 社外共有前に確認したい6つの情報Word の非表示コメント・変更履歴・作成者名など 6 つの残存情報を、社外共有前に Word の機能とブラウザ内処理で確認・削除する方法を示した@kourak_utiloop21:56
52「横溢れ 0」を信じたら 44 組中 32 組が崩れていた——幅の両側と操作後を測る格子横溢れ 0 と判定していたサイトを 4 頁 × 11 幅 × 操作後で測り直すと 44 組中 32 組が崩れており、375px でメニューを開くと横に 126px 伸びていた@sumitsuke22:20
53【Kiro】プライベート EC2 に低コストで Kiro Crew を立ててみたKiro Crew をプライベートサブネットの EC2 に、インバウンドゼロで使うときだけ起動する省コスト構成で立て、詰まった箇所を補った@jus173022:25
54今さらKiro Crew導入してみた8 月に出た Kiro Crew を導入し、Kiro CLI を常駐させてリサーチや資料作りのタスクを投げる運用を試した@maeda-kazutoshi22:28
55Webページの描画方式を比較する ~ CSS・SVG・Canvasの使い分け ~CSS・SVG・Canvas の 3 方式で同じ円を描き、要素として操作できるかや大量描画への向き不向きで使い分けを整理した@masayasu_t23:04
56エンジニアが今日からできる情報漏洩対策チェックリスト10選【コード・コマンド付き】API キーのコミットやログへの個人情報出力など、開発者の日常作業から起きる情報漏洩への対策 10 項目をコード・コマンド付きで挙げた@pds_siken23:08
57Base58 を BigInt で一気に変換したら、先頭の 0x00 が消えて 112 が 2 になったBase58 を BigInt で一気に変換すると先頭の 0x00 バイトが消えて 112 が 2 になるため、先頭ゼロのバイトを別に扱う必要があった@hashito23:41
581行のJavaScriptで文字列を二進数に変換してみたTextEncoder で UTF-8 のバイト列にし toString(2) と padStart(8) で 8 桁に揃える 1 行で、文字列を二進数表現に変換した@mikecat_mixc23:50
59Supabaseの匿名ログインでゲスト機能を実装したSupabase の匿名ログインでポートフォリオにゲスト機能を入れ、データ保存・写真アップロード・AI アシストは本登録後に限る方針にした@Kazeneko23:50
60【AWS Organizations × Slack】個人アカウントで一人アドミンに挑戦してみた!(アカウント払い出し編)AWS Organizations と Slack を組み合わせ、個人アカウントで申請から IAM Identity Center の割り当てまでのアカウント払い出しを一人で回した@yosuke-suzuki23:58

Publickey

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

gihyo.jp

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

GIGAZINE

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

ITmedia News

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

TypeScript Blog

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

Node.js Blog

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

Astro Blog

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

Cloudflare Blog

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

Vercel Changelog

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

AWS What’s New

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

Google Cloud Blog

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

Supabase Blog

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

web.dev

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

Mozilla Hacks

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

CSS-Tricks

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

Smashing Magazine

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

Hacker News

#TitleSummaryPublished
1Show HN: A fullscreen Game of Life in which every board is a runnable program(全ボードが実行可能なプログラムになっているフルスクリーンのライフゲーム)リンク先 /piet/tiles は取得時に old.bobbby.online へ転送されて 404 となり、ボードの仕組みは確認できなかった00:32
2Scope CSS At-Rule(CSS の @scope アットルール)MDN の @scope 解説で、2026 年 3 月から Baseline 2026 として最新ブラウザで使え、スコープの根と境界のセレクターで適用範囲を絞れる02:02
3How we migrated Clera’s 500 GB production Postgres database overnight(Clera の 500GB の本番 Postgres を一晩で移行した方法)Supabase・Neon・PlanetScale と比べて ClickHouse Managed Postgres を選び、500 超のテーブルを EU から米国へ一晩で移すと CPU が 100% 張り付きから 10〜20% に下がった(10 月 7 日公開)02:45
4Cloudflare puts audio and video into its decision model with Clef-Omni(Cloudflare が判定モデル Clef-Omni で音声と動画に対応)10 月 9 日の Cloudflare 発表を伝える記事で、Clef-omni は 1 回の API 呼び出しで音声・動画から判定を返し、Clef-flash は値下げの代わりにホスト版コンテキストが縮んだ03:19
5Show HN: A Simple Server for Matching Long/Lat to a Timezone(経度・緯度をタイムゾーンに対応付けるシンプルなサーバー)PHP 8.0+ と MySQL / PostgreSQL で経緯度を America/New_York のような IANA タイムゾーン名に変換するライブラリ兼 HTTP サービス LGV_TZ_Lookup03:27
6Cloudflare Aquires Deno(Cloudflare が Deno を買収)題名に反してリンク先は 2026 年 7 月 20 日公開の Google Developer forums 記事で、Antigravity で決済連携の開発を 8 週間から 1 週間に縮めた事例だった03:47
7Chrome 154 lets iframes size to their content with one line of CSS(Chrome 154 で iframe が CSS 1 行で中身の大きさに合わせられるように)親が frame-sizing: content-height を指定し、埋め込み側が responsive-embedded-sizing の meta で許可元を宣言すると postMessage なしで高さが合う(10 月 9 日公開)04:18
8Ask HN: Fake abuse reports keep auto-blocking my site on Cloudflare(偽の不正報告で Cloudflare 上のサイトが自動ブロックされ続ける)9 月 26 日以降に同文の偽報告が 6 回出され、そのたびに「Suspected Malware」警告が付いて約 2 週間トップが閉ざされ、トラフィックが半減したという相談04:58
9Show HN: Tutor, a self-hosted LLM tutor that teaches you your books or docs(手持ちの本やドキュメントで教えるセルフホスト型の LLM 家庭教師 Tutor)EPUB・PDF・オンライン文書から概念を抽出して理解度を確かめ、未習の概念を本への参照付きで 1 つずつ教える。LLM は Anthropic・OpenAI・OpenRouter から選ぶ05:23
10Kiesel JavaScript Engine v0.4.0(Kiesel JavaScript エンジン v0.4.0)Zig 製の JS エンジン Kiesel が Zig 0.17 対応の 0.4.0(2.5 か月で 64 コミット)を 10 月 8 日に出し、Iterator の Join・Includes・Chunking と SerenityOS 移植を加えた05:28
11From WordPress to Astro: Zero Maintenance, Maximum Control(WordPress から Astro へ: 保守ゼロで最大限のコントロール)20 年使った WordPress から AstroWind テンプレートの Astro + Cloudflare Pages に移し、PHP・DB・プラグインの保守負担をなくした15:32
12RF BrainScan getting out at UN now?(RF BrainScan が国連で明るみに?)NYT の国連の技術警告記事を根拠に「RF 脳スキャン」技術を論じる投稿で、コメントでは脳波による嘘発見の科学的根拠は乏しいと反論された15:58
13Show HN: Krashout, multiplayer car soccer in the browser(ブラウザで遊べるマルチプレイのカーサッカー Krashout)リンク先は JavaScript がなければ表示できないページで、取得できたのはルームのリンクを共有して友人と遊べるという説明文だけだった17:53
14’Pure insanity’: Mathematicians react to OpenAI’s math results drop(「まさに狂気」: OpenAI の大量の数学成果公開に数学者が反応)OpenAI が 719 本の原稿にまたがる約 400 件の AI 生成成果を公開したが、Lean で形式化済みは約 42% で、数学者は理解に何年もかかると語った18:07
15Ask HN: How do you differentiate yourself at a software engineer nowadays?(いまソフトウェアエンジニアはどう差別化するか)Web 歴約 10 年のエンジニアの相談に、ドキュメントに無い実システムの挙動を知ることやコーディングエージェントを操る力が差になるとの回答が付いた20:22
16Cloudflare Radar: HTTP traffic from Yandex drops to 0 after strikes(Cloudflare Radar: 攻撃後に Yandex からの HTTP トラフィックがゼロに)リンク先の Cloudflare Radar(AS13238)は取得時に 403 のボット確認ページを返し、トラフィックの推移は確認できなかった20:28
17Show HN: Tack – Type-safe HTTP APIs for Go that reach the TypeScript front end(Tack: TypeScript フロントエンドまで型が届く Go の型安全 HTTP API)Go の構造体 1 つから検証・OpenAPI 3.1・TypeScript クライアント・Zod スキーマを生成するライブラリで、v0.9 は v1.0 で凍結する API の RC21:11
18AWS AgentCore security undone by prompt requesting credentials(認証情報を求めるプロンプトで AWS AgentCore のセキュリティが崩れた)Bedrock AgentCore が IMDSv1 を使っていた時期、エージェントに認証情報エンドポイントを読ませると一時認証情報が漏れ ECR のイメージまで取得できたと 10 月 9 日に報じた22:07
19Show HN: Contribute to Collection of JavaScript Demos(JavaScript デモ集への貢献を募集)リンク先は JS バンドルだけのページで、取得できたのは「No Framework, Just Practical JS Examples」というタイトルのみだった22:52
20Legacy2mcp – Convert your SOAP or REST API to an MCP server in 60 seconds(Legacy2mcp: SOAP や REST API を 60 秒で MCP サーバーに変換)WSDL や DB スキーマを内省して JSON Schema 付きの MCP ツールを生成し、書き込み系は既定で除外、全呼び出しを監査ログに残す23:41
21Cloudflare D1+R2 buckets for Git but github.com FTW(Git の保存に Cloudflare D1+R2、でも最後は github.com)Mainbrella の Builder は Git 履歴を R2(SHA-256 名のオブジェクト)と D1(版と head)に保存し、ユーザーが GitHub を接続すると既存コミットをそちらへ移す23:52