TODAY’S ISSUE 2026年9月13日 · 日曜日 WEB FRONTLINE

JSXに[[日本語]]と書くだけでi18nするbracket-i18n、TSの汎用DBプロバイダーほか — Web Dev Digest: 2026‑09‑13

2026年9月13日

Top 20

JSXに[[日本語]]と書くだけでi18nする——50ページ・約4万語・五言語を自作した話

Source: Qiita | Published: 2026-09-13 03:40 JST

約 4 万語超 × 5 言語 × 50 ページ超の自社プロダクト Imaju のドキュメントを多言語化するため、JSX に日本語正本を [[…]] で書くだけで i18n できる OSS「bracket-i18n」を自作し npm と GitHub で公開したと発表した。
仕組みは 3 段階で、scan が [[日本語]] を ID 化して辞書に切り出し、fill が Gemini などの API で英語・スペイン語・フランス語・イタリア語の下書きを生成し、出荷合否は人が lock: true を付けて判定する。
Next.js の i18n は「配信の枠」であり翻訳の中身は別問題という整理で、bracket-i18n は t(‘home.title’) のようなキー切り作業を無くす「中身のパイプライン」として位置づけている。
実運用では Gemini の無料枠で 5 言語のたたき台まで約 11 時間で到達した。
落とし穴として、多次元配列 [[4,4]] が i18n 記法と誤検知される、長文は先頭をコメント化して ID 置換後も追跡する、執筆途中は pause/resume で scan を止めて途中状態で辞書が落ちるのを防ぐ、の 3 点を挙げている。

JDBCのないTypeScript環境で汎用データベースプロバイダーアーキテクチャを構築する方法

Source: Zenn | Published: 2026-09-13 07:23 JST

Node.js/TypeScript には Java の JDBC や .NET の ADO.NET に相当する標準 DB 接続 SPI が無いため、pg・mysql2・better-sqlite3・ioredis など実績ある npm ドライバーをラップする抽象層 BaseDatabaseProvider を作るのが最適だと結論づけている。
対象は PostgreSQL・MySQL・SQLite・Oracle・Redis・MongoDB・Cassandra・ClickHouse・Trino・Druid の 10 種超で、未使用ドライバーを静的 import せず接続時に動的 import() で読み込む。
「Object Surface API」でスキーマメタデータを DatabaseObject / ObjectDetail / Container に正規化し、DB ごとに異なるメタデータ構造を UI から隠す。
AI エージェント用にはユーザー接続と分離した読み取り専用の接続プールを用意し、SQLite の PRAGMA query_only やロール制限で設計レベルで書き込みを封じる。
SQLite の単一ライターロックを検出して接続を再利用する仕組みと Bastion 経由の SSH トンネルを透過的に張る仕組みを持たせ、ワイヤープロトコルの再実装ではなく「再発明ではなく抽象化」が鍵だと主張している。

Jestの使い方を基礎から学ぶ｜導入・テスト・モック・カバレッジ

Source: Zenn | Published: 2026-09-13 07:26 JST

Jest 初学者向けに導入からカバレッジまでを通し、「カバレッジ 100% を目的にせず、重要な処理・境界値・エラー経路が検証されているかの確認材料にする」と結論づけている。
npm install --save-dev jest で導入し、npm test -- --watch・-t "テスト名"・--coverage の実行オプションと、toBe/toEqual/toThrow/resolves/rejects/not などのマッチャーを整理している。
別々に作ったオブジェクトの比較は toBe（Object.is）ではなく toEqual を使う、例外は expect(() => validateAge(-1)) と関数で包む、非同期は await か return を忘れると Promise 完了前に成功扱いになる、という 3 つの落とし穴を挙げる。
モックは jest.fn()・mockReturnValue・mockResolvedValue・toHaveBeenCalledWith を使い、「外部との境界に絞る」ことで内部実装に密結合したテストがリファクタリングで壊れるのを避けるよう勧めている。
設定は jest.config.js の testEnvironment: "node"・clearMocks: true・collectCoverageFrom を扱い、サンプルは CommonJS 前提で ESM/TypeScript は公式の ECMAScript Modules・Code Transformation ガイド参照としている。

TypeScript 経験者が Python で最初に戸惑う 10 の違い

Source: Zenn | Published: 2026-09-13 09:00 JST

React/Next.js 経験者が Django や FastAPI で Python を始めたときに手が止まる差分を 10 個に絞り、最大の罠は ?? 相当の演算子が無く or が 0 や "" まで上書きすることだと指摘している。
let/const が無く typing.Final も実行時には再代入を防げない、null/undefined は None に統一され比較は == ではなく is None を使う、と変数まわりの違いを挙げる。
JS では真になる空配列・空オブジェクトが Python では 0・""・[]・{}・None すべて偽になり、{} は dict で空の set は set() と書く必要がある。
三項演算子は「値 if 条件 else 値」の語順、lambda は式のみで複数行不可、辞書の分割代入は無いがタプルのアンパック a, b = b, a は使える。
キーワード引数 introduce(age=25, name="Alice") が言語機能として使え、map/filter のメソッドチェーンは [u.name for u in users if u.age >= 18] のリスト内包表記で書くのが Pythonic だとまとめている。

clone からテストが緑になるまで（Next.js 16 実プロダクト読解 #2）

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

公開リポジトリ kai-kou/gem-hunter（Next.js 16.3.1 + Turbopack）を git clone → npm ci → npm test するだけで、外部ネットワーク接続ゼロ・環境変数ゼロのまま Vitest のテスト 954 件（81 ファイル）が緑になると示した。
外部接続を防ぐ仕組みは 2 つで、GitHub API 呼び出しを「ポート」インターフェース経由の依存性逆転で偽物に差し替え、MSW で未定義リクエストを禁止している。
技術構成は Next.js 16.3.1・Vitest・Playwright・Tailwind CSS v4・Node.js 22 以上で、E2E はこの回では 1 本だけ実行する。
npm run dev は Turbopack の CSS パーサーが shadcn/ui の複雑なセレクタに対応しておらず実行時 500 を返すため、next dev --webpack か本番ビルドでの確認を推奨している。
「npm run dev が 500 を返しても環境が壊れているわけではなく、npm test が通れば正常」と明記し、全 19 回の連載（Zenn Book として無料公開）の第 2 回にあたる。

落ち続ける処理を止める『サーキットブレーカー』を試したら、失敗を隠す仕組みも一緒に付いてきた

Source: Zenn | Published: 2026-09-13 09:16 JST

Node.js のサーキットブレーカーライブラリ opossum を実測した結果、遮断中は対象関数が本当に呼ばれず「Breaker is open」を即返す一方、fallback を付けると本当の失敗と遮断による拒否が同じ戻り値になり呼び出し元から区別できなくなると判明した。
4 回連続失敗後は関数の callCount が増えず、resetTimeout を 1500ms に設定すると実測 1502ms で半開状態に移行した。
半開状態は 1 回だけ試行し、成功なら復旧・失敗なら再遮断という二値遷移で、タイムアウトも通常の失敗と同じく集計される。
errorThresholdPercentage の既定は 50% だが volumeThreshold の既定は 0 で、最小サンプル数のガードが無いため最初の 1 回の失敗で遮断されうるとして明示設定を必須としている。
タイトルの「失敗を隠す仕組み」は fallback を指し、fallback が遮断時にも呼ばれるため、呼び出し元のログや監視からは遮断と実失敗を見分けられない点を落とし穴として挙げている。

Next.js × Auth0 SDK v4 でログインする

Source: Zenn | Published: 2026-09-13 14:58 JST

@auth0/nextjs-auth0 v4 では入口が v3 の /api/auth/[auth0] から /auth/* + middleware.ts に変わり、ここを読み違えると callback 404 で止まると判明した。
環境変数は APP_BASE_URL・AUTH0_DOMAIN・AUTH0_CLIENT_ID・AUTH0_CLIENT_SECRET・AUTH0_SECRET の 5 つで、middleware.ts は auth0.middleware(request) をそのまま返して /auth/* をマウントする。
Auth0 ダッシュボードの Callback URL は http://localhost:3000/auth/callback にし、Logout URL と Web Origins も登録が必要で、/callback や /api/auth/callback のままだとエラーになる。
.env が空のまま起動すると DomainResolutionError が出るため、セットアップ後に --force-recreate で再起動する。middleware.ts が無いと /auth/login が 404 になる。
AUTH0_SECRET を変更した後はブラウザの Cookie を削除しないとセッション不一致で失敗する。ページ側は getSession() でログイン状態を出し分ける。

Reactのtextareaでメンション部分だけ色を変える（透明textarea+オーバーレイ技法）と、その過程でハマった2つの罠

Source: Qiita | Published: 2026-09-13 15:49 JST

React 18 + Tailwind CSS v4 で textarea の「@ユーザー」「#場所名」だけ色を変えるには、文字色を透明にした本物の textarea の下に表示専用 div を重ねる「オーバーレイ技法」が有効だと結論づけている。
表示層は pointer-events-none absolute inset-0 でクリックとキー入力を透過し、入力層は relative z-10 text-transparent に caretColor だけ指定してキャレットを見せる。
両層の padding・font-size・line-height・white-space を完全に一致させないと、1px のズレでクリック位置と表示が食い違う。
罠 1 は IME 変換確定の誤検知で、event.isComposing だけに頼るとテスト環境やブラウザによって変換確定の Enter が送信扱いになるため、onCompositionStart/onCompositionEnd で useRef の自前フラグを持つ。
罠 2 は rounded-full で、複数行に伸びると border-radius: 9999px がとりうる最大の丸みになり円形に見えるため、rounded-2xl の固定値にし、隣接要素は items-center ではなく items-end で下揃えにする。

📬 メールを書くように LLM へ指示を送る。LLMailer を作った話。

Source: Qiita | Published: 2026-09-13 19:01 JST

ローカルの Claude Code にメールクライアントの操作感で指示を送る Next.js アプリ「LLMailer」を作り、GitHub（NaokiIshimura/llmailer）で公開したと発表した。
技術構成は Next.js 16・React 19・TypeScript・JSON 永続化で外部 DB を持たず、spawn('claude') で子プロセスを起動しプロンプトは引数ではなく標準入力から渡す。API キーは不要でログイン済みの Claude Code をそのまま使う。
宛先が「モデル・権限・作業ディレクトリの組」で、同じ指示を Opus・Sonnet・Haiku に並行送信して読み比べられ、返信は --resume でセッションを継続する。
読み取り専用の宛先は --allowedTools が追加許可しかできないため、disallowedTools と settingSources から ‘user’ を外す設定を併用して実現した。
落とし穴として、可変長オプションはスペース区切りでなくカンマ区切りの 1 引数にする、CLAUDE_CODE_* 環境変数の継承を避ける、出力 JSON は警告混在対策で末尾のオブジェクトを拾う、の 3 点を挙げている。

Next.js 16のupdateTagとrevalidateTag、結局どう使い分ける？

Source: Qiita | Published: 2026-09-13 19:03 JST

Next.js 16 では「更新した本人にすぐ最新値を見せたい」なら updateTag()、「多少古くても速く返したい」なら revalidateTag(tag, 'max') と使い分け、最大の違いは古いキャッシュを一時的に返してよいかどうかだと結論づけている。
updateTag() は read-your-writes（自分が書いた直後の読み取りで反映）を実現するためキャッシュを即座に期限切れにするが、Server Actions からしか呼べない制約がある。
revalidateTag() は stale-while-revalidate で古いキャッシュを返しつつ裏で更新し、Route Handler や Server Functions から呼べる。1 引数形式 revalidateTag('tag') は非推奨化され、第 2 引数 'max' を付ける形式が推奨になった。
コード例はプロフィール編集の Server Action で updateTag(user-${userId}) を呼び、Webhook 受信の Route Handler で revalidateTag('products', 'max') を呼ぶ 2 パターン。
注意点として、updateTag は DB 更新ではなくキャッシュ状態の操作のみ、revalidateTag の反映は次アクセス時、タグは大文字小文字を区別し 256 文字以内、2026 年 9 月 13 日時点の Next.js 16 系公式ドキュメントに基づくと明記している。

NextJS but in Rust（NextJS を Rust で）

Source: Hacker News | Published: 2026-09-13 06:06 JST

Rust バックエンドと React フロントを組み合わせた Next.js 風フレームワーク「nextrs」v0.6.1（ベータ）のドキュメントが HN に投稿され、3 ポイント・1 コメントを集めた。
app/ ディレクトリ構造が URL に対応するファイルベースルーティング、prefetch.rs によるサーバー側データのプリロード、Axum ベースの #[nextrs::api] マクロによる型安全 API を提供する。
API の OpenAPI 契約は utoipa で生成し、そこから Orval で TypeScript クライアントを自動生成する。依存クレートは axum・serde・utoipa。
導入は cargo install cargo-nextrs → nextrs new mysite → cargo dev（または nextrs dev）で、Rust ドメインロジックは src/、React UI は app/ と components/、自動生成物は .nextrs/（編集不可）に置く。
HN の唯一のコメントは nextrs でネイティブ iOS と Web の両対応アプリを作り Vercel にワンクリックでデプロイできたという利用者の推薦で、批判的な意見はまだ付いていない。

Postgres got group commit by deleting most of the patch（Postgres はパッチの大半を削除することでグループコミットを手に入れた）

Source: Hacker News | Published: 2026-09-13 00:14 JST

2026 年 7 月 18 日付の Fernando Simões 氏のブログで、PostgreSQL のグループコミットは 2012 年に Heikki Linnakangas 氏がキュー実装を丸ごと削除した版が「Make group commit more effective」としてコミットされたもので、それが今も使われていると振り返っている。対象日にはその過去記事が HN に投稿された。
発端は AWS RDS での本番障害で、1193 個のバックエンドが LWLock/WALWrite で待機していた。WAL は単一のフラッシュポインタを持つため、大半のバックエンドは自分のフラッシュではなく「現在のフラッシュが自分をカバーしたか確認する」ために待っていた。
2016 年の pgsql-hackers で fsync を別の WALFlushLock に分離する試みがあったが、ロック競合と同時にバッチ効果も失われ、同じ 8KB ページへの小さな OS write が増えてスループットが 10〜12% 低下した。
経緯は 2011 年 8 月に Simon Riggs 氏が提案、2012 年 1 月に Peter Geoghegan 氏が書き直し、その 10 日後に Heikki 氏が「ソート済みキューは効いていない」と判断して自作パッチを 2012-01-30 にコミットし PostgreSQL 9.2 に入った。
障害の補足として、EBS に 12k IOPS をプロビジョニングしても m6g.large のインスタンス側上限があり、EBSIOBalance% が尽きるとベースラインの約 4k IOPS に落ちたと述べている。

PostgreSQL 19’s “scary patch contest”（PostgreSQL 19 の「怖いパッチ選手権」）

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

LWN.net の記事「PostgreSQL 19’s “scary patch contest”」が HN に投稿されたが、リンク先は LWN 購読者限定で、本文（対象パッチや開発者名）は確認できなかった。
LWN のページは「Subscription required」を返し、この記事は 2026 年 9 月 24 日に無料公開されると案内している。
HN では 1 ポイント・1 コメントで、唯一のコメントも購読者限定の案内文をそのまま引用しているだけで内容には触れていない。
タイトルから分かるのは PostgreSQL 19 の開発サイクルで「scary patch contest」と呼ばれる取り組みを扱っていることまでで、どのパッチが対象かは本文を読まないと分からない。
本文を読むには LWN の購読が必要で、購読しない場合は 9 月 24 日の無料公開を待つことになる。

Show HN: Oauthcli – CLI for checking/testing/verifying OAuth 2.1 servers（Show HN: Oauthcli – OAuth 2.1 サーバーを検査・テスト・検証する CLI）

Source: Hacker News | Published: 2026-09-13 20:53 JST

Go 製の CLI「oauthcli」が Show HN で公開され、OAuth 2.0 / 2.1 / OpenID Connect の認可サーバーを RFC 8414・7636・9449・8628・7662 など 26 以上の仕様に対して「準拠 / 部分的 / 非準拠 / 未サポート」で判定できるようになった。
インストールは go install github.com/Southclaws/oauthcli@latest。README は「人と AI エージェントの両方のためのターミナルツールキット」と位置づけ、エージェント向けの skill サブコマンドも持つ。
サブコマンドは discover・metadata・jwks・resource（ディスカバリ）、check（監査）、token get/refresh/inspect/introspect/revoke/expect、flow code・flow device、client register/get/update/delete、pkce・config・reference。
対応機能は PKCE（S256・plain）、RFC 8414 / OIDC Discovery のメタデータ取得、RFC 7591/7592 の動的クライアント登録、DPoP（RFC 9449）、Device Flow（RFC 8628）、Token Exchange（RFC 8693）、Resource Indicators（RFC 8707）。
HN では 4 ポイント・コメント 0 件で、投稿時点では議論は付いていない。

Choose OAuth Scopes for Wrangler and the Cloudflare API MCP Server（Wrangler と Cloudflare API MCP サーバーの OAuth スコープを選択可能に）

Source: Hacker News | Published: 2026-09-13 23:22 JST

2026 年 8 月 22 日付の Cloudflare 変更履歴で、Wrangler と Cloudflare API MCP サーバーの認可時に、要求された全スコープを承認するのではなく必要なオプションスコープだけを選べるようになったと発表されていた。対象日にはその過去ページが HN に投稿された。
同意ダイアログに権限を編集するオプションが追加され、必須スコープは選択されたまま、オプションスコープを個別に許可・拒否できる。
拒否したスコープが必要なコマンドやツール呼び出しを実行した場合は、クライアントを再認可してそのスコープを付与する。
参照先として wrangler login と「Edit optional permissions」のドキュメントを案内しており、対応する Wrangler のバージョン番号は記載がない。
HN では 1 ポイント・1 コメントで、投稿者自身が「これは新しい、今見つけた」とスクリーンショットを添えているだけで議論は無い。

無料でWireGuardを簡単にインストール・管理できる「WireGuard Easy」、クライアントの一覧表示・作成・編集・削除・有効化・無効化・QRコード表示・設定ファイルのダウンロードなどが可能

Source: GIGAZINE | Published: 2026-09-13 18:00 JST

WireGuard サーバーの構築とクライアント管理を Web ブラウザから行えるオープンソースツール「WireGuard Easy」を GIGAZINE が Google Cloud の Ubuntu インスタンス上に Docker で構築し、管理画面ログインから QR コードでのクライアント接続・設定ファイルのダウンロードまで動作を確認した。
導入は /etc/docker/containers/wg-easy に公式の docker-compose.yml を curl で取得して sudo docker compose up -d するだけで、管理画面は「サーバー IP:51821」で開く。
クライアントの一覧表示・作成・編集・削除・有効化・無効化・QR コード表示・設定ファイルのダウンロードに加え、クライアントごとのファイアウォール設定と通信量（Tx/Rx）表示、IPv6・CIDR 表記に対応する。
管理画面には TOTP 方式の 2 要素認証と Google / GitHub などの OIDC・OAuth 外部認証、ワンタイムリンク発行がある。
本番環境ではリバースプロキシなどで HTTPS 接続できるようにすることが推奨されていると注記している。

All Articles

Zenn

#	Title	Summary	Author	Published
1	AIに頼っていた自分が、TerraformでLambda+IAM+CloudWatch Logsを手書きしてみた	Lambda + IAM 実行ロール + CloudWatch Logs を AI なしで Terraform 手書きし、apply は通ったが IAM ポリシー内のタイポ 3 箇所で動作確認時に詰まった。	@satoru_o	00:39
2	開発環境設定：AWS Organizations & SSOの初期設定	個人開発の AWS 環境を AWS Organizations 配下で管理し IAM Identity Center（SSO）でログインする初期設定を、基礎説明ではなく自身の構成メモとして記録している。	@ops_awsdevspace	00:40
3	S3ライフサイクルの最小オブジェクトサイズ・最大オブジェクトサイズを検証してみた	S3 ライフサイクルで「フォルダーが消える」回避策の最小オブジェクトサイズ 1 バイト指定と、公式ドキュメントが示唆する 0 バイト指定のどちらが正しいか実バケットで検証した。	@vibe_coder	00:55
4	GuardDuty×EventBridge×Lambdaで組む、Organizationsクロスアカウント自動封じ込め ― 設計編	本番 12 アカウント運用を想定し、GuardDuty 検出→EventBridge→Lambda で人手を挟まず封じ込め、高重大度は SNS 通知、結果はセキュリティ運用アカウントへ集約する基盤を 3 アカウント構成で設計した。	@nyondev	01:01
5	ブラウザだけで動く居眠り検知を作った — MediaPipe の blendshape で瞼を見て、CSP で「送っていない」を証明する	MediaPipe FaceLandmarker の blendshape で瞼の開閉を取り、目を閉じて 10 秒で起こすブラウザ完結アプリを作成。CSP でカメラ映像を外部送信できないことをブラウザに強制させる設計が中心。	@toripy	01:08
6	JavaScript の String.replace に「$283B」を差し込んだらページが壊れた — 置換文字列の $ は特殊文字	Node で静的サイトの本文を焼き込む際に String.prototype.replace の置換文字列に含まれる「$」が特殊文字として解釈され、英語版だけ「83B」のような壊れた文字列が出てページが倍々に膨らんだ。	@toripy	01:08
7	AgentCore Gateway をどう設計するか。MCP の集約・検索・認可を Amazon Quick で検証	AWS Japan の SA が、AgentCore Runtime 上の MCP サーバーを Amazon Quick に直接つなぐ構成と AgentCore Gateway で MCP を集約・検索・認可する構成を比較検証した。	@inariku	01:31
8	子供の部活の席決めが大変らしいので「AI席決め」を作った	「C さんは上座」「幹事は入口側」のような条件付きの席決めを AI に解かせる「AI席決め」を、Astra を試すお試し案件として開発し公開した。	@u1tnk	01:48
9	Firebaseを無料枠(Spark)のまま、Cloudflare WorkersでStripeサブスクを実装する	Firebase を無料の Spark プランのまま Cloud Functions を使わず Cloudflare Workers に決済処理を寄せ、stripe や firebase-admin を入れず Web Crypto API と fetch だけで Webhook 署名検証と Firestore 書き込みを実装した。	@irvvee	08:51
10	余っていたNature Remoで、一人暮らしの親を見守る仕組みを作った	モーションセンサー付き Nature Remo の反応を EventBridge Scheduler 1 個 + Lambda 1 個で監視し LINE 公式アカウントへ通知する見守り構成を、Lambda コード同梱の CloudFormation テンプレート 1 枚で公開した。	@takuyima	09:15
11	Google広告データをBigQuery Data Transfer Serviceで自動連携する完全手順	Google 広告のデータを BigQuery Data Transfer Service で日次自動エクスポートし、GA4 のセッションや自社売上データと突き合わせて長期蓄積・分析するための設定手順を通した。	@web_benriya	09:32
12	2026-08-27 今日の技術トレンド	8 月 27 日時点のトレンドとして Next.js の未認証 RCE 脆弱性パッチ、エージェント実行用サンドボックスの比較、OpenAI による Astral 買収を軸にした Python ツールチェーン統合を挙げている。	@bambampurin	10:05
13	コーダーからフロントエンドエンジニアへ #1-49｜filter──条件で絞り込む	連載第 49 回。map が「3 件入れたら 3 件返る」1 対 1 変換なのに対し filter は件数が変わる点を、numbers.filter(n => n % 2 === 0) で 5 件が 2 件になる例から説明する。	@koenjineer	10:17
14	Credo で接続の入口を作る：out-of-band invitation URL をローカル生成してみた	Credo でローカルの Issuer agent が out-of-band invitation URL を生成する最小例を動かし、Issuer と Holder を結び付ける入口として URL に何を任せるかを整理した。QR 読み取りや外部公開は次回。	@ousiass	10:57
15	なぜCloudFrontの証明書はバージニア北部で取るのか	CloudFront に付ける ACM 証明書は東京で取ったものが選択肢に出ず、ACM ユーザーガイドどおり米国東部（バージニア北部）リージョンで発行する必要がある理由を説明する。	@philosophum	11:29
16	Azure Multicloud Interconnectで、AWSとの専用線が拍子抜けするほど簡単になる	2026 年 9 月に Public Preview になった Azure Multicloud Interconnect は接続先が AWS のみ、帯域 1 Gbps、日本リージョン未対応で、Azure–OCI 相互接続との違いをドキュメントから読み解いた。	@yotan	12:13
17	【1日1デプロイ】荷物が増えると操作まで重くなる「ふわっと宅配便」を作った	「1 日 1 デプロイ」の新作としてブラウザで遊べる 1 ボタンゲームを公開。Space キー押下で上昇・離すと下降し、荷物を持つほど高得点だが重くなって落ちやすくなるリスクとリワードの設計。	@boraemon2000	12:18
18	AIが作った失敗作を、自分のコードが黙って直して「合格」にしていた	家具の文章指示から AI が 3D モデルを組み立てるサービスで、検査コードが不合格を出す前に離れた部品を最大 30mm 引き寄せ、直径 4mm の柱を生やして繋げ「合格」にしていたことに気づいた。	@usudonsdev	13:12
19	CloudFront を定額プランに移行した	on the bakery 社が CloudFront を従量課金から定額プラン（flat-rate pricing plan）へ移行し、対象ディストリビューションの配信コストを 80% 以上削減できる見込みになった。移行はコンソールから数分。	@lannto	13:21
20	Alexaと外部LLM・Web検索を繋いで、音声で自然に対話できるAIコンシェルジュを作ってみた話	Amazon Echo に外部 LLM と Web 検索を繋いだ音声 AI コンシェルジュを構築。Alexa の「8 秒以内に応答」というタイムアウト制限と TTS 向けの出力制御が設計ポイントになった。	@yuma3	13:22
21	localStorage は書き込んだ直後にはディスクに保存されていない	キオスク端末で localStorage に設定値を書いた直後に taskkill /F /IM msedge.exe で強制終了すると値が残らないことがあり、書き込み直後はディスクに保存されていないと実測で確認した。	@hws_nori	13:35
22	Amazon Bedrock AgentCore Optimization を試す：エージェント作成からプロンプト最適化まで	Amazon Bedrock AgentCore の新機能 Optimization（プレビュー）を試し、本番トレースを分析してシステムプロンプトやツール説明の改善案を AI が自動生成するループをまっさらな状態から構築した。	@kameoncloud	13:59
23	ponytailのコード削減を 3 モデルで試してみたら9〜25% の削減効果	「diff 行数 54% 減」をうたう Claude Code プラグイン ponytail v4.9.0 を Express アプリ 7 チケット × Haiku・Sonnet・Opus の 42 セルで測り直すと削減は 9〜25%、大半は改行で、コストが下がったのは Opus だけだった。	@tage	14:17
24	ポートスキャンの手法とAWS上での対策の検証	ALB + EC2 構成に nmap -sS -T4 -Pn -p 1-10000 を実行すると約 16 分で 8443 番の開放を特定でき、GuardDuty は検知のみで防げず、セキュリティグループを ALB 経由に絞ると filtered になり WAF のレートベースルールで 100 リクエスト超を 403 にできた。	@saito_aws	14:54
25	2人で使っているカレンダーアプリのFirestoreルールが`if true`だった。Claude Codeと直して、写真アルバムまで作った	Next.js + Firebase の 2 人用カレンダーの Firestore ルールが if true だったのを Claude Code と修正し、「既存データを壊さず追加のみ」の制約で写真アルバムまで 1 日（実働約 6 時間 40 分）・23 commits・55 ファイル・+5,303/−416 行で実装した。	@nijima	15:11
26	【個人開発】受託88件こなしたエンジニアが、個人店向けに「自由度を捨てた」完全無料の店舗案内ページツールを作った話	受託 88 件のエンジニアが飲食店・サロン向けに、自由なキャンバス配置を捨てたテンプレート型で地図・営業時間・SNS・クーポン・予約先を 1 枚に集約する無料の店舗案内ページツール「MameAd」を個人開発した。	@mameoffice	15:36
27	LINEミニアプリの表示が遅い。犯人はLIFFではなく、全画面を包んでいたSuspense 1個だった	LINE ミニアプリの初期表示が遅い原因は LIFF でも DB でもなく、ルートレイアウト全体を包んだ Suspense 1 個で fallback が空の div だったため、URL 確定まで骨組みを 1 ピクセルも出していなかった。	@hyodoblog	15:57
28	SSTでAmazon Cognito User Poolを構築・認証テストする手順	SST 4.17.1 で Amazon Cognito User Pool を構築し、サインアップ・サインイン・MFA などユーザープールの認証テストまで行う手順を通した。	@namahu	16:25
29	Nuxt 4 + Supabase + Cloudflare で家族向けアプリを一人で作って運用する構成 — Finoko の技術選定	小中学生向け「お手伝い × お小遣い × 金融学習」アプリ Finoko を Nuxt 4 + Supabase + Cloudflare で一人で開発・運用・課金・法務ページ整備まで回すために選んだ構成と理由を、詳細編 4 本の 1 本目として説明する。	@namespace	16:36
30	AWS Summit Japan 2026に参加して、社外の人と話して分かったこと	札幌拠点の SIer 3 年目エンジニアが AWS Summit Japan 2026 に参加し、技術セッションよりも社外の人と話して自分の仕事について考えたことを中心に振り返った。	@yamahiro	16:47
31	Windows PowerShell 5.1 のパイプに付く BOM を消す	Windows PowerShell 5.1 はコードページ 65001 のときパイプ先 stdin の先頭に BOM を付け、$OutputEncoding では消えず [Console]::InputEncoding を BOM なし UTF-8 にすると消えた。Claude Code ステータスライン用 Node スクリプトで発見。	@fukunagajiro	16:48
32	LLMを起動する前に判定するワーカーゲートを作った	cron で定期実行する AI エージェントが仕事のない時間帯も同じペースで LLM を起動しトークンを浪費していたため、LLM を起動する手前でタスク管理ツールを見て起こすべきか判定するワーカーゲートを作った。	@takehirot	17:14
33	Astra単体 vs Astra＋Sol：ISUCON11の3時間比較を制御変更して再実行	Astra 単体と Astra が GPT-5.6 Sol を束ねる協調構成を ISUCON11 予選で 3 時間ずつ再実行した結果、協調構成の効率優位は確認できず、制御器側にも直すべき不具合が見つかった。	@ekusiadadus	17:17
34	「あるある」をデータ構造に落とす──PM研修シミュレーションのシナリオ設計	PM の意思決定を体験させる登録不要のブラウザゲームで、ハードコードされた 1 本のシナリオを「PM のあるある」をデータ構造に落として 14 本まで増やせる形にした設計を説明する。	@herosoundiy	17:42
35	OS設定を触らずに、ライト/ダーク両方の画像切り替えを検証する	OS 設定を触らずに picture 要素のテーマ追従を確認するには、コンソールで source の media を (prefers-color-scheme: light) に反転し、img の currentSrc と naturalWidth（0 なら 404）で配線を確認する。	@matsutake_prgrm	18:00
36	Next.jsでAI音楽生成UIを設計するときの実践チェックリスト	AI 音楽生成は数十秒以上かかりブラウザを閉じても継続が要るため、Next.js ではリクエスト直後にジョブ ID を返し queued/running/succeeded 等 4 状態で管理し、完成音声を安全に配信する設計をチェックリスト化した。	@nafy_ai	18:25
37	42日でバックエンドエンジニアの基礎を完全に理解する #32 - Webアプリの3層アーキテクチャ	連載 #32。認証認可を作り込んだ Part 5 を終え、Web サーバー・アプリケーションサーバー・データベースの 3 層アーキテクチャという Web アプリ全体の部品構成を、後続の AWS 編（#34〜#38）の前提として扱う。	@kipcop	18:55
38	フロントエンドカンファレンス福岡 2026 公開資料・Xアカウントリンクまとめ	2026/09/12 開催のフロントエンドカンファレンス福岡 2026 について、登壇者が X やスライドサービスで公開した資料と X アカウントへのリンクを現時点で分かる範囲で一覧化した。	@h_yoshikawa0724	19:15
39	遊戯王で実践するドメインモデリング〜それって初心者に説明できます？〜	遊戯王で実践するソフトウェアアーキテクチャ設計シリーズ #2。前回決めたクリーンアーキテクチャ 4 層構造の中心 Domain に、遊戯王というゲームをどうモデル化して詰めるかを初心者に説明できる形で検討する。	@okmethod	19:24
40	アカウント登録なしの共有サービスを開発した話	アカウント登録なしで端末間の文字・写真を共有するサービス「knocks」（k-nox.jp）を開発。手入力できる短いドメインを必須条件とし、概要とハマりポイントをまとめた。	@ctrlzr	20:32
41	フロントエンドカンファレンス福岡2026 参加レポート	9 月 12 日に九州産業大学で開催された Frontend Conference Fukuoka 2026 に、実務フロントエンド歴約 1 年半のエンジニアが参加し、印象的だったセッションを取り上げて感想を述べる。	@yama14	21:33
42	Google Apps Scriptの連続実行時間は6分なのか30分なのか検証	Google Workspace 契約テナントで 1 分ごとにログを出すスクリプトを回した結果、公式ドキュメントの 6 分ではなく 30 分でタイムアウトし、既存環境は経過措置で 30 分据え置きの可能性があると考察した。	@kinasato_mochi	21:43
43	Nx Plugin for AWS を Terraform で使ってみた〜インフラ寄りの人向けの Nx 入門つき〜	2026 年 9 月公開の Nx Plugin for AWS 1.0 を、CDK ではなく Terraform でインフラを定義する使い方で試し、インフラ寄りの人向けに Nx のモノレポ入門も添えた。	@nnydtmg	21:54
44	HTTPとは何か	HTTP/1.1 のリクエスト（リクエスト行・Host や Content-Length 等のヘッダー・空行・ボディ）とレスポンス（ステータス行 200 OK・ヘッダー・ボディ）の構成を整理し、TCP でデータを交換するだけでは HTTP ではないと強調する。	@shinb0	22:36
45	JANコードの末尾1桁は手で計算できる（チェックディジットの仕組み）	JAN コードの末尾 1 桁は先頭 12 桁に 1,3,1,3… の重みを掛けて合計し 10 で割った余りを 10 から引いて求まり、490177701855 なら合計 114 で検査数字は 6。JavaScript の ean13CheckDigit 実装付き。	@hashitoz	22:44
46	KiroでAWS Serverless開発をどこまで任せられるか？Pure KiroとGuardrailed Kiroを比較した	Lambda（Python 3.13）+ DynamoDB + EventBridge + SQS の Serverless 開発で Pure Kiro は Full Delegation 76.7%・±22.4pp のばらつき、Specs+Steering+Hooks は 93.8%・±5.8pp に安定したが Credits は 9.83 → 29.07 に増えた。	@nobu_13	23:16
47	麻雀の点数が合わないので、登録不要の共有スコアシートをCodexで作った	麻雀の点数が合わない不便から、Walica のように URL ひとつで同じ記録を見られる登録不要の共有スコアシート「エムレコ」を Codex で作り、同時編集・通信断対応と実装済みログイン機能を外す判断まで振り返る。	@pamu	23:27
48	GitHub ActionsからGCPへ！OIDCでセキュアな認証自動化	サービスアカウントキーを廃止し、Workload Identity Pool/Provider と google-github-actions/auth@v2、permissions: id-token: write で GitHub Actions から GCP へキーレス認証する設定と attribute.repository 条件の注意点を説明する。	@fd_ai_teacher	23:29
49	Generative UI × WebMCPで「質問から画面を作る」ポートフォリオを作ってみた	React + Hono で、既存ポートフォリオの情報を WebMCP でツール化し、質問に応じて AI が表示内容・レイアウト・コンポーネントを決めて Design System で描画する Generative UI ポートフォリオを作った。初期は文章のみ出力になる課題があった。	@tk_1	23:41
50	ロリポップ！デプロイナウのプレビューにパスワード制限をかける	デプロイナウのプレビュー URL は知っていれば誰でも開けるため、プレビュー環境だけに PREVIEW_PASSWORD 環境変数を置き、Next.js は proxy.ts、Nuxt は Nitro プラグインで Cookie 認証する簡易パスワード制限を実装した。	@yu_9	23:43
51	【Laravel→TS移行記】TypeScriptのメリットと選定基準ーバックエンドもNext.jsー	20 年のエンジニアが Laravel から TypeScript へ移行する最大の理由はフロントとバックエンドの型定義共有で、Web 完結・少人数なら Next.js 単独、複数クライアントなら NestJS + Next.js、フロント無しの純 API なら Go 等を推奨する。	@togihara	23:56
52	KiroのSpec Driven Developmentを触ってみた ― AWSクイズアプリを要件定義から実装まで作る	Kiro の Spec Driven Development で requirements.md → 設計 → 11 タスクに分割して React + TypeScript + Vite の AWS クイズアプリを作成。EBS gp3 の最大 IOPS を 16,000 と誤答する古い仕様や循環論理のテストが生成された。	@sochaaaan	23:58

Qiita

#	Title	Summary	Author	Published
1	閉じるボタンのない広告のポップ画面を消去するプラグインです。	ニュースサイトで「閉じるボタン」のない広告ポップ画面が出たタイミングを検知し、alert の OK を押すと自動消去するプラグインをテストとして作成した。	@tecoyan	03:44
2	wslでelixir その186	wsl（wsl2 でない）の Elixir Livebook で Kino.JS.Live を使い、Live2D + Speech + リップシンクを動かすサンプルコードを掲載した連載第 186 回。	@ohisama@github	04:50
3	【AWS CloudFormation】構造・主要セクション・組み込み関数・用語の整理シート（SAA対策）	SAA 対策向けに CloudFormation テンプレートの Resources（必須）・Parameters 等のセクション、プロパティ、組み込み関数を「注文書」の比喩でメンタルモデル化して整理した。	@koddy-company	07:04
4	MCP新仕様のSEP-2468を確認する	2026-07-28 の MCP 仕様更新 SEP-2468 で認可サーバーが返す iss パラメータと認可サーバー URL の一致確認が追加（SHOULD）されたことを、MCP TypeScript SDK の OAuth 付き Dual-era サーバーで組み合わせ検証した。	@kanata564	08:12
5	「値を変えたのに見た目が変わらない」の正体は、下揃えflexの margin-top でした	align-items: flex-end の下揃え flex 内で「＋」ボタンの margin-top を 3 パターン振っても見た目が変わらないのは、下揃えでは margin-top が位置に効かないという CSS 仕様どおりの挙動だった。	@tarou_0818	09:05
6	なわばり — 数字は部屋の大きさを言わない。「どの席に座っているか」を言う。ヒント数がダイヤルでないパズルを実装した	パズル「なわばり」を 5 段ソルバー内蔵でブラウザ実装。出荷 72 盤・633 部屋で測ると数字配置が一意になる割合は 6×6 で 19.5%、8×8 で 3.3%、数字を 1 マス動かすと 50.1% が壊れた。	@sen-ltd	09:30
7	匿名ショート動画投稿サイトを作った話	サーバーなしで素の HTML/CSS/JS + GitHub Pages + Supabase + Cloudinary で TikTok 風の匿名ショート動画サイト SeaTubes を Claude に指示しながら構築。動画アップロード先の選定で迷走した顛末も書く。	@shumaistudio	10:04
8	匿名掲示板をお金をかけずに作った話	GitHub Pages と Supabase（PostgreSQL + Realtime）だけで動く匿名掲示板「40ちゃんねる」を単一 HTML ファイルで構築。画像は ImgBB API、広告は忍者 AdMax、サーバーサイドのコードは一切書いていない。	@shumaistudio	10:28
9	AWS MLA-C01受験備忘録	組込みエンジニアが AWS MLA-C01（Machine Learning Engineer Associate）を受験した備忘録で、AI Practitioner・ML Specialty との位置づけと学習内容を記録した。	@cnysntry	11:56
10	はじめてのAWS CLI（2/2）	Intel Mac で brew install awscli に 45 分かかった原因は、Homebrew が 2026 年 8 月 28 日に Intel Mac 向けビルド済みバイナリの提供をやめてローカルビルドになったためだった。	@tri-ponte	13:11
11	PostgreSQL で insert、update したレコードのフィールドを取得	PostgreSQL の insert/update/delete に returning {フィールド} を付けると変更されたレコードの id 等を取得でき、generated always as identity のテーブル例で確認した。	@dakikd	13:27
12	PostgreSQL の string_agg() で select 結果を文字列として連結	PostgreSQL の string_agg() で select 結果の id 1, 2, 3 を「1, 2, 3」のような 1 つの文字列に連結する方法をテーブル定義例付きで示した。	@dakikd	13:56
13	エラー対応設計: 例外と障害を区別しよう	エラー監視ツールへの通知は「障害」だけに絞るべきで、catch のたびに通知して伝播経路の数だけ重複する、入力不正（準正常系）の 400 まで通知するといったアンチパターンを挙げ、例外と障害の区別を CLAUDE.md 等で AI に指示できる指針にまとめた。	@megmogmog1965	14:02
14	受験体験記（AWS Certified Foundational AI Practitioner）	2026/08/23 に OnVUE のオンライン受験で AWS Certified AI Practitioner に合格。試験時間 90 分・65 問、English Proctor なら土日でも受験しやすく、Amazon Q Business など押さえ切れなかった語句を挙げた。	@mujulle	14:43
15	受験体験記（AWS Certified Foundational Cloud Practitioner）	2026/08/30 に OnVUE で AWS Certified Cloud Practitioner をキャンペーンクーポンで無料受験し合格。90 分・65 問で見直し終了時に残り 50 分、本棚に布を掛けるよう指示された。	@mujulle	14:55
16	YouTube連動ポモドーロタイマー『TubePomo』のコンポーネント構成	YouTube 連動ポモドーロタイマー「TubePomo」（集中と休憩で別プレイリストを再生）のコンポーネント構成を、URL からの動画・再生リスト ID 抽出と LocalStorage 同期フックに続く技術編として掘り下げた。	@takato0718	14:58
17	【AWS】RDS Blue/Green デプロイメントでMySQLをメジャーアップグレードしてみた	Single-AZ の本番 RDS MySQL を Blue/Green Deployments で 8.0 から 8.4（LTS）へメジャーアップグレード。切り替え前に新バージョンで接続確認でき接続先変更も不要だが、切り替え瞬間は無停止ではなく自動ロールバックも無い。	@jus1730	15:34
18	Prisma vs TypeORM: 初心者が選ぶべきORMはどっち？型安全・マイグレーション・採用実態を徹底比較	Prisma は schema.prisma から prisma generate でクエリ結果まで完全な型を生成し、TypeORM はエンティティクラスのデコレータで定義する違いを、型安全・マイグレーション・採用実態の 3 観点から初心者向けに比較した。	@felix-jp-studio	15:34
19	スライドの「動く矢印」をAIに作らせる — 自作GIFジェネレーターをMCPサーバー化した話	Google スライドには矢印を流すアニメーションが無く API でも設定できないため、透過 GIF を作る自作ツール FlowArrow の描画エンジンを Node に移植し、npx flowarrow の CLI と claude mcp add で使える MCP サーバーとして npm 公開した。	@yuAbe	15:58
20	子どもの「お手伝い × お小遣い × 金融学習」アプリ Finoko を一人で作ってみた	小中学生向け「お手伝い × お小遣い × 金融学習」アプリ Finoko を企画から開発・運用・課金まで一人で作り家族で毎日使っている概要編で、技術詳細は Zenn 連載に分けている。	@namespace	16:31
21	SmartMemo開発記録⑫ Pythonのinput()対応してみた	Markdown メモ内で Python を実行できる自作アプリ SmartMemo の開発記録第 12 回で、Python の input() を SmartMemo 上の入力フォームに置き換える仕組みを実装した。	@takekenkou	16:42
22	Lambda の90分への拡大は Managed Instances で実現する	2026 年 9 月 9 日に Lambda の関数タイムアウトが最大 90 分になったが、使えるのは自前アカウントの EC2 上で動かす Lambda Managed Instances（LMI）に載せた関数だけで、15 分の壁を越えるための移行手順をまとめた。	@nix	17:15
23	AWS初心者の勉強メモ：CloudFormationを使って最小構成のバッチ環境を作ってみた	AWS 学習として EventBridge が 1 時間ごとに Lambda を起動し結果を S3 へ保存する最小構成のサーバーレスバッチを CloudFormation の YAML テンプレートで構築した。	@CICICI0617	17:20
24	仕様駆動開発 × gpt-6-astra で家計簿アプリを作ったら、自分の作業は2〜3時間・コードのバグは1件だった件	レシートを撮ると Gemini が品目を「子ども費 / 夫婦生活費 / 対象外」に振り分ける家計簿を仕様駆動開発 × gpt-6-astra で作り、自分の作業は 2〜3 時間・コードは 1 行も書かず、AI のテスト 330 本通過後のバグは 1 件だった。	@kuririrn	17:30
25	【AWS】SDVのテレメトリ収集とOTA更新を模擬してみた	Python スクリプトを車両に見立て、AWS IoT Core へ 5 秒おきにテレメトリを送って DynamoDB に保存し、IoT Jobs でファームウェア更新を配信して非公開 S3 の署名付き URL からダウンロード・報告する SDV の流れを模擬した。	@phenyo_dikgomo	17:33
26	インスタレーション作品「baited」の行動モデル	懐中電灯で画面上の虫に光刺激を与えるインスタレーション作品「baited」の 250 体の虫について、走光性・探索・間欠運動・馴化（同じ刺激で離れ、消灯で回復）を 1 体ごとの行動モデルに分解して説明する。	@YukiSunaga	17:36
27	第2回　Pythonしか使ってこなかった人が、AIを相棒に在庫管理システムをJavaで作り直す	Python しか使ってこなかった著者が Java 21 / Spring Boot 3 + Supabase（PostgreSQL）+ Playwright + Antigravity CLI で在庫管理システムを作り直す連載第 2 回。ターミナルを 4 ペインに分けて進める。	@0903osa	17:40
28	実務経験ゼロからのバックエンド学習メモ【第1回: 予約管理システムを作る】	モバイルアプリ開発歴 5 年（Dart・Swift・Kotlin）・バックエンド歴 0 年の著者が、バックエンド設計・実装を学ぶ第 1 回として予約管理システムを作った。	@bluerabbits69	17:45
29	AWS/GCPの放置リソースを安全に一掃する自動化ツールの設計思想	停止中インスタンス・未アタッチ EIP・古いスナップショットなど AWS/GCP の「ゾンビリソース」を安全に一掃する自動化ツール CloudCost-Slasher の設計思想で、金銭損失より原因特定の調査・突合せ時間の方が問題だと主張する。	@TOAI	17:47
30	🔧Guest Demo公開後の総点検｜JST・Dashboard・Logout・Gemini timeout・PostgreSQL CIまで整えた	ベーカリー向け売上管理 Web アプリの本番公開後監査で Critical/High は 0 件だったが、JST 日付処理・Dashboard・logout・Gemini timeout・PostgreSQL CI を Change A〜H として整備し、実 PostgreSQL で再現した DailySales 初回登録の並行競合を原子的 UPSERT で修正した。	@tosane932	18:01
31	【学習記録】学習記録アプリ開発と振り返り	React 19.2.8 + Vite 8.2.2 で約 3 日かけて学習記録アプリを作成。未入力時のエラー表示とボタン非活性、合計学習時間の表示を実装し、バリデーションとエラーハンドリングで特に苦戦した。	@ryu0947	18:29
32	弱段はサーバ側 VAD に飲まれる：送る前に音声 RMS だけ上げる	クラウド STT のサーバー側適応 VAD は直前の大声に閾値を合わせるため遠場（amp 0.008 前後）の弱い発話が文ごと落ちる。送信直前に音声の RMS だけを TARGET=0.05 へ寄せ、床 3e-3 未満は更新しないことで対処した。	@Karentia	18:44
33	Webアプリにおけるキャッシュ設計入門	Web アプリのキャッシュ導入時に決める項目として、更新頻度が低く繰り返し参照されコストの高いデータの選定、ブラウザ・アプリ内メモリ・Redis・CDN といった保存場所、有効期限と更新・削除の仕組みを整理した。	@myaX	19:16
34	「AWS Certified Solutions Architect - Associate」合格体験記	AWS 実務経験 0 で Cloud Practitioner・AI Practitioner 取得済みの著者が AWS Certified Solutions Architect - Associate に合格し、Exam Prep Plan など使った参考書と学習方法を挙げた。	@Natu_ja	19:47
35	??を\|\|で書いてしまうと、0や空文字のデフォルト値処理が壊れる理由	input.count \|\| 10 と書くと count: 0 を渡しても 10 に上書きされる。\|\| は falsy 判定なので 0 や空文字が壊れ、null/undefined だけをデフォルトにしたいなら ?? を使うべきと示す。	@ennagara128	20:07
36	未経験エンジニアがReact Hooksを一から勉強してみた【フックの基本〜useMemo・useCallback編】	未経験入社のエンジニアが React 16.8（2019 年）で追加された Hooks の概念、フックのルール、useMemo・useCallback を一から学習して整理した。	@koxrtx	20:25
37	未経験エンジニアがReact Hooksを一から勉強してみた【useRef・useLayoutEffect・カスタムフック編】	前回の続きとして useRef（再描画を起こさず値を保持し DOM に直接触る）、useLayoutEffect、カスタムフックを未経験エンジニアの視点で整理した。	@koxrtx	20:25
38	knokcs アカウント登録なしの共有サービスを開発した話	k-nox.jp にアクセスすると「1.k-nox.jp」のようなスペース URL が発行され、QR コードか番号を伝えて参加リクエストで端末間共有する登録不要サービス「knocks」の概要とハマりポイントをまとめた。	@ctrlzr	20:36
39	:has()で不要になったJavaScript 10選	2023 年 12 月に Baseline widely available になった :has() で、input の blur 時に親 .field へ is-error を付けるような JS のクラス付け外しが CSS 1 行で済む例を Before/After 付きで 10 個示した。	@tofu_frontend	20:38
40	PostgreSQLの学習：ALTER TABLE・DROP TABLEでTableを変更・削除する	CREATE TABLE・INSERT・SELECT に続く PostgreSQL 学習として、DB Object とは何か、ALTER TABLE と DROP TABLE の違い、CREATE TABLE との使い分けを所要 10 分で整理した。	@masato_y	20:54
41	デジタル庁の「源内」を動かしてみた（前編）	デジタル庁の生成 AI 利活用基盤「源内 Web」（genai-web リポジトリ）を Ubuntu 24.04.4 LTS で動かすため、公式の簡潔すぎる事前準備を git/gh のインストールから CLI 手順として書き直した。	@ishikaha	21:26
42	【AWS】Bedrock Knowledge BasesにExcelの前処理パイプラインを作ってみた	Bedrock Knowledge Bases は .xls/.xlsx をデフォルトパーサーでしか処理できずマネージド処理から外れるため、どんな汚い Excel でも RAG に載る形に変換する前処理パイプラインを自作した。途中で検算自体が嘘をついていた。	@yakumo_09	21:30
43	壊れたセーブデータをどう検出するか【第34回】	React + TypeScript で Web RPG を作る連載第 34 回。JSON として読めない・必要な項目が無い・型が違う・想定外の値といった壊れたセーブデータを、どこまで確認すれば壊れていると判断できるかを整理する。	@mild_bonobo5557	21:40
44	PostgreSQL：CREATE DATABASEからSELECTまで実践	PostgreSQL 学習の確認テストとして練習用 Database と商品 Table を作成し SELECT まで自力で実行。途中のエラーと修正、Database・Schema・Table の用語を所要 15 分で整理した。	@masato_y	22:16
45	XとInstagramの仕様との戦い	X と Instagram の投稿を保存・検索する Chrome 拡張「SNS Manual Clipper」の Content Script で、X の投稿特定・引用ポスト・認証バッジ判定・画像 URL、Instagram の画像重複排除、Content Script の二重実行防止に苦労した解決策をまとめた。	@Sato_Suzu	22:30
46	IPアドレスをバージョン番号と読み間違える検査を書いてしまった	自動記事サイトの公開前ファクトチェック（fail-closed）で、CVE 対処記事の body-versions 検査が IP アドレスをバージョン番号と読み間違えて落とした。原因は正規表現の「バージョン番号とは何か」の定義だった。	@hashito	22:44
47	EMDR（眼球運動による脱感作と再処理法）アプリ	EMDR（眼球運動による脱感作と再処理法）用のスタンドアロン HTML アプリ EMDR.htm を公開。ダウンロードした HTML をダブルクリックでブラウザ動作し通信なし・広告なし。iPhone Safari ではローカル HTML の JavaScript が動かない。	@tootwotoh	22:49
48	AWSの通知をPushoverに中継してスマホから気付けるようにした話	Web 掲示板のスクレイピング更新通知と AWS の障害アラートを、SNS メールでは埋もれるため通知サービス Pushover に中継してスマホの Push 通知で受け取る仕組みを作った。	@KokoHakotaro	23:16
49	【AWS Organizations】一人アドミン検証まとめ【随時更新】	個人アカウントで AWS Organizations のマルチアカウント運用を一人アドミン視点で検証するシリーズ（org 環境作成・SCP/タグポリシー・IAM Identity Center 等）の一覧を、下書き 5 本を含めて随時更新する目次にした。	@yosuke-suzuki	23:31
50	ローカルLLM(Ollama)でTool-Callingエージェントを自作してみた	Claude Agent SDK を使う予定だったが費用面からローカル LLM（Ollama）に転換し、フレームワークを使わず自前のシンプルな Tool Calling ループを実装してエージェントの仕組みを理解する過程を記録した。	@yukisnow0704	23:40

Publickey

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

gihyo.jp

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

GIGAZINE

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

ITmedia News

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

TypeScript Blog

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

Node.js Blog

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

Astro Blog

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

Cloudflare Blog

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

Vercel Changelog

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

AWS What’s New

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

Google Cloud Blog

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

Supabase Blog

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

web.dev

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

Mozilla Hacks

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

CSS-Tricks

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

Smashing Magazine

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

Hacker News

#	Title	Summary	Published
1	Pocket Envelopes – Local-first envelope budgeting in one HTML file（Pocket Envelopes – 単一 HTML ファイルのローカルファースト封筒予算管理）	収入を仮想封筒に配分する封筒予算法を 1 つの HTML ファイル + 標準ライブラリだけの Python サーバー（GET/PUT /data）で実装。データは finance-data.json と 5 世代バックアップ、外部依存は同梱の Chart.js のみ。	01:20
2	Show HN: SimTower, Decompiled, Rewritten, and in the Browser（Show HN: SimTower を逆コンパイル・書き直してブラウザで）	1994 年の SimTower を Ghidra 逆コンパイル結果と AI 生成の原コード要約を基に Claude Code と 6 か月かけて書き直し WASM で Web 公開。Windows 版 1.0/1.1b の SIMTOWER.EXE からアセットを読み込む必要があり Mac 版は不可。	04:40
3	Show HN: PDF Pocket Tools – offline PDF toolkit as a single 200KB HTML file（Show HN: PDF Pocket Tools – 単一 200KB HTML ファイルのオフライン PDF ツールキット）	PDF の結合・ページ範囲の分割抽出・回転・視覚的な並べ替えと削除をブラウザ内で完全ローカル処理する単一 HTML（ppt_html5.zip 212KB）を itch.io で 1 ドル以上の買い切りで配布。生成 AI 未使用と明記。	17:59
4	Ask HN: Career paths to consider if I am better at supporting than creating?（Ask HN: 創るより支えるのが得意な場合に検討すべきキャリアパスは？）	約 9 年の経験の前半をバックエンド開発、後半を PO として働く投稿者が設計要求に苦しみ相談。25 ポイント・26 コメントでセールスエンジニア・QA・テスト自動化・DevEx・ソリューションアーキテクト・プリセールスが提案された。	20:47
5	SQLite natively supports JSON as output format（SQLite は JSON 出力形式をネイティブでサポートする）	Mastodon の quicktipp #121 で、sqlite3 の -json フラグまたは .mode json ドットコマンドで SELECT 結果を JSON 配列で出力し jq に渡せる例を示した投稿。本文はコマンド例の画像のみで説明文は無い。	21:35