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
- Google は Gemini at Work 2026 の基調講演(日本時間 10 月 9 日 2:30〜3:30)で新フラッグシップモデル「Gemini 4 Argon」と、タスクを自律的にこなす「ユニバーサル エージェント」へ進化した新しい Gemini を発表した
- Gemini 4 Argon は金融・法務・税務の実務能力を測る VAS Index と、ソフトウェアエンジニアリングの DeepSWE v1.1 で他社モデルを上回るスコアを記録したとされる
- Google 社内ではエージェントによるコード提出数が 35% 増え、ロールバックが約 1/3 減り、Chrome チームのリファクタリング期間が数か月から数週間に短縮された
- 新しい Gemini は入力画面から Anthropic の Claude(Opus)を選べるようになり、Antigravity 2.0 風のプロジェクト管理 UI・Tasks タブ・Skills・コネクタ・定期実行のスケジュール機能が加わった
- GA やパブリックプレビューの日程は示されず、基調講演・公式ブログとも「coming soon」や一部パートナー向け先行プレビューという表現にとどまった
Claude Codeの全セッションを1画面で管理するローカルダッシュボードをNext.jsで実装する
Source: Qiita | Published: 2026-10-11 10:43 JST
- DB を使わず
claude agents --json --allの出力と~/.claude/projects/*.jsonlの会話ログを読むだけで、全プロジェクトの Claude Code セッションを 1 画面で管理するダッシュボードを Next.js で作れた - 環境は Claude Code 2.1.296・Next.js 16.4.0(App Router)・React 19.3.0・zod 4.6.5 で、CLI の出力形式は公開 API として保証されないため zod で検証し、形が変わったら落とす
- バックグラウンドのセッションは id と state、ターミナルのセッションは id なしで status を返すため、zod の transform で揃えて working / waiting / done / idle の 4 状態に集約した
claude --bgは~/.claude.jsonのhasTrustDialogAcceptedが true のフォルダでしか起動できず、親フォルダの信頼は引き継がれない点がハマりどころだった- 指示 API は 127.0.0.1 待ち受けに加えて Host / Origin を検査し、画面からは slug だけを受け取って起動先のパスをサーバー側で決める三重の防御にした
35日でフロントエンドの基礎を完全に理解する #8 - ディレクティブとレンダリング(v-if・v-for・バインディング)
Source: Zenn | Published: 2026-10-11 00:27 JST
- 連載第 8 回は
v-bind・v-if/v-show・v-forの 3 つが読めれば実務の Vue テンプレートの大半が読めると結論づけ、描画結果をすべて実際にマウントした DOM で示した - 属性に
{{ }}を書くと文字列のまま src に入って画像が壊れるため、属性へ状態を差し込むには:srcのような v-bind の省略形を使う :classにオブジェクトを渡すと値が true のキーだけがクラスとして付き、hasErrorの真偽だけでエラー時の見た目を切り替えられる- v-if は偽なら要素を DOM から消し、v-show は残したまま隠すので、頻繁に切り替える要素は v-show、それ以外は v-if を選ぶ
- v-for の
:keyには添字ではなくデータ固有の id を渡し、v-if と v-for を同じ要素に書かず、絞り込みは computed で先に済ませる
【Three.js】奥行きのある画面で「まっすぐスワイプしたのに曲がる」ときの対処:画面の真上ではなく、映っている線を基準にする
Source: Qiita | Published: 2026-10-11 01:32 JST
- 透視投影の 3D 画面では端に映るレーンが斜めに傾くため、スワイプ方向を画面の真上基準で判定するとレーンに沿った操作が曲がって判定されると判明し、映っている線の向きを基準にして解決した
- Three.js 製のスマホ向けボウリングゲームでは、右寄りに立つとレーンの線が画面上で左へ約 8° 傾き、判定の tilt も 8° ずれて「左へ投げた」と読まれていた
- 指を置いた点を Raycaster で床に落とし、ピン方向へ少し進んだ点を
Vector3.project()で画面に戻すと、その場所でのレーンの向きが求まる - 判定関数は変えずに、その向きが真上になるよう軌跡を始点のまわりで回してから渡すため変更が小さく、下向きや傾きすぎのときは画面の真上にフォールバックする
- 手ブレを 0 にする
Math.sign(r) * Math.max(...)が -0 を生み、Object.is で比べる Vitest の toEqual が落ちたため、返す直前で 0 に揃えた(three 0.186.1・TypeScript 7.0.2・Vitest 5.0.3)
印刷できるカレンダーを「正しく」設計する:TypeScript・CSS Paged Media・PDF生成・日付境界の実装戦略
Source: Zenn | Published: 2026-10-11 01:46 JST
- 印刷用カレンダーは日付計算のデータモデルと印刷レイアウトのレンダリングを独立に設計して最後に結合すべきだと結論づけ、TypeScript と CSS Paged Media で 2027 年版を生成する構成を示した
new Date("2027-01-01")は UTC として解釈されgetDate()はローカル時刻で読むため、UTC より遅いタイムゾーンでは前日が返る恐れがあり、暦日は UTC メソッドかTemporal.PlainDateで扱う- 2027 年 1 月 1 日は ISO 8601 の週番号では 2027 年第 1 週ではなく 2026 年第 53 週に属し、日付の年と週番号の年が食い違う境界を明示的に処理する必要がある
- 印刷時の高さを一定にするため常に 6 週・42 セルのグリッドを生成し、
@page { size: A4 portrait; margin: 10mm }で 190×277mm のコンテンツ領域を確保した - PDF は Playwright の
page.pdf()にpreferCSSPageSize: trueとprintBackground: trueを渡して生成し、Canvas で画像化すると文字の検索・選択ができずファイルも肥大化するため避ける
ARIAを付けるだけでは不十分:React・TypeScriptで作るアクセシブルなカレンダーUI
Source: Qiita | Published: 2026-10-11 02:03 JST
- 日付選択カレンダーは ARIA を付けるだけでは不十分で、全体を Tab 1 回で出入りできる複合ウィジェットとして roving tabindex で実装し、フォーカスと選択状態を別の状態に分ける必要があると結論づけた
- 42 個の日付ボタンを並べるだけだと毎月 42 回 Tab が必要になり、逆に全ボタンを
tabIndex="-1"にするとキーボードからカレンダーに入れなくなる - WAI-ARIA APG の Date Picker を参考に、矢印で前後日・上下で ±7 日、Home / End で週頭・週末、PageUp / PageDown で前後月、Shift 併用で前後年へ動く仕様を先に表で決めた
- 月をまたぐ移動では同じ日が無ければ末日に丸め(2027 年 1 月 31 日から PageDown で 2 月 28 日)、再描画でフォーカスが body へ飛ばないようにした
- Playwright と @axe-core/playwright で「月末でもフォーカスを失わない」まで自動検査しつつ、NVDA・JAWS・VoiceOver・TalkBack での実機確認は別途必要だとしている
自分の動作確認をアクセス数から除くため User-Agent で弾いたら、curl や PowerShell で取られたダウンロードを記録ごと捨てる形になっていた(24日間)
Source: Qiita | Published: 2026-10-11 07:13 JST
- 自作 Node.js サーバで自分の動作確認を除くため、User-Agent に curl や PowerShell を含む要求を記録せずに return していた結果、道具で取られたダウンロードが 24.2 日間まるごと記録から消えていたと判明した
- 127.0.0.1 で 7 通りの要求を再現すると、全件 200 を返しながら旧方式は 3 件しか数えず、消えた 4 件のうち除外して正しいのは自分の印付きの 1 件だけだった
- Node v24 組み込みの fetch は UA に
nodeだけを送るため、リストのnode-fetchに当たらず普通の訪問として数えられていた - PowerShell 5.1 が実際に送る UA は先頭が
Mozilla/5.0でもWindowsPowerShell/5.1.26100.9444を含むため、リストには当たっていた - 修正後は自分で付けた
x-automos-checkヘッダーだけを確定で除き、道具らしい UA は捨てずに別欄へ記録するようにしたが、捨てていた期間に何件消えたかは復元できない
iOS 版 Chrome はフォーム部品に属性を足し、開発時だけ hydration の警告になる
Source: Qiita | Published: 2026-10-11 08:00 JST
- Next.js の開発時だけ出る hydration 警告の原因は自分のコードではなく、iOS 版 Chrome が自動入力のために全フォーム部品へ足す
__gCrUniqueID属性だったと判明した - 差分は
<select>に付いた__gcruniqueid="1"だけで、サーバーが配信した HTML には無く、HTML が届いてから hydrate する前にブラウザが足していた - 属性名で Chromium のソースを探すと iOS 向け自動入力の
fill_constants.tsにUNIQUE_ID_ATTRIBUTEとして定義されており、注入した JavaScript で自動入力するためautocomplete="off"では止まらない - 本番の React は属性の食い違いを警告せず実害がないため、
suppressHydrationWarningを属性が注入される<select>2 つにだけ付けた - Playwright で MutationObserver から属性を注入して再現したが、
document.documentElementに張ると注入が一度も走らず対処が効いたように見えるため、documentに張り替えた
誤り訂正レベルHでもロゴは30%隠せない:QRコードの中央をどこまで隠せるかNode.jsで実測する
Source: Zenn | Published: 2026-10-11 10:46 JST
- 誤り訂正レベル H の「30%」は面積ではなくコード語の割合で、jsQR で実測するとレベル H でも中央を隠して読めたのはシンボル面積の 16.4%(型番 5 の 37×37 で 15×15 モジュール)までだった
- qrcode 1.5.4 の内部テーブルで計算すると、型番 5 のレベル H は総数 134 語のうち 88 語が訂正用で直せるのは 44 語(32.8%)だが、誤りが 1 ブロックに偏ると直せなくなる
- 36 文字の URL ではレベル L・M・Q の限界がそれぞれ面積比 3.0%・5.8%・11.1% で、どのレベルも公称値の 4〜5 割台にとどまった
- 中央の 7×7 を白く塗っても読めたが、左上の位置検出パターン(7×7)を塗ると読めなくなり、隅の 3 つのパターンはロゴで隠してはいけない
- qr-code-styling は画像サイズ係数 0.35 とレベル H の組み合わせで消すモジュールを面積の 9% 前後に抑えており、ロゴはシンボルの 1 割以下から始めるのが目安になる
7言語対応の子ども向けタイピング練習サイトを作った話(Next.js / hreflang / OG画像のCJKフォント / 指ガイド)
Source: Zenn | Published: 2026-10-11 14:49 JST
- 7 言語対応の子ども向けタイピング練習サイト Tanepo は、言語の切り替えをクエリ
?hl=からパス接頭辞へ移して Next.js 16 のproxy.tsで書き換えたが、Google のインデックスはまだほぼゼロにとどまっている - 言語をクッキーで渡していた時期は
ui-locale=ja-JPを持つブラウザに英語のはずの/が日本語で返り、Vary: Cookieも無かったため、ブラウザが自動で送らないヘッダーに切り替えた next/ogが使う satori はラテン文字のグリフしか持たないため、カードに出る文字だけの Google Fonts サブセット(日本語約 100KB・中国語約 80KB・韓国語約 50KB)をコミットした- サブセットの文字抜けはエラーにならないので、フォントの cmap テーブル(format 4)をテストで直接読み、カードに出うる全文字が含まれるかを検証している
- 指ガイドは US・JIS・AZERTY・スペイン語・イタリア語の 5 配列に対応し、デッドキーのある配列では入力判定と指ガイドの両方で「アクセントを打つ段階」を扱う必要があった
TypeScript-Native Frontend Framework(TypeScript ネイティブのフロントエンドフレームワーク)
Source: Hacker News | Published: 2026-10-11 09:43 JST
- PureStack は Markdown / Regor MDX のコンテンツディレクトリを静的サイトに変換し、コンポーネント・スタイル・ブラウザ側の振る舞いをすべて TypeScript で書くフロントエンドフレームワークで、ソースは GitHub で入手できる
content/siteConfig.jsonとindex.mdxの 2 ファイルから始められ、npx purestack serveで 127.0.0.1:4173 にプレビュー、buildでdist/site、publishで最小化したdist/publishを出力する- 振る舞いが必要なページにだけ、横に置いた TypeScript ファイルを
<PageScript src="./example.ts" />で読み込んでブラウザ側の処理を足す - モノレポはルーティング・ビルド・開発サーバーの ts-ssg、組み込み UI の ts-components、テーマの ts-style、型付き CSS / HTML ビルダーの ts-css・ts-html などのパッケージで構成される
- 型付きで明示的なソースは人間にも AI ツールにも読み解きやすいという設計方針を掲げ、公式サイト purestack.studio 自体をこのリポジトリからビルドしており、ライセンスは MIT
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
- github-stats-card は Next.js App Router で SVG のプロフィールカードを生成するツールで、README に
/api/card?username=...の画像 URL を書くだけで使える - 言語アイコンを外部 CDN ではなくローカルのディスクから読み込むため、CDN の障害やサードパーティのレート制限、Vercel の IP ブロックの影響を受けないとしている
- GitHub GraphQL を直接叩いてフォールバック付きで生涯のコントリビューション・コミット・PR・レビュー数を集計する
- カードは 480×640 のフレームにフローティングラベル付きの言語バーを並べ、
glow=38bdf8のように # なしの HEX でアンビエントグローの色を変えられる - ライセンスは MIT で、取得時点のリポジトリはコミット 9 件・スター 4 件の小規模なものだった
Tov: TypeScript-like language that compiles to native binaries(Tov: ネイティブバイナリにコンパイルされる TypeScript 風の言語)
Source: Hacker News | Published: 2026-10-11 00:50 JST
- Tov は TypeScript の構文で書いたコードを C に変換し clang でネイティブバイナリにするコーディングエージェント向けの言語で、公式サイトは自前のベンチマークで Rust より速いと主張している
- 1 コアの JSON API で Tov 242k req/s に対し Rust(axum)216k・Bun 111k、binary_trees で Tov 260ms・Rust 791ms、メモリは Tov 1.6MB・Rust(axum)4.4MB という数値を掲げている
- any・null・== を持たず int と f64 を分け、失敗しうる呼び出しには
tryを付ける必要があり、Rust で書かれたチェッカーが switch の網羅漏れなどを検出する tov check --jsonはエラーコードと「safe」と付いた修正の編集内容を返し、エージェントがそれを適用してからビルドする流れを想定している- 値は参照カウントで管理されガベージコレクタの停止が無く、Bun.serve・fetch・node:fs・npm パッケージが動くが、npm を import すると JavaScriptCore も同梱される
Cloudflare acquires Deno to improve its Workers programming model(Cloudflare が Workers のプログラミングモデル改善のため Deno を買収)
Source: Hacker News | Published: 2026-10-11 05:07 JST
- Cloudflare は 10 月 10 日(米国時間)、ランタイム Deno を開発する同名のスタートアップを買収すると発表し、Workers のプログラミングモデルとプラットフォームの改善に充てるとした
- Workers のプリンシパルエンジニア Kenton Varda によれば、Deno が最近公開した Workers のオープンソース実装 celld が Cloudflare のチームを喜ばせたという
- Varda は Workers がロックインを狙って他のクラウドと違う作りにしたという説を否定し、オープンソースで「逃げ道」を用意することが良いビジネスだと書いた
- Node.js の生みの親で Deno 共同創業者の Ryan Dahl は、チームが Cloudflare に加わり Workers のプログラミングモデルをサーバー構築の主流の方法にすると述べた
- 買収額は非公開で、Deno はこれまでに Sequoia 主導のシリーズ A を含め総額 2,600 万ドルを調達していた
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
- 空の SvelteKit プロジェクトで Claude Code にソート・フィルタ・編集付きのテーブルを頼むと毎回ライブラリを入れずに DataTable を自作し、AGENTS.md に 5 行の指示を書くとライブラリを使うようになった
- 検証は SvelteKit + Svelte 5 + TypeScript の骨組みに対し、Claude Code 2.1.274 のヘッドレスセッションを 2026-10-10 に 1 設定 2 回ずつ走らせ、package.json と import を確認した
- 「10,000 行を扱う」と付け足しても自作のままで、DOM に約 25 行だけを置く仮想化と
$state.rawを使う実装を書いた - 推奨ライブラリを直接尋ねると検索せずに記憶から TanStack Table と AG Grid を挙げ、学習データより新しい SvGrid は挙がらなかった
@svgrid/gridが package.json にある場合、AGENTS.md の節だけの場合、.claude/skills/にスキルを置いた場合はいずれも 2 回中 2 回ライブラリを使ったが、計 10 回のビルドと 2 回の質問という小標本だと著者自身が断っている
CPUのみで動作するリアルタイム多言語音声認識「早耳」、GPUもクラウドAPIも使わずメモリ2GB未満でライブ字幕表示からブラウザ表示・話者ラベル付け・翻訳字幕まで可能
Source: GIGAZINE | Published: 2026-10-11 12:00 JST
- GPU もクラウド API も使わず CPU だけで動くリアルタイム多言語音声認識「Hayamimi(早耳)」は、メモリ 2GB 未満で発話中から字幕を出し、日本語は話し終えて約 100ms で確定する
- 発話ごとに言語を判定して専用モデルへ振り分け、INT8 量子化した ONNX モデルを sherpa-onnx で動かすため PyTorch や CUDA は不要になっている
- テレビ放送の日本語音声で文字誤り率(CER)3.8% を達成し、6 コアのデスクトップ CPU で実時間の 10〜50 倍の速度で処理できるとしている
- 2 秒の無音後に直前の発話を再デコードする清書パスで日本語 CER を 15.5% から 12.0% に改善し、
--en-tier v2(Parakeet TDT v2)で英語 WER は 10.0% から 6.6% になる --serveで localhost:8833 にダッシュボード・OBS オーバーレイ・トランスクリプトの 3 ページを提供するが、1 文中の多言語混在や同時に話す 2 人の分離には対応していない
既に実行中のWireGuardホスト向けの集中型Web UI「wg-admin」、無料でセルフホスト可能
Source: GIGAZINE | Published: 2026-10-11 18:00 JST
- 「wg-admin」は新しい WireGuard 環境を作るのではなく、Linux 上で稼働中の
/etc/wireguard/*.confをそのまま読み込み、Peer の追加・編集・QR コード生成・接続状況の確認をブラウザから行える無料のセルフホスト型管理 UI になっている - Peer を変更すると設定ファイルを書き換えたあと
wg syncconfで稼働中のインターフェースへ同期するため、変更のたびにインターフェース全体を down / up しなくて済む - 「Disable」で Peer を削除せずに無効化でき、「Enable」を押すと同じ Peer 情報と割り当て済み IP アドレスを保ったまま復帰できる
- 設定を書き換える前に
/var/lib/wg-admin/backups/へバックアップを保存し、「Config backups」から過去の設定を選んで復元できる - Docker / Podman で WireGuard と UI をまとめて構築する WireGuard Easy と違って既存構成の維持に絞っており、Ubuntu Desktop では
sudo ./install.shで入れて SSH トンネル経由で 8080 番ポートに接続した
All Articles
Zenn
| # | Title | Summary | Author | Published |
|---|---|---|---|---|
| 1 | Data Agent Kitでデータマートを簡単に実現する | Google が 10/09 に発表した MCP ツールとエージェントスキルの無料セット Data Agent Kit で、データマートを構築した | @non_miyan | 00:31 |
| 2 | SQL内プロンプト設計のコツ — 出力を安定させる書き方 | BigQuery の AI.GENERATE・AI.CLASSIFY などで出力がぶれる原因と、SQL 内プロンプトで出力を安定させる書き方を整理した(連載第 16 回) | @web_benriya | 00:38 |
| 3 | Jev を使って、PR から CHANGELOG に「Why」をどうやって抽出する? 🤔 | changelog-bot は PR 本文の Why を LLM に生成させず、why・motivation などの見出しから候補を選ぶ Selection 問題として抽出している | @nyaomaru | 02:00 |
| 4 | 日本語ファイル名の ZIP が Windows のエクスプローラーで「無効」になる:名前は文字数でなく UTF-8 のバイト数で切る | Windows のエクスプローラーは UTF-8 で 260 バイト以上の名前を 1 つでも含む ZIP 全体を開けないため、名前を文字数でなくバイト数で切るよう直した | @shunchobi | 02:06 |
| 5 | AIエージェントに任せて4ストアに出して壊れたもの:実機・審査・測定のバグ集 | TypeScript + Vite + Canvas 2D のゲームを AI エージェントで 4 ストアに出し、iOS の広告後にジョイスティックが固まる・効果音が消えるバグを直した(17 日・528 コミット) | @afterclosegame | 02:13 |
| 6 | 自分も縛られる設計レビュー係 — MCP設定を診断するエージェントを Gemini と ADK で作った | 外部入力・機密・外部送信の 3 つがそろう危険な MCP 設定をデプロイ前に検出する SKOS Review Agent を Gemini と ADK で作った | @emilia_lab | 04:00 |
| 7 | 個人開発1-3. OpenAPI で API を設計する | 3D 部屋アプリのログイン機能に向け、コードより先に OpenAPI(YAML)でエンドポイント・リクエスト・レスポンス・エラーを定義した | @hideweb | 04:14 |
| 8 | Terraform の check ブロックは apply を止めなかったから precondition に置き換えた | Terraform の check ブロックは失敗しても apply を止めないため、本番の RDS 削除保護・バックアップ保持日数の確認を precondition に置き換えた | @kana001_bit | 06:17 |
| 9 | ツール結果に仕込まれた命令にエージェントが従うか:カナリアテストを書いて、効く防御だけ残す | 頼んでいない宛先への send_email 呼び出しをカナリアテストで数え、間接プロンプトインジェクション対策のうち数字が下がる防御だけを残した | @yunisuta | 08:00 |
| 10 | 人工生命(ALIFE)興味あったけど、ParticleLifeはマジビビった。 | AI と一緒に Gray-Scott 反応拡散や ParticleLife などの人工生命シミュレーターをブラウザで作り、ParticleLife の挙動に驚いた | @hamzworkerz | 08:28 |
| 11 | 黒からクリーム色へ」配色を1週間で3回ひっくり返した話🎨 デザイントークンとドメイン色の聖域設計 | 株スクリーニング端末 ALPHA FORGE の配色を 1 週間で 3 回作り直しても、全色を 1 枚の CSS 変数に集約していたため手戻りなく回せた | @charge0315 | 08:33 |
| 12 | 管理者キーなしで OpenAI・Anthropic・Vercel の請求 API パーサーを検証した | 利用料急増を通知する OSS の CLI billshock 向けに、管理者キーなしで OpenAI・Anthropic・Vercel の請求 API パーサーを検証した | @daichi01278 | 09:08 |
| 13 | くろうどんと学ぶ Bedrock RAGのベクトルストア選び ― S3 Vectors vs OpenSearch Serverless | Bedrock Knowledge Bases のベクトルストアにコストを決め手として S3 Vectors を選び、2026 年 5 月登場の OpenSearch Serverless NextGen と比べた | @kei314 | 09:29 |
| 14 | 【速報】CloudflareがDenoを買収?Web開発の未来とエンジニアが知るべきポイント | HN で話題の Cloudflare による Deno 買収について、Deno と Cloudflare Workers の関係や開発者への影響を日本語で整理した | @ament3 | 09:44 |
| 15 | 窓口が変わっても、同じ説明をしなくていい手帳|AIに診断させず、本人の言葉を持ち運ぶ「Engawa」 | Agentic AI Hackathon(第 5 回)の提出作品「Engawa」は、AI に診断させず本人の言葉を Cloud Run 上の手帳として持ち運べるようにした | @hideki_tamae | 09:46 |
| 16 | チーム開発記録42:テストの要否判断基準 | ポータルサイト ver7 の開発で copilot-instructions.md を整備し、「テストはむやみに増やさない」前提でユニットテストの要否判断基準を決めた | @singularitylabs | 10:04 |
| 17 | ブラウザのブックマークHTMLを書き出すとき、名前とURLを別々に検証する | ブックマーク HTML では名前は本文、URL は href 属性に入るため、両者を同じエスケープで連結せず別々に検証すべきだとした | @jusomoum_notes | 10:07 |
| 18 | RDS・Aurora障害切り分けの勘所|接続・待機イベント・肥大化 | RDS・Aurora の「DB が遅い」をアプリ・接続・SQL・ストレージ/内部構造・基盤の 5 層で上から切り分ける勘所を、フェイルオーバー後のエラー等で示した | @techdbblog | 10:09 |
| 19 | Python・MLflow・FastAPIで始めるMLOps入門:モデル作成から推論APIの構築まで | scikit-learn でモデルを作り MLflow で実験を管理し、FastAPI で推論 API を公開するまでの MLOps の基本フローを通した | @yoshihiro_iwato | 10:39 |
| 20 | LLM01:プロンプトインジェクションとは?AIへの「お願い」が乗っ取りの命令に変わる理由 | OWASP Top 10 for LLM の LLM01 プロンプトインジェクションを、「これまでの指示を無視して」入力や Web ページに隠した命令の例で説明した | @monkey_gineer | 10:42 |
| 21 | LLM02:機密情報の漏えいとは?AIが答えてはいけないことまで答えてしまう理由 | OWASP Top 10 for LLM の LLM02 機密情報の漏えいを、権限のない人事文書や他人の口座情報が回答に混ざる例で説明した | @monkey_gineer | 10:42 |
| 22 | Claude Codeを全プロジェクト横断で動かす司令塔を作った — 人間が持つ権限・AIに渡す権限 | 10 近いプロジェクトの Claude Code を 1 画面で見渡し指示も出せるローカルダッシュボード「COMMAND DECK」で、人間と AI の権限分担を画面に落とした | @orectic | 10:43 |
| 23 | 422 Unprocessable Content とは?400・409との使い分けを「誰が直すか」で決める | 422 Unprocessable Content(RFC 9110)は形式は正しいが中身を処理できない場合に使い、400・409 とは「誰が直すか」で使い分けると整理した | @gaku_wtnb | 10:44 |
| 24 | 【1日1デプロイ】押す長さでジャンプが変わる「ぴょんっとパンの丘」を作った | 押す長さでジャンプの高さが変わる 1 プレイ 14 秒のブラウザゲーム「ぴょんっとパンの丘」を、1 日 1 デプロイ企画で公開した | @boraemon2000 | 11:06 |
| 25 | 紫微斗数のアプリを1人で作って、Androidに出すまで(Expo・iztro・Google Play審査の実務) | 紫微斗数アプリ「斗数堂」を Expo と iztro で作り、2026 年 10 月 8 日に Google Play で公開するまでに技術と審査で詰まった点を記録した | @tosuudou | 11:10 |
| 26 | Terraform・Docker・GitHub Actionsで始めるAWS ECSのCI/CD入門 | Terraform で AWS 基盤を作り、main への push で GitHub Actions が Docker イメージを ECR に push して ECS サービスを更新する CI/CD を組んだ | @yoshihiro_iwato | 11:34 |
| 27 | 【kiro-cli login】個人Builder ID→組織IAM Identity Center(IdC)へログインを乗り換える | kiro-cli のログインを個人の Builder ID から組織の IAM Identity Center アカウントへ切り替える手順と、つまずいた点を示した | @yoss_k3 | 12:00 |
| 28 | アプリアイコンが作れないので、実在する 18,000 個のアイコンを集めた話(pgvector なしの意味検索) | App Store と Google Play の実在アプリアイコン 18,491 個を集めたライブラリ APPLORE を作り、pgvector を使わずに意味検索を実装した | @applore | 12:31 |
| 29 | Amazon Bedrock Managed Agents powered by OpenAI を試してみた | 2026 年 10 月 11 日時点で Preview の Amazon Bedrock Managed Agents powered by OpenAI を、公開ドキュメントの手順に沿って動かした | @tnobe | 12:57 |
| 30 | 学習なしで需要予測できる Chronos-2 に、ウォルマートの販売データを予測させてみた | 2025 年 10 月公開の時系列基盤モデル Chronos-2 に、学習なしでウォルマートの M5 販売データを共変量付きで予測させた | @ndmxjp | 13:22 |
| 31 | YouTubeのシアターモードで出る黒い余白をどうにかしたい | YouTube のシアターモードで出る左右の黒帯を、動画フレームのブラーかテーマ色(#181818 / #f1f1f1)で埋める拡張 youtublur を作った | @kyto64 | 13:29 |
| 32 | 固定ルールのクイズで、保存済み回答を「信用しない」設計 | クイズの保存済み回答は問題セットのバージョン・問題 ID・選択肢 ID を復元時に再検証し、得点は保存せず毎回計算する設計にした | @ethanleecnvx | 13:47 |
| 33 | ServiceNow AI Control TowerでVertex AIのAI資産をCMDBで管理・可視化する | ServiceNow の AI Service Graph Connector で Vertex AI の Reasoning Engine を CMDB に取り込み、AI 資産を一元管理する手順を示した | @muragaku | 14:17 |
| 34 | Playwright入門|E2Eテストの作成からGitHub Actionsでの自動化まで | 個人開発の Web アプリに Playwright を導入し、npx playwright test での E2E 実行と GitHub Actions での自動実行まで設定した | @begineer | 14:28 |
| 35 | 長時間動く収集エージェントを429で止め、途中から安全に再開する設計 | 収集エージェントは RFC 6585 の 429 を受けたらそのバッチを止め、通信エラー等は連続 3 件で停止して途中から再開できるガードを外側に置いた | @radidani | 14:30 |
| 36 | Annictの記録をタップで付けて、次に見るアニメを理由つきで提案するWebアプリを作った | Annict の視聴記録をタップで付け、評価から好みを推定して未視聴作品を理由つきで提案する非公式 Web アプリ Anipair を公開した | @manato003 | 14:43 |
| 37 | AI に全部書かせず、8日間で WebXR アプリを公開するまで | three.js で Meta Quest 3 のパススルーに対応した WebXR メモアプリ「Funnel Note」を、AI に全部書かせず 8 日間で公開した | @sapolas | 14:49 |
| 38 | HTML ファイルだけで動画処理して mp4 を作れた | WebCodecs API を使い、音声と画像 1 枚から mp4 を作る処理を HTML ファイル 1 つで完結させた | @koichi73 | 15:38 |
| 39 | WordPressからAstro + Cloudflareへ移行したら、一度遅くなって、それから速くなった | 会社サイトを WordPress から Astro + Cloudflare Pages に移すと翌日の Lighthouse モバイルスコアは同等か低下しており、原因を切り分けて直した | @onmitsu | 15:56 |
| 40 | GuardDutyのアップデート情報をSNS(GuardDutyAnnouncements)でメール受信する | AWS 管理の SNS トピック GuardDutyAnnouncements を ap-northeast-1 でメール購読し、GuardDuty の更新を受け取れるようにした | @toge510 | 17:00 |
| 41 | コンポーネントがレイアウトを制御しない方がいい | 自身の col-span や flex-direction を props で制御する Card コンポーネントは使いにくく、レイアウトは親側で決めるべきだとした | @ebi68k | 17:01 |
| 42 | Google Cloud Data Agent Kit入門:MCPとスキルでデータ基盤に接続する | 2026 年 10 月 1 日に GA となった Google Cloud Data Agent Kit の構成と、BigQuery 利用者が MCP とスキルでデータ基盤に接続する方法を示した | @caron14 | 17:02 |
| 43 | 『SaaS個人開発者向け、入力フォーム・CSV取込・画像OCR・Gemini連携のセキュリティ総点検シート【Laravel】』 | Laravel 製 SaaS を例に、CSRF・SQLi・CSV インジェクションなど入力フォーム・CSV 取込・画像 OCR・Gemini 連携の点検項目を一覧にした | @smart_shinkoku | 17:05 |
| 44 | 高額療養費の改正(2026年8月・2027年8月)を3時点で比較する計算ツールを、一次情報とテストから作成しました | 高額療養費の改正前・2026 年 8 月・2027 年 8 月の 3 時点を比べる計算ツールを、入力を送信しない静的サイトとしてテスト付きで作った | @tsumu26 | 17:22 |
| 45 | コードを書かずに、Claude Codeで日本株の投資ツールを2つ作った全体像 | Claude Code に PM 役と developer 役を割り振り、約 2 週間半で 300 回超のコミットと 800 件超のテストを持つ日本株の投資ツールを作った | @stockrules_jp | 17:30 |
| 46 | タイパ至上主義者・ドパガキのための1分間脳汁学習ゲーム『SpeedQuiz』作ってみた | ショート動画の感覚で 1 分間解くタイムアタック学習 Web アプリ『SpeedQuiz』を作り、GitHub Pages で公開した | @infra_ojisan | 17:39 |
| 47 | グローバル外部ALBから別プロジェクトのバックエンドサービスへルーティングできるか検証した | Google Cloud のグローバル外部 ALB で、共有 VPC なしに別プロジェクトのバックエンドを参照する Cross-project service referencing を検証した | @toge510 | 18:41 |
| 48 | RAG で「確認」という 2 文字が正解を押し出していた — RRF の二重掲載と、文書頻度での足切り | RAG の字句検索で「確認」という 2 文字が多数の文書に当たり RRF で正解を押し出していたため、文書頻度(DF)で足切りして直した | @tomtom55555 | 18:54 |
| 49 | Dog APIで比べる、useEffectとTanStack Queryのデータフェッチの違い | Dog API を題材に useEffect でのデータフェッチと TanStack Query を比べ、React 公式がライブラリ利用を勧める理由を確かめた | @oimozenn | 18:58 |
| 50 | 【AI人狼/個人開発】AIに嘘をつかせて、そのウソを他のAIに疑わせる技術 | 8 人中 7 人を AI が演じる人狼ゲーム「ANGEL HALOS」で、AI に上手に嘘をつかせ、ほどよく疑わせる匙加減を作り込んだ | @karamage | 19:45 |
| 51 | ChatGPTと作るAWSの使い捨てKubernetes検証環境とその苦しみ | ChatGPT の支援で Terraform と Ansible を使い、AWS EC2 上に kubeadm の Kubernetes クラスタを作っては壊す検証環境を組んだ | @degurum | 19:59 |
| 52 | JavaScriptはシングルスレッドなのになぜ非同期に動けるの? Promise.allで3つのAPIを同時に待てる理由 | JavaScript はシングルスレッドでも待ちを外部に任せるため Promise.all で 3 つの API を同時に待てることを、手元で時間を測って確かめた | @nozeon | 20:29 |
| 53 | 店主が自分で休みを切り替えられる営業日カレンダーを作った(Shadow DOM のウィジェット、タグ2行) | 店主が管理画面で休みを切り替えると反映される営業日カレンダーを、タグ 2 行で貼れる Shadow DOM ウィジェットとして作った | @webhiro | 20:31 |
| 54 | 【カードゲーム作ってみた】魔獣と魔法使いを集めて戦う「MAJU」 | 魔獣・魔法使いのカードを毎日集めて CPU と戦うインストール不要のブラウザカードゲーム「MAJU」をバイブコーディングで作った | @mapierre | 20:52 |
| 55 | 【超高速】csvからデータを取得するライブラリを作ってみた | V8 ヒープを使わず Buffer を直接走査する CSV ライブラリ getdatafromcsvbuffer を作り、5 行目の値取得で csv-parse の約 4.3ms に対し約 2.6ms だった | @bespectacled | 20:59 |
| 56 | Chrome拡張がストア審査で「難読化」と判定された — 犯人は pdf.js の legacy 版に入っていた core-js だった話 | Chrome 拡張「オフライン OCR」v0.9.0 がストア審査で難読化と判定された原因は、pdf.js の legacy 版に含まれる core-js だった | @tamoco | 21:40 |
| 57 | OCRしたくない部分は、消してから読む — Chrome拡張のOCRビューアーに「消しゴム」を足した話 (v0.9.1) | Chrome 拡張「オフライン OCR」v0.9.1 のビューアーに、OCR したくない部分をなぞって消してから読む「消しゴム」を追加した | @tamoco | 21:41 |
| 58 | BedrockのOpenAIモデルでreasoning.summaryを実測 — トークン計上・応答速度・Guardrailsを検証 | 2026/10/09 に Bedrock の Responses API で使えるようになった OpenAI モデルの reasoning.summary を、トークン計上・応答速度・Guardrails の面で実測した | @kashiwabaray | 21:53 |
| 59 | RAFスタブは cancelAnimationFrame まで揃えて、はじめてテストの契約になる | テストの RAF スタブは requestAnimationFrame と cancelAnimationFrame を対で差し替え整数 ID を返さないと、停止処理が未検証のまま通ってしまう | @lazy_ai_dev | 22:08 |
| 60 | Hono Conference in Tokyo 2026に参加してきました | 2026 年 10 月 11 日開催の Hono Conference in Tokyo 2026 に参加し、印象に残ったセッションと Hono の設計思想を振り返った | @tk_1 | 22:25 |
| 61 | 「構造規則がコードを歪めている」という設計批判を、裏付けが無いので撤回した | こどもニュースのコードに対する「構造規則がコードを歪めている」という設計批判は調査で裏付けられず、撤回して To-be 案も採らなかった | @kodomo_news | 22:58 |
| 62 | Strands BoxをEC2 Macで実測 — Dogwoodポリシーが効く経路を仕分け | 2026/10/07 公開の Strands Box を EC2 Mac で動かし、操作履歴に応じたルールを書ける Dogwood ポリシーがどの経路で効くかを仕分けた | @kashiwabaray | 23:12 |
| 63 | サーバー代0円を目指して。ブラウザ完結で音声をテキスト化するアーキテクチャとWeb Audio APIの活用 | 音声のデコードと前処理を Web Audio API でブラウザ内に完結させ、Whisper API などのサーバーコストとアップロードの懸念を抑える構成を示した | @videotoframes | 23:25 |
| 64 | 全文を貼り替えずに22本の冒頭を直した — ProseMirrorのブロック移動で有料ラインを守る | note の 22 本の冒頭の定型文を、全文の貼り替えではなく ProseMirror のブロック移動で直し、有料ラインがずれる事故を避けた | @zeroyen_dev | 23:29 |
| 65 | 全角の EXAMPLE.com を Punycode にしたら、実在しない xn— 名になった | 全角の EXAMPLE.com が xn—ph7chab1aes7c.com になったのは UTS #46 の正規化を飛ばしたためで、NFKC 等を先に掛けて直した | @hashitoz | 23:44 |
| 66 | 引っ越しの手続きを期限つきで一覧にする無料ツールを、静的HTMLだけで作った | 引っ越し手続きを期限つきで一覧にする「引越ナビ」を localStorage 保存・ビルドなしの静的 HTML で作り、PageSpeed Insights のモバイルで 96 を得た | @hikkoshinavi | 23:59 |
Qiita
| # | Title | Summary | Author | Published |
|---|---|---|---|---|
| 1 | Outlookメールをチャット形式で読むOffice Add-in「Mail Chat」を個人開発した話 | Outlook のメールを古い順にチャット風 UI で読める Office Add-in「Mail Chat」を個人開発し、MVP まで機能を絞った経緯を記した | @aoai_dev | 00:07 |
| 2 | 検索条件をURLに同期するとUTMが消える。閲覧用URLと共有用URLを分けて直す | 検索条件を URL に同期すると UTM が消えるため、閲覧中の URL には allowlist で許可した UTM と hash を残し、共有用 URL と分けた | @t1k2a | 00:20 |
| 3 | DVA-C03 対策:DVA-C02 からの変更点と学習の進め方(練習問題 5 問付き) | AWS 認定デベロッパーの DVA-C02 から DVA-C03 への変更点を整理し、4 週間の学習計画と練習問題 5 問を付けた(試験ガイドは 10 月 27 日公開予定) | @legacy2latest | 01:43 |
| 4 | textContentは同じ。でも表示言語は壊れていた:通ってはいけないテストを再現する | 保存値・言語属性・textContent の検査は PASS でも表示言語だけ日本語に戻る故障を再現し、表示中の言語要素を検査すると FAIL になると示した | @aichance | 03:11 |
| 5 | TypeScriptでクラスを書くとTS1294: This syntax is not allowed when erasableSyntaxOnly is enabled. | erasableSyntaxOnly 有効時はコンストラクタ引数での public プロパティ宣言が TS1294 になるため、フィールドを明示的に宣言して回避した | @J-T_ky2g | 04:20 |
| 6 | LCP画像にlazyloadが残っていないか 実在ECサイトで測ったLCP 3.1秒→0.2秒 | LCP 画像に lazyload が残るとリクエスト開始が遅れ、属性を数文字変えるだけで LCP が 3.1 秒から 0.2 秒になったシミュレーション結果を示した | @miyanaga | 07:02 |
| 7 | 人工衛星は一定の速さで回っていない。近地点と遠地点の速度差を軌道力学で計算する | 人工衛星は近地点で速く遠地点で遅く数倍の速度差があることを、軌道力学の式とコード、離心率などを動かせる「軌道力学 基礎シミュレーター」で確かめた | @NovaSolver | 08:00 |
| 8 | Claude Code・GitHub Copilot・Cursorの実装比較|CLIセットアップからCI組み込み、再現可能なベンチマーク手順まで | Claude Code・GitHub Copilot・Cursor などを Tier 分類し、CLI のセットアップから CI 組み込み、再現可能なベンチマーク手順までコード付きで比べた | @sescore | 08:11 |
| 9 | PlaywrightのtoHaveValueがPASSした後に入力が消えるケースを再現する | Playwright の toHaveValue は失敗処理の途中でも PASS しうるため、処理完了後に入力が消えるケースを再現し、完了を待って検証する必要を示した | @aichance | 08:25 |
| 10 | EChartsでanimation:falseにしたらfinishedイベントが一度も来なかった話 | ECharts で animation:false にすると finished イベントが一度も来ず、Playwright で描画完了を待つ PDF 出力がグラフ入りのとき必ず 500 で落ちていた | @youn_works | 08:49 |
| 11 | 複数LLMプロバイダーを切り替えるフォールバック構成をTypeScriptで実装する | プロバイダー固有の処理をアダプターに閉じ込め、障害やレート制限のときに次の LLM へ切り替えるフォールバック構成を TypeScript で実装した | @hono_ai_labho | 09:00 |
| 12 | 【開発環境】#3 — PM2 はパスの空白で再起動ループに入る。args は配列で渡す | PM2 で常駐させた Python スケジューラがパスの空白で再起動ループに入ったため、args を文字列ではなく配列で渡して解決した | @andknj-front | 09:05 |
| 13 | 文字色と背景色のコントラスト比をWCAG基準で判定するアルゴリズムをTypeScriptで実装する | WCAG 2.1 の相対輝度でコントラスト比を計算して AA/AAA の合否を判定し、不合格なら合格する色を提案するチェッカーを TypeScript で実装した | @sakutto-panda | 09:33 |
| 14 | 📘Flaskアプリを「動く教科書」にする|実コードとpytestをつなぐシステム概要の設計・実装 | Flask 製の Bakery Hub に全 9 章・理解度チェック 23 問の「システム概要」を実装し、Python の AST と pytest でコードへのリンク整合性を検証した | @tosane932 | 09:38 |
| 15 | 個人開発でVPSとAWSを選ぶ基準を7つの軸で整理する | 個人開発の公開先として VPS と AWS を、契約単位・障害時の責任・拡張性など 7 つの軸で比べ、選び方を整理した | @techdbblog | 10:06 |
| 16 | ブックマークHTMLの出力を「一件の不正URLで全件中止」にする境界テスト | ブックマーク HTML の書き出しで 30 件中 1 件でも不正 URL があれば全件中止にするため、makeHtml で文字列を組む前に全行を検査する境界テストを書いた | @gouri634487 | 10:09 |
| 17 | OFFSETページネーションをやめてp95を77ms→6msにした話(1000万行で実測) | 1000 万行の orders で OFFSET ページングを Keyset Pagination と複合インデックスに替え、p95 を 77ms から 6ms に縮めた(PostgreSQL 16・Rails 8.1) | @Ken00000000 | 10:28 |
| 18 | ゴール裏年パス勢が、架空スタジアムのチケットサイトを作る理由 ― 架空サカスタのチケットサイトで学ぶ(0) | 架空スタジアム「ペヌスタ」のチケット販売サイトを、販売方式の実験や AWS のデータ系資格学習の遊び場として作るシリーズを始めた | @macchi23 | 11:11 |
| 19 | OutboxでDB更新と通知をつなぐ。通知の意図が残ることと重複しないことを分ける | Outbox パターンで DB 更新と通知イベントを同じトランザクションに保存しても通知は 1 回にならず、意図の保持と重複排除を分けて D1 で確かめた | @hiro123 | 11:28 |
| 20 | ぷよクエをたのしく!アプリをつくってみよう!(おまけ:特徴語ソート2) | Intl.Collator では「辞書順」にならないため、アズールレーンの攻略データを先頭 1 文字でグルーピングする特徴語ソートを試した | @puyon | 12:04 |
| 21 | PDFに埋め込まれたフォントを一覧で確かめる — 同梱したのに使われていなかった | HTML から作った PDF に同梱フォントが実際に使われたかを、種類・名前・埋め込みの有無を一覧で読む手順で確かめ、使われていない例を見つけた | @jhao29784 | 12:12 |
| 22 | HTML→PDFのフォントは3か所から来る — 印刷前に数えて見えるのは2つだけ | HTML→PDF のフォントは OS・Web フォント・同梱フォントの 3 か所から来るが、印刷前に数えて見えるのは 2 つだけだと実測で示した | @shuy55568 | 12:14 |
| 23 | HTML→PDFの「字がおかしい」は5通り — 届いたPDFだけで原因を仕分ける | HTML→PDF の「字がおかしい」問い合わせを、届いた PDF だけを読むスクリプトで 5 通りの原因に仕分けられるか、壊した PDF で試した | @shujing943 | 12:17 |
| 24 | HTMLから作ったPDFの□は文字化けじゃない — 英語が無事かでまず分ける | HTML から作った PDF の □ は文字コードの問題とは限らず、まず英語部分が無事かどうかでフォント欠落かを切り分けるべきだとした | @xyue41464 | 12:20 |
| 25 | 【Python/AsyncIO】ハローワーク求人・助成金オープンデータをリアルタイム解析するインテントデータ(購買意欲シグナル)基盤の実装 | ハローワーク求人や助成金のオープンデータを Python の AsyncIO で集め、購買意欲シグナルとして解析するインテントデータ基盤を実装した | @listkigyou | 12:45 |
| 26 | 【初投稿】Claude Code の routine で GitHub Trending を毎朝日本語で要約する仕組みを作った | Claude API を使わず Claude Code の routine で GitHub Trending を毎朝日本語で要約し、静的サイト「github新聞」を更新する仕組みを作った | @yumekui | 13:03 |
| 27 | ECONNRESET を投げ直すと二重課金になる:課金される音声認識 API の再試行境界 | 音声長で課金される文字起こし API では受理後の ECONNRESET を再送すると二重課金になるため、3 週間の失敗 114 件を段階別に分けて再試行境界を決めた | @Karentia | 13:08 |
| 28 | ノートが消える原因はリロードではなかった — Playwrightで「閉じる直前の編集」を切り分けた | タスク管理アプリ Chalky でノートが消える原因はリロードではなく閉じる直前の編集だったと、close までの時間を変えて Playwright で切り分けた | @aichance | 13:24 |
| 29 | Understanding In-Browser Unicode Font Transformation and Clipboard Mechanics(ブラウザ内での Unicode フォント変換とクリップボードの仕組み) | フォントファイルを読み込まず Unicode の文字そのものを置き換えて筆記体風の文字を表示・コピーする、ブラウザ内の軽量ツールの仕組みを論じた | @cursivegenerator | 13:39 |
| 30 | 【Supabase】プロジェクトの利用を停止された時の対処方法 | Supabase の無料プランは 7 日間利用が無いとプロジェクトが一時停止されるため、停止予告メールが届いたときの原因と対処を示した | @ryu0947 | 13:47 |
| 31 | GitHub ActionsからAWSへのOIDC認証、アクセスキーを一切使わない設計 | GitHub Actions から AWS CodeDeploy で EC2 にデプロイする際、OIDC プロバイダー token.actions.githubusercontent.com でアクセスキーなしの認証にした | @caymezon | 13:52 |
| 32 | reduce で書いたグループ分けを Object.groupBy に置き換えると、何が変わって何が変わらないか | ES2024 の Object.groupBy で reduce のグループ分けを 1 行に置き換えたとき、何が変わり何が変わらないかを比べた | @ennagara128 | 13:57 |
| 33 | パスキーの自動入力を待たせたままボタンで2本目の get() を呼ぶと「A request is already pending.」になります【Chromium の仮想認証器で実測】 | パスキーの Conditional UI で get() を待たせたまま 2 本目を呼ぶと OperationError になり、1 本目を abort() すれば通ると Chromium 141 で実測した | @Rapls | 14:38 |
| 34 | next/og で日本語・中国語・韓国語の OG 画像を作る:フォントを 100KB に削って、抜けた文字をテストで捕まえる | next/og(satori)で日中韓の OG 画像が豆腐になる問題を、フォントを約 100KB にサブセット化し、文字抜けをテストで検出して解決した | @yamadagenki | 14:55 |
| 35 | SAAはうろ覚えでも結構受かる【AWS SAA合格体験記】 | AWS SAA は全サービスを完璧に覚えていなくても合格できたとして、うろ覚えのまま受かった学習の進め方を記した | @qoo_nishimura | 15:01 |
| 36 | ブラウザ上でMarkdownからWordファイルを作成する | marked.js v18 で Markdown を解析し、Mermaid 図も含めて Word(.docx)をサーバーなしでブラウザだけで生成する Web アプリを作った | @wonox | 15:40 |
| 37 | Vitestのワーカー数で時間はどう変わる? 上限1・2・4を15回計測して比較しました | Vitest の maxWorkers を 1・2・4 にして各 15 回計測し、ワーカー上限によるテスト時間の変化を手元の環境で比べた | @Issey-Kubota | 16:31 |
| 38 | Vercel vs AWS: 用途・料金・運用でどちらがベストか徹底比較 | Vercel と AWS(Amplify・Elastic Beanstalk)を用途・料金・運用の 3 軸で比べ、静的サイトや SSR での向き不向きを表にした | @felix-jp-studio | 16:38 |
| 39 | Amazon Bedrock Managed Agents(OpenAI)のプレビューを AgentCore Runtime で動かしてみた | Amazon Bedrock Managed Agents(OpenAI)のプレビューを AgentCore Runtime で動かし、Codex のハーネスがループと会話保持を肩代わりすることを確かめた | @leomarokun | 16:49 |
| 40 | Canva で作っていた価格表をやめて、Googleスプレッドシート × S3 + CloudFront の商品カタログを作った | Canva で画像化していた価格表をやめ、Google スプレッドシートと S3 + CloudFront で価格を手軽に更新できる商品カタログを作った | @cloud-nao | 16:54 |
| 41 | Hono Conference in Tokyo 2026の要約・感想 | Hono Conference in Tokyo 2026 の登壇を要約し、WebSocket の 101 応答で JWT が更新されない不具合を OSS 側で直した事例などを振り返った | @sarasara1214 | 17:23 |
| 42 | CASE:条件によって返す値を変える方法 | PostgreSQL の CASE 式は条件を上から評価し最初に TRUE になった値を返すことを、WHEN・THEN・ELSE の書き方とともに示した | @masato_y | 18:16 |
| 43 | reactコース#9 | React コース 9 回目として useEffect・useContext・useReducer・カスタムフックを学び、依存配列でレンダリング回数が変わることを確かめた | @langhuanamacha | 18:17 |
| 44 | 【AIエージェント×動画量産パイプライン】自動がいい!!「起きたら動画が50本出来ている」を実現するため、Google Cloud(Veo / Vertex AI)でマルチメディア工場を建設してみる | Google Cloud の Veo と Vertex AI を使い、寝ている間に動画 50 本を自動生成するマルチメディア工場のパイプラインを AI エージェントで組んだ | @kuis | 19:07 |
| 45 | Web Speech APIで録画面接の練習機能を作るときの勘所——日本語音声認識の癖と実装メモ | Web Speech API で録画面接の練習機能を作った際の日本語音声認識の癖と、MediaRecorder との並行稼働でつまずいた点を挙げた | @aijpjobs | 20:36 |
| 46 | 明示的なDenyを貫通するIAMアクションを知っていますか | MFA 未認証の操作をほぼすべて明示的 Deny にした環境で、CLI から STS の GetSessionToken を呼んで MFA 済み一時認証情報を得る際の Deny の効き方を確かめた | @boloyome | 20:43 |
| 47 | 2026年10月11日 今日のQiitaトレンド記事をポッドキャストで聴こう! | 2026 年 10 月 11 日分の Qiita トレンド記事を AI ポッドキャストにして、毎朝 7 時に更新している | @ennagara128 | 21:09 |
| 48 | Firebaseで権限別共有リンクを導入する:既存URLを壊さないaccessVersion設計 | スコア管理サービス PointPia に管理・編集・閲覧の権限別共有リンクを入れる際、データに accessVersion を持たせて既存 URL を壊さず移行した | @sponge841841 | 21:17 |
| 49 | サーバー代0円で音声ファイルをブラウザ完結処理するアーキテクチャ設計と落とし穴 | 音声のデコードとリサンプリングをブラウザ内で完結させ、Whisper API などへの転送を減らしてサーバー代 0 円を目指す構成と落とし穴を示した | @zdy912544125 | 21:27 |
| 50 | 【AWS】GitHub ActionsとAgentCore Evaluationsでエージェントの評価をCI/CDに組み込んでみた | AgentCore Evaluations を GitHub Actions に組み込み dev・stg で品質ゲートを試したところ、平均点だけの合否では誤った回答が通るとわかった | @yakumo_09 | 21:51 |
| 51 | Wordのコメントを非表示にしても消えていない? 社外共有前に確認したい6つの情報 | Word の非表示コメント・変更履歴・作成者名など 6 つの残存情報を、社外共有前に Word の機能とブラウザ内処理で確認・削除する方法を示した | @kourak_utiloop | 21:56 |
| 52 | 「横溢れ 0」を信じたら 44 組中 32 組が崩れていた——幅の両側と操作後を測る格子 | 横溢れ 0 と判定していたサイトを 4 頁 × 11 幅 × 操作後で測り直すと 44 組中 32 組が崩れており、375px でメニューを開くと横に 126px 伸びていた | @sumitsuke | 22:20 |
| 53 | 【Kiro】プライベート EC2 に低コストで Kiro Crew を立ててみた | Kiro Crew をプライベートサブネットの EC2 に、インバウンドゼロで使うときだけ起動する省コスト構成で立て、詰まった箇所を補った | @jus1730 | 22:25 |
| 54 | 今さらKiro Crew導入してみた | 8 月に出た Kiro Crew を導入し、Kiro CLI を常駐させてリサーチや資料作りのタスクを投げる運用を試した | @maeda-kazutoshi | 22:28 |
| 55 | Webページの描画方式を比較する ~ CSS・SVG・Canvasの使い分け ~ | CSS・SVG・Canvas の 3 方式で同じ円を描き、要素として操作できるかや大量描画への向き不向きで使い分けを整理した | @masayasu_t | 23:04 |
| 56 | エンジニアが今日からできる情報漏洩対策チェックリスト10選【コード・コマンド付き】 | API キーのコミットやログへの個人情報出力など、開発者の日常作業から起きる情報漏洩への対策 10 項目をコード・コマンド付きで挙げた | @pds_siken | 23:08 |
| 57 | Base58 を BigInt で一気に変換したら、先頭の 0x00 が消えて 112 が 2 になった | Base58 を BigInt で一気に変換すると先頭の 0x00 バイトが消えて 112 が 2 になるため、先頭ゼロのバイトを別に扱う必要があった | @hashito | 23:41 |
| 58 | 1行のJavaScriptで文字列を二進数に変換してみた | TextEncoder で UTF-8 のバイト列にし toString(2) と padStart(8) で 8 桁に揃える 1 行で、文字列を二進数表現に変換した | @mikecat_mixc | 23:50 |
| 59 | Supabaseの匿名ログインでゲスト機能を実装した | Supabase の匿名ログインでポートフォリオにゲスト機能を入れ、データ保存・写真アップロード・AI アシストは本登録後に限る方針にした | @Kazeneko | 23:50 |
| 60 | 【AWS Organizations × Slack】個人アカウントで一人アドミンに挑戦してみた!(アカウント払い出し編) | AWS Organizations と Slack を組み合わせ、個人アカウントで申請から IAM Identity Center の割り当てまでのアカウント払い出しを一人で回した | @yosuke-suzuki | 23: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
| # | Title | Summary | Published |
|---|---|---|---|
| 1 | Show HN: A fullscreen Game of Life in which every board is a runnable program(全ボードが実行可能なプログラムになっているフルスクリーンのライフゲーム) | リンク先 /piet/tiles は取得時に old.bobbby.online へ転送されて 404 となり、ボードの仕組みは確認できなかった | 00:32 |
| 2 | Scope CSS At-Rule(CSS の @scope アットルール) | MDN の @scope 解説で、2026 年 3 月から Baseline 2026 として最新ブラウザで使え、スコープの根と境界のセレクターで適用範囲を絞れる | 02:02 |
| 3 | How 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 |
| 4 | Cloudflare 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 |
| 5 | Show HN: A Simple Server for Matching Long/Lat to a Timezone(経度・緯度をタイムゾーンに対応付けるシンプルなサーバー) | PHP 8.0+ と MySQL / PostgreSQL で経緯度を America/New_York のような IANA タイムゾーン名に変換するライブラリ兼 HTTP サービス LGV_TZ_Lookup | 03:27 |
| 6 | Cloudflare Aquires Deno(Cloudflare が Deno を買収) | 題名に反してリンク先は 2026 年 7 月 20 日公開の Google Developer forums 記事で、Antigravity で決済連携の開発を 8 週間から 1 週間に縮めた事例だった | 03:47 |
| 7 | Chrome 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 |
| 8 | Ask HN: Fake abuse reports keep auto-blocking my site on Cloudflare(偽の不正報告で Cloudflare 上のサイトが自動ブロックされ続ける) | 9 月 26 日以降に同文の偽報告が 6 回出され、そのたびに「Suspected Malware」警告が付いて約 2 週間トップが閉ざされ、トラフィックが半減したという相談 | 04:58 |
| 9 | Show 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 |
| 10 | Kiesel 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 |
| 11 | From WordPress to Astro: Zero Maintenance, Maximum Control(WordPress から Astro へ: 保守ゼロで最大限のコントロール) | 20 年使った WordPress から AstroWind テンプレートの Astro + Cloudflare Pages に移し、PHP・DB・プラグインの保守負担をなくした | 15:32 |
| 12 | RF BrainScan getting out at UN now?(RF BrainScan が国連で明るみに?) | NYT の国連の技術警告記事を根拠に「RF 脳スキャン」技術を論じる投稿で、コメントでは脳波による嘘発見の科学的根拠は乏しいと反論された | 15:58 |
| 13 | Show 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 |
| 15 | Ask HN: How do you differentiate yourself at a software engineer nowadays?(いまソフトウェアエンジニアはどう差別化するか) | Web 歴約 10 年のエンジニアの相談に、ドキュメントに無い実システムの挙動を知ることやコーディングエージェントを操る力が差になるとの回答が付いた | 20:22 |
| 16 | Cloudflare Radar: HTTP traffic from Yandex drops to 0 after strikes(Cloudflare Radar: 攻撃後に Yandex からの HTTP トラフィックがゼロに) | リンク先の Cloudflare Radar(AS13238)は取得時に 403 のボット確認ページを返し、トラフィックの推移は確認できなかった | 20:28 |
| 17 | Show 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 の RC | 21:11 |
| 18 | AWS AgentCore security undone by prompt requesting credentials(認証情報を求めるプロンプトで AWS AgentCore のセキュリティが崩れた) | Bedrock AgentCore が IMDSv1 を使っていた時期、エージェントに認証情報エンドポイントを読ませると一時認証情報が漏れ ECR のイメージまで取得できたと 10 月 9 日に報じた | 22:07 |
| 19 | Show HN: Contribute to Collection of JavaScript Demos(JavaScript デモ集への貢献を募集) | リンク先は JS バンドルだけのページで、取得できたのは「No Framework, Just Practical JS Examples」というタイトルのみだった | 22:52 |
| 20 | Legacy2mcp – 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 |
| 21 | Cloudflare 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 |