Remix 3正式版、Pico CSSが開発終了ほか — Web Dev Digest: 2026‑10‑04
Top 20
Remix 3 正式版おめでとう。
Source: Zenn | Published: 2026-10-04 21:38 JST
- 個人 Web アプリを Remix 3 beta(3.0.0-beta.4)から正式版 3.0.0 へ上げたところ配信ビルドが 48 件のエラーで止まり、472 件の型エラーの原因は 5 つに集約できると判明した
remix/uiがremix/componentに改名されており、tsconfig.json とすべての import を書き換えた- DB は
createDatabase(adapter)からcreateSqliteDatabase()などの型別関数に変わり、マイグレーションもランナーではなくdb.migrate()/db.migrationStatus()の直接呼び出しになった remix/data-table/postgresがpg(node-postgres)を必須とし、URL パラメータの.が%2Eにエンコードされて:keyが一致しなくなったためファイルパスは/*keyに変えたinnerHTMLへの生文字列代入はunsafeHTML()で包む必要があり、修正後に 359 件のテストが通り、本番 DB はマイグレーション記録の形式が変わっていなかったためそのまま移行できた
Pico CSS is no longer maintained (final release v2.1.1)(Pico CSS はメンテナンス終了、最終リリースは v2.1.1)
Source: Hacker News | Published: 2026-10-04 13:56 JST
- Pico CSS の公式メンテナンスページで開発終了が告知され、v2.1.1 が最終リリースになった(告知ページに掲載日の記載はない)
- 理由として、AI が必要な CSS だけを含む軽量でアクセシブルな HTML を生成できるようになり、最小構成の CSS フレームワークの意義が薄れたことを挙げた
- 継続するには Sass ベースから OKLCH カラー・カスケードレイヤー・Popover・アンカーポジショニングを使う形への大幅な書き直しが必要だと説明している
- npm パッケージ・jsDelivr CDN・Web サイトは公開を続ける一方、リポジトリはアーカイブされ、MIT ライセンスのフォークは別名で行うよう求めた
- HN 投稿者は互換の後継として Blades CSS を挙げ、Flask/Jinja コミュニティサイト・Grav CMS v2・FastHTML が採用済みとし、コメントで anyblades/blades と anyblades/pico のリポジトリを示した
「JavaScript Primer」を読み終えて 〜 技術書の備忘録
Source: Zenn | Published: 2026-10-04 00:29 JST
- Rails / Next.js で開発する著者が『JavaScript Primer』を読み、React で手が止まる原因はフレームワークではなく非同期処理など JavaScript 自体の理解不足だったと結論づけた
.then()のコールバックでreturnを省くとエラーが外側の.catch()に届かずUncaught (in promise)になると整理したtryブロック内でreturn awaitを付けないと Promise をそのまま返して関数を抜け、後続の reject がcatchに入らないと確認した- Fetch API では 404 / 500 は reject されず
response.okがfalseになるだけで、ネットワークエラーとは扱いが異なる点を押さえた - アウトプットとしてフレームワーク・ビルドツールなしの素の HTML / JavaScript で GitHub API からユーザー情報を表示する「js-primer-ajax」を作り、タグ付きテンプレートで XSS をエスケープした
クリーンアーキテクチャの前にOOPをPythonとTypeScriptで学んだ
Source: Zenn | Published: 2026-10-04 01:22 JST
- SQL と手続き型 Python しか書いてこなかった著者が銀行口座と通知システムを Python と TypeScript で実装し、「ビジネスロジックと I/O の分離」「抽象への依存」は OOP の基本原則の延長だと結論づけた
- 銀行口座は不変の
Transaction、集合を扱うTransactionHistory、残高と検証を担うBankAccountに分け、失敗は真偽値ではなくドメイン例外で伝えた BankAccountはTransactionHistoryを継承せず保持するコンポジションで組み、Python ではfrozen=Trueの dataclass で不変性を担保した- 通知システムは抽象クラス
BaseNotificationを Email・Slack・SMS が継承し、NotificationServiceが具体型を知らずに複数チャネルへ送るポリモーフィズムを示した - 未実装の抽象メソッドは Python の
ABCでは実行時にTypeError、TypeScript ではコンパイル時に検出され、TypeScript の方が早く気づけると比較した
Laravel + ViteでReact/Vueを動かす — 素直な構築手順を整理する
Source: Zenn | Published: 2026-10-04 01:40 JST
- Laravel 12(PHP 8.4)標準の Vite 7 と
laravel-vite-plugin2.x を土台に、Blade が返す画面のコンテナ要素へ React / Vue コンポーネントを差し込む構成で両方を動かせると示した - React は
reactreact-domと@vitejs/plugin-react、Vue はvueと@vitejs/plugin-vueを入れて vite.config.js に登録し、同一プロジェクトでの共存もできる - React では Blade で
@viteReactRefreshを@viteより前に置かないと Fast Refresh(HMR)が効かず、Vue は@viteだけでよい - Docker では Vite が localhost にしかバインドしないため
server.host: '0.0.0.0'が必要で、Vue ではアセットパス解決のためtransformAssetUrlsの設定も要る - Blade から JS へのデータは
data-*属性とel.datasetで渡し、本番ではnpm run buildでpublic/build/manifest.jsonを生成しないとデプロイに失敗すると注意した
スクレイパーの「精度が低い」は自作バグか仕様か — 手作業再現で切り分ける実践手順
Source: Qiita | Published: 2026-10-04 02:00 JST
- Chrome 拡張で求人サイトの企業一覧を CSV 化したところ「IT 業種で検索したのに建設・物流が混ざる」と報告され、手作業で再現するとプラットフォーム側の関連業種提示と自作コードのスコープ不備の両方が原因と判明した
- 検証環境は Chrome 126(Manifest V3 / Content Scripts)、TypeScript 5.4 + Vite 5、突き合わせ用の Playwright 1.44、Node.js 20.12
- 切り分けは拡張を無効にして同じキーワード・フィルタ・ページ番号で検索し、10〜20 件の業種名を手で書き出して CSV と照合する手順で行った
- 自作側はおすすめ枠と広告枠のカードまで拾っていたため、
container.querySelectorAll(':scope ...')でコンテナ内に限定し、isSponsoredフラグで広告行を区別した - コードを疑う前に同条件で手作業再現して責任がプラットフォームか自分かを確定させないと、ユーザーへの回答を誤ると結論づけた
チャット翻訳をデモで終わらせない:編集・連打・誤訳に耐える受理条件をTypeScriptで作る
Source: Qiita | Published: 2026-10-04 02:09 JST
- Tencent RTC の TUIChat でメッセージ翻訳を使う前提で、翻訳結果は
messageKey + revision + sourceHash + targetLanguage + requestIdがすべて現在の状態と一致したときだけ画面に採用すべきだと結論づけた - 翻訳中に送信者が編集すると
revisionが進むため、依頼時と結果到着時で食い違えば stale として破棄する - 翻訳ボタンの連打にはメッセージ×言語ごとに最新の
requestIdを保持し、古いリクエストの結果が新しい訳を上書きしないようにした - 削除済みメッセージへの結果も stale として拒否し、翻訳文は原文を置き換えず並べて表示して誤訳報告・再翻訳ができるようにした
- 誤訳報告は担当チーム(コミュニティ運営または trust/safety)と open / reviewing / resolved / rejected の状態を持つケースとして扱い、
openの担当者と原文削除時の扱いを導入前に決める必要があると主張している
Angularフレームワーク入門:TypeScriptベースのフルスタックフロントエンドフレームワークを理解する
Source: Qiita | Published: 2026-10-04 07:07 JST
- 2026 年 9 月時点の安定版は 2026 年 6 月リリースの Angular 22 でメジャーリリースは半年ごとだと整理し、Angular は大規模・長期運用のエンタープライズ SPA に向くと結論づけた
- コンポーネントは TypeScript クラスに
@Componentデコレータを付けて定義し、TypeScript の利用が前提になる - 記事が Angular 17 で導入されたとする Signals(
signal()/update())により、変更のあったコンポーネントだけを再描画するきめ細かな変更追跡ができる - Angular 14 以降は
standalone: trueでNgModuleが不要になり、@Injectable({ providedIn: 'root' })のサービスは DI コンテナがシングルトンとして管理する - ルーティング・
HttpClient・フォーム・RxJS を標準で内包し、ng new/ng generate component/ng serve/ng buildで開発を進める点を UI ライブラリの React と対比した
PowerShell 5.1 の単一引用符を閉じる文字は、このPCで1文字ずつ試すと5つだった — 65,536符号単位を構文解析器に通して数えた
Source: Qiita | Published: 2026-10-04 07:13 JST
- Windows PowerShell 5.1(5.1.26100.9444)で単一引用符の文字列を閉じる文字は U+0027・U+2018・U+2019・U+201A・U+201B の 5 つだと全数検査で判明した
- きっかけは Node.js から
powershell.exe -Commandに利用者の入力を単一引用符で埋め込むツールで、'を''に二重化するだけでは注入の穴が残っていた - 0x0000〜0xFFFF の 65,536 UTF-16 符号単位を
'a<c>b'の形でSystem.Management.Automation.Language.Parser::ParseInputに通し、単一の StringLiteral かつパースエラー 0 かで判定した - 当初は U+0027・U+2018・U+2019 の 3 文字だけを二重化して直したつもりだったが、翌朝 U+201A と U+201B でも文字列が閉じてコマンド注入が可能だと分かった
- 対策として、信頼できない入力では 5 文字すべてをそれぞれ 2 つ重ねてから単一引用符で囲む JavaScript 関数を示した
node:sqliteのchangesetとpatchsetで競合時の差を検証する
Source: Zenn | Published: 2026-10-04 07:36 JST
- Node.js v26.0.0 の
node:sqliteで同じ行を送信側・受信側の双方が更新した場合、changeset は更新前の値の不一致を競合として検出するが、patchset は検出せず受信側の値を黙って上書きすると判明した DatabaseSync()でインメモリ DB を作り、createSession()で変更を記録し、applyChangeset()のonConflictコールバックで競合を処理した(macOS arm64)- changeset の競合は
SQLITE_CHANGESET_DATAとしてコールバックに渡された - 既定の ABORT は適用全体をロールバックし、OMIT は競合した更新だけ飛ばして新規 INSERT などは適用し、REPLACE は受信側の変更を送信側の値で上書きした
- 「差分が小さい」ことだけで patchset を選ぶと更新前イメージの検証を失いデータが警告なく失われうるため、競合検出が要る場面では changeset を使うべきだと結論づけた
React で Google Maps Platform を使ったホテル検索アプリを作る
Source: Qiita | Published: 2026-10-04 08:58 JST
- Vite 8.3.0・React 19.2.8・
@vis.gl/react-google-maps1.10.1 で、Maps JavaScript API と Places API (New) を組み合わせたホテル検索アプリを構築できると示した - ホテル検索には
Place.searchByText()を使い、旧PlacesServiceは所定の日付以降の新規利用者には提供されないため新 API が標準になったと説明した <APIProvider><Map><AdvancedMarker><Pin><InfoWindow>とuseMap()useMapsLibrary()で地図・ピン・吹き出しを構成し、非推奨のMarkerは使わないAdvancedMarkerには Map ID が必須だが開発中はテスト用のDEMO_MAP_IDで動き、API キーはリファラ(http://localhost:5173/*)と利用 API で制限したsearchByText()のfields指定で課金額が決まるため名前・位置・住所だけを取得し、結果はfitBounds()で地図範囲に反映してlocationBiasで地図中心付近を優先した
TypeScript Books(TypeScript 書籍リスト)
Source: Hacker News | Published: 2026-10-04 23:34 JST
- tscollege/typescript-books は入門から上級までの TypeScript 書籍を集めた GitHub のキュレーションリストで、CC0 1.0 のため帰属表示なしで利用できる
- 構成は Beginner 3 冊・Intermediate 3 冊・Advanced 5 冊・React + TypeScript 3 冊・Node.js + TypeScript 2 冊と、無料・オンライン資料のセクション
- 最初の 1 冊には Josh Goldberg『Learning TypeScript』を推している
- Dan Vanderkam『Effective TypeScript』をベストプラクティスの定番、Matt Pocock『Total TypeScript』を型レベルプログラミング向けとして挙げた
- 無料資料として『TypeScript Deep Dive』と Microsoft 公式の TypeScript Handbook を載せており、リポジトリのページに作成日・更新日の記載は見当たらなかった
Guillermo Rauch: “We’ve confirmed a KVM 0day through our Vercel bounty program”(Guillermo Rauch「Vercel のバウンティプログラムで KVM の 0day を確認した」)
Source: Hacker News | Published: 2026-10-04 01:27 JST
- Vercel の Guillermo Rauch が、Vercel Sandbox のバグバウンティプログラムを通じて KVM の 0day を確認したと X で発表した(投稿は 2026-10-03 15:12 UTC)
- 影響は「Linux 仮想化の業界標準ソリューション」に及ぶとし、詳細な writeup は後日公開するとしている
- 研究者の Paulos Yibelo らに謝意を示し、エージェント向けに最も安全なサンドボックスを作る取り組みの一環だと位置づけた
- 引用元の Paulos Yibelo の投稿(同日 13:40 UTC)は、業界標準ハイパーバイザーでゲストからホストの root を得る完全な VM エスケープだと説明している
- x.com は WebFetch で HTTP 402 を返したため本文は fxtwitter API 経由で確認し、HN 上ではコメントは付いていなかった
Row-level security performance in PostgreSQL, measured(PostgreSQL の行レベルセキュリティの性能を実測)
Source: Hacker News | Published: 2026-10-04 11:12 JST
- PostgreSQL 17.10 で RLS を実測した結果、適切なインデックスがあればポリシーはインデックス検索そのものになり、
nullif(current_setting(...))型の単純なポリシーは RLS なしと同等の速度だったと判明した(2026 年 10 月 1 日公開) - データは 1,000 テナント・1,998,794 件の請求書(最大テナント 267,023 行、中央値 534 行)で、
(tenant_id, issued_on)にインデックスを張りウォームキャッシュで各 5 回測った - RLS なしの基準は大規模テナントで 11.0ms、小さなクエリで 0.20〜0.39ms だった
- ポリシーに PL/pgSQL の VOLATILE 関数を使うとシーケンシャルスキャンで 1,877〜1,920ms(約 80 倍)、メンバーシップのサブクエリで 79〜99ms、非 leakproof 関数で 34〜45ms、SECURITY DEFINER の SQL 関数で 3,804〜4,600ms に悪化した
- 対策として補助関数を
STABLE/PARALLEL SAFEにする、(select ...)で包んでクエリごとに 1 回だけ評価する、所属はリクエスト開始時に解決して設定値に入れる、lower()の生成列にインデックスを張る、アプリのロールでEXPLAINすることを推奨した
Svelte UI library – looking for feedback and users(Svelte UI ライブラリ:フィードバックと利用者を募集)
Source: Hacker News | Published: 2026-10-04 17:04 JST
- Sivir UI は 58 個のテーマ対応 Svelte コンポーネントを提供する UI ライブラリで、作者が HN でフィードバックと利用者を募った
- 色・フォント・角丸・モーションを 1 つのテーマで設定すると、すべてのコンポーネントがそのデザインに従う仕組みをうたう
- アプリと AI インターフェース向けとして、会話スレッド・レスポンスストリーム・select / combobox・コマンドパレットなどを含む
bunx @sivir-ui/svelte init -yの CLI で導入でき、コーディングエージェントにドキュメントを読ませて使う方法も案内している- サイト上のバージョンは v0.4.1 で、対応する Svelte のバージョンやライセンスはトップページに記載がなかった
localhostを爆速でインターネットへ安全に公開する「Cloudflare Quick Tunnels」、たった1つのコマンドで暗号化された公開URLを作成可能でアカウント・DNSレコード・ポート開放は一切不要
Source: GIGAZINE | Published: 2026-10-04 12:00 JST
- GIGAZINE が Cloudflare Quick Tunnels を Windows 11 で試し、アカウント登録・DNS 設定・ポート開放なしに
cloudflared tunnel --url http://localhost:8000の 1 コマンドで localhost を公開できると確認した cloudflaredはwinget install Cloudflare.cloudflaredで導入し、生成される URL は trycloudflare.com のランダムなサブドメインになる- Python の組み込み HTTP サーバーで 8000 番に立てたテストページを、別回線のスマートフォンから開けることを確かめた
--output jsonで AI エージェント向けの JSON 出力ができ、--allowed-mailでワンタイム PIN によるメール認証の制限もかけられる- 1 トンネルあたり 200 リクエストの上限があり SSE は非対応で、cloudflared を終了すると URL は即座に無効になり、起動のたびに別のホスト名になる
All Articles
Zenn
| # | Title | Summary | Author | Published |
|---|---|---|---|---|
| 1 | AI が書いた大量のテストを人間がレビューするために、テスト仕様書を生成するツールを作ってみた | AIが書いた大量のテストを人間がレビューしやすいよう、テストコードから読みやすいテスト仕様書を出力するツールを作った | @tora29 | 00:00 |
| 2 | Base32 のデコーダを書いたら、MY====== と MZ====== が同じ f に戻ってきた | RFC 4648のテストベクタと照合した自作Base32デコーダで、MY======とMZ======がどちらも「f」に復号される挙動を確かめた | @hashitoz | 00:19 |
| 3 | 【完全版】Professional Security Operations Engineer 整理ノート | Google CloudのProfessional Security Operations Engineer合格向けの整理ノートで、解説に加え101問の実践クイズを収録している | @tatsuqumo | 00:26 |
| 4 | 受注が入ると地球儀にビームが飛ぶ営業ライブボードを、ライブラリなしでClaudeと作った話 | 受注ごとに地球儀上をビームが飛びランキングが入れ替わる営業ライブボードのデモを、ライブラリなしでClaudeに実装させた | @arima_dev_lab | 00:29 |
| 5 | 【合格体験記】Professional Security Operations Engineer を10時間で合格するためにしたこと | 2025年9月GAのGoogle Cloud新資格PSOEを日本語版で受験し、10時間の学習で合格した教材と自作まとめシートを公開した | @tatsuqumo | 00:34 |
| 6 | 『人月の神話』のブルックスの法則を、放置ゲームの仕組みにしてみた | 受託開発会社を上場まで育てる放置ゲーム「人月カンパニー」をWorkersで公開し、ブルックスの法則をゲームの仕組みに組み込んだ | @jcat_aki | 00:36 |
| 7 | TerraformによるPCI DSS検証ラボ構築(4)~ Cloudflare Zero TrustとSplunkによる通信制御の実証 ~ | 連載最終回で、AWS上のPCI DSS検証ラボのSplunkをCloudflare Tunnel+Accessで公開し、CDEへの不正通信4パターンをVPC Flow Logsで確認した | @nyondev | 00:44 |
| 8 | Responses API を Chat Completions に変換する中継で、空の応答を「成功」にしないために | API中継Kunavoの運営者が、Responses APIをChat Completions形式へ変換する中継で空の応答が成功扱いになっていた問題を2026-10-01に修正した | @kunavo | 03:42 |
| 9 | 社外向けの画面説明を 1 枚の HTML の紙芝居にした: 表示の出し分け・日英切替・地図のフォールバック | 社内HTMLモックから社外向け説明資料を作り、実画面表示の切替フラグ・日英切替・疑似地図フォールバックを画像までdata URI埋め込みの単一HTMLにした | @y3chi5z | 07:16 |
| 10 | 【個人開発】Jev×Gemini×Mineflayerで月数円で動くマイクラAI Botの設計パターン【GitHub公開】 | Jevを指示整理の層、Geminiを行動決定、Mineflayerをマイクラ接続、Cloudflare Workersを受付窓口に分け、月数円で動くAI Botの設計例を示した | @fk2000 | 08:03 |
| 11 | CDKかTerraformかは「誰が状態を持ち、何をレビューするか」で決める — 2026年版の選定軸 | CDKTFが2025年12月にsunsetした前提で、CDKとTerraformの選定は言語の好みでなく状態管理・差分形式・管理範囲の3点で決めるべきと主張した | @xim2jp_tokyo | 08:26 |
| 12 | Cloudflareのオープン決定モデル「Clef」入門:軽量・高速なAI推論とRL強化学習 | Cloudflareのオープンウェイト判定モデル「Clef」について、巨大LLMを毎回呼ばず強化学習で最適化した軽量モデルで意思決定する狙いを整理した | @ament3 | 09:25 |
| 13 | AuroraのI/O料金はオンプレのIOPSから換算できない | AuroraのI/Oリクエスト料金はオンプレのIOPSから換算できず、検証環境でVolumeReadIOPs/VolumeWriteIOPsを実測して月間値へスケールすべきと結論づけた | @techdbblog | 09:43 |
| 14 | sharp で最大幅・最大高さのリサイズを CLI に足したら、EXIF の向きで縦横の判定がずれた | sharp製画像圧縮CLI「FitImage」v0.6.0に—max-width/—max-heightを足した際、EXIFの向き情報で縦横判定がずれる問題に当たった | @serotoninmax | 10:09 |
| 15 | AWS認定デベロッパーアソシエイト(DVA-C02)に合格したので、勉強の進め方と学んだことをまとめる | 2026年9月にAWS DVA-C02に合格した実務4年のフルスタックエンジニアが、教材の使い分けと勉強時間、本番の所感をまとめた | @raamenwakamatu | 10:38 |
| 16 | 【1日1デプロイ】分岐を先回りする「カチッと朝やけ駅」を作った | 「1日1デプロイ」の新作として、分岐A・Bを切り替えて列車を月・星・太陽のホームへ導くブラウザゲーム「カチッと朝やけ駅」を公開した | @boraemon2000 | 11:04 |
| 17 | Claude Codeに書かせてばかりの自分が不安になったので、「何をやったか」を振り返るCLIを作った | Claude Codeに書かせてばかりで「今日何をやったか」を説明できない不安から、AIとのセッション履歴を振り返るCLIを作った | @haruto_y | 11:07 |
| 18 | N+1問題とは? フロントの「mapの中でfetch」がバックエンドで起きると遅くなる理由 | N+1問題をフロントのitems.map(fetch)と同じ形として説明し、「1件ずつ取る」をやめて「まとめて取る」のが修正の原則だとした | @gaku_wtnb | 11:28 |
| 19 | 【第1回】AIエージェント(Cline)と共同で5時間デプロイ!喫煙・吸い殻・灰皿の報告マップ「Sootera」の紹介と全技術スタック | VSCodeのAIエージェントClineと5時間で路上喫煙・吸い殻・灰皿の匿名報告マップ「Sootera」を開発・公開し、技術スタックを明かした | @yutakan | 11:41 |
| 20 | D1の深いOFFSETをカーソルへ変える。読取り行数と途中挿入を比較する | ローカルD1に10万行を入れ、LIMIT/OFFSETとカーソルで同じ20件を取得して読取り行数とページ間の途中挿入時の違いを比べた | @hirodeath | 12:01 |
| 21 | Vercel × GCP Workload Identity ─ サービスアカウントキー不要のキーレス認証実装 | Vercel上のNext.jsからCloud Run・BigQueryを呼ぶ際、サービスアカウントキーを環境変数に置かずWorkload Identityでキーレス認証する構成を示した | @correlate | 12:06 |
| 22 | AWSの知識ゼロでも、AIに説明させれば構成が読める | Route 53・CloudFront・S3・ALB・ECS(Fargate)・RDSの典型構成を例に、AWS知識ゼロでもAIに説明させて構成を読み解く手順を示した | @shoyomayabot | 12:18 |
| 23 | 生成AIに「それっぽいスキル」を作らせない:日記の原文IDで出力を検証する | 日記からスキル名を付けるiPhoneアプリ「日々の森」で、日記の原文IDで裏づけられない生成結果はサーバー側で保存しない仕組みにした | @zguo | 12:20 |
| 24 | ServiceNow Agentic WorkflowからGCPの外部エージェントにA2Aプロトコルで接続する | ServiceNowのAgentic WorkflowからGoogle Cloud上の外部AIエージェントへA2Aプロトコルで接続し、マルチエージェント連携を構成した | @muragaku | 13:08 |
| 25 | AWS認定SAPに合格したぜ! | 2026年2月のSAA合格から約7か月後の9月下旬にAWS認定SAPに合格し、受験日を先に決め試験2週間前から問題演習サービスを使った | @yamadatt | 14:41 |
| 26 | AIに「売上0円で達成できる基準は書くな」とプロンプトに書いた話 | 成功・失敗の基準を開始前に凍結するため、AIに実験計画を作らせるプロンプトに「売上0円で必ず達成される基準は書かない」と明記した | @sukoshift | 14:43 |
| 27 | Webデザイン学習記録18:URL操作、ブール属性の設定 | select/optionのプルダウンで選んだタイミングにlocationでページを移動する方法と、ブール属性の設定を日英中3言語のページで学んだ | @macaronian | 15:24 |
| 28 | 斜めから撮った紙面もOCRしたい — Chrome拡張に透視変換UIを追加しました! | Chrome拡張「オフラインOCR」v0.9.0に、4つのハンドルで歪みを補正してから文字を選ぶ透視変換モードを追加しストア審査に出した | @tamoco | 15:28 |
| 29 | Google Cloud & Google AI 最新アップデート:2026年9月 | Gemini 4シリーズ初のフロンティアモデルで100万トークン出力のGemini 4 Argonなど、2026年9月のGoogle Cloud/Google AIの更新を月次でまとめた | @bharen | 15:31 |
| 30 | Cloudflare Birthday Week 2026 Day5(Cloudflare Birthday Week 2026 の 5 日目) | Cloudflare Birthday Week 2026のDay5はログ・トレースなど運用系の発表が多く、Quick Tunnelsのメール認証やAI GatewayのWeb検索APIが登場した | @nekoya3 | 15:46 |
| 31 | Claude Codeのmodで「Claudeがどこまで読んだか」を可視化した | 2026年10月1日のClaude Code v2.1.287で使えるようになったmodで、Claudeがコードベースのどのファイルを読んだかを可視化した | @z_maruhira | 15:52 |
| 32 | Writeup for Springing(Springing の解法) | AlpacaHackの「Springing」のwriteupで、AdminController.javaの/adminに置かれたフラグをSpring Securityのアクセス条件を調べて取得した | @toumorocorn | 15:53 |
| 33 | Expo + Supabaseの個人開発アプリをTestFlightに出すまでにハマった4つのこと | デジタルデトックス育成ゲーム「Hotamon」をExpo(React Native)+SupabaseでTestFlightに出すまでにハマった4つの点を挙げた | @ksg1 | 16:16 |
| 34 | ずんだもんと学ぶTerraform:実践編 | ずんだもんと四国めたんの対話形式で、環境分割・モジュール設計・import・GitHub ActionsのCI/CD・テストなどTerraformのチーム運用を扱う実践書 | @bonobono | 16:32 |
| 35 | インフラ監視を3Dにしたら、電脳世界っぽくなってきた | 既存のインフラ監視UIに不満を持つバックエンドエンジニアが、Claude Codeに全部書かせて電脳世界風の3Dインフラ監視ツールを作った | @owlworldlab | 16:41 |
| 36 | SELECT も UPDATE も書ける。でも「同時に保存されたら?」と聞かれて詰まる人へ ― 楽観ロック・大量更新・実行計画 | 「2人が同時に保存したら?」「本番300万件でUPDATEして大丈夫?」に答えるため、楽観ロック・大量更新・実行計画の3つを押さえる | @kei_takashiba | 16:51 |
| 37 | AWS budgets、Cost anomaly detection周りの設定整理 | 2026/10/04時点でAWS Budgetsのアラートは1予算あたり最大10個(書籍の5個から更新)と確認し、Cost Anomaly Detectionの設定も整理した | @nagatoshi | 16:53 |
| 38 | VueUseのIssue対応記録: v-element-sizeの修正から見るResizeObserverの値をwatchする際の注意点 | VueUseのv-element-sizeがborder-box指定時にマウント時のハンドラを呼ばない不具合を、ResizeObserverとwatchの挙動から突き止めPR #5524で修正した | @metasyntax | 17:04 |
| 39 | Datadogで送信元IPが取れない? ALB・Nginx経由のIPを確認する | Datadog MonitorのHTTP 502通知に送信元IPを出すため、ALB・Nginx経由でLogs Explorerに実際の送信元IPが取れているかを確かめた | @naoki_mm | 17:32 |
| 40 | TypeScriptでTypeScriptを学ぶサービスを作った | コードを1文字ずつ打つ代わりに選択肢をタップして組み立てるTypeScript学習サービス「TypeTrail」を作り、GitHubで公開した | @dkdk443 | 17:43 |
| 41 | AI に頼んで独自ドメインの個人サイトを低コストでつくって公開する | Claude CodeやCodexに頼み、独自ドメインのプロフィールサイトをCloudflare無料枠とGitHub連携の自動公開でサーバー代なしに公開した | @takaha4k | 17:57 |
| 42 | Writeup for curl as a service(curl as a service の解法) | AlpacaHackの「curl as a service」のwriteupで、URLを渡すとcurlを実行するサーバーから推測できない名前のフラグファイルを取得した | @toumorocorn | 18:07 |
| 43 | ブラウザはHTTPSで何を確認している? 証明書を初めて学ぶ人のための入門 | ブラウザはHTTPSで証明書をそのまま信用せず、アクセス先の名前・有効期間・信頼のつながりを確認していると概念図で説明した | @pki_security | 18:10 |
| 44 | Claude Codeのcompactionをロスレスにしたら、52秒が0.26秒になった | Claude Codeの約57.6万トークンの会話で組み込み/compactは51.8秒かかったが、自作プラグインlossless-compactionでは0.26秒になった | @yottayoshida | 18:17 |
| 45 | 【翻訳】Strands Decider 2B の紹介:小さなオープンソースの判断モデル | 2026年10月1日公開のStrands Agents公式ブログ「Introducing Strands Decider 2B」の日本語訳で、2Bの小型オープンソース判断モデルを扱う | @ndmxjp | 18:50 |
| 46 | 個人開発を支えるAmazon Bedrock実践 ─ Claude Haiku × CDKで本番サービスを作る | 「ジム迷子診断」で本番運用するBedrock+Claude Haiku構成を、jp.推論プロファイルの国内完結構成やCDK化、1診断0.7円のコスト設計まで書籍化した | @yatsu3019 | 18:56 |
| 47 | AI.FORECASTとTimesFM — 学習不要で時系列予測する | シリーズ第14回で、BigQueryのAI.FORECASTが時系列基盤モデルTimesFMを使い学習なしにSQL1本で予測値を返すことを示した | @web_benriya | 19:17 |
| 48 | CopilotやClaude CodeのVSCode拡張での会話コストを計算する | Copilot/Claude CodeのVSCode拡張が書き出すセッションログをSQLiteに集計するWebアプリを作り、Claude Codeは365リクエストで40.42ドルと算出した | @maratishe | 20:58 |
| 49 | LLM に投げる前に「判定専用」モデル Jev で振り分けて、AI 翻訳レビューの呼び出しを 4 割減らした | ゲーム翻訳のAIレビューでLLMの前に判定専用モデルJevを置き、100件の評価で指摘の96%を残しつつLLM呼び出しを4割減らした | @kota_m | 20:59 |
| 50 | 35日でフロントエンドの基礎を完全に理解する #2 - モダンJavaScript基礎 | 35日でフロントエンドの基礎を学ぶ連載の第2回で、Vueでも毎ページ使うモダンJavaScriptの書き方を🔴🟡⚪の重要度別に整理した | @kipcop | 21:02 |
| 51 | 国勢調査と job tag で、日本の仕事556職種を1枚の地図にした | 国勢調査とjob tagをもとに、日本の仕事を19の島・556の街(職種)・7,501軒の家(業務)からなる1枚の地図にしてブラウザで動かした | @sumobiji | 21:12 |
| 52 | AI に「テストを書いて」と言うと、絶対に落ちないテストが増える | AIにテストを書かせてカバレッジが40%から85%、テストが300本超になったが、その後の障害は1つもテストで止まらなかったと報告した | @maruchi777 | 21:14 |
| 53 | Google CloudのArtifact Registry | Artifact Registryはパッケージやコンテナイメージを1か所で保管でき、Cloud BuildやGKE・Cloud Runと連携できると公式資料から整理した | @nowex35 | 21:39 |
| 54 | 買い物上手になるぞ!|Database Savings Plans 編 | 職場で依頼されたDatabase Savings Plansの購入手順と、コミット額を入力ミスして買った際の対処、導入後の実際の削減額を示した | @yoss_k3 | 22:00 |
| 55 | 【第2回】AIコーディングで激突した8つの壁|手戻りが一番高くつく | Sootera開発でClineと当たったnpm不動作・Edge Functionの500・CORS・MapLibreの型エラーなど8つの壁から、手戻りが最も高くつくと結論づけた | @yutakan | 22:03 |
| 56 | Antigravity CLI(agy)を Docker / Cloud Run から呼び出すときにハマること | Antigravity CLI(agy)をDocker/Cloud Runから呼び出し、Blenderアセット生成のコード作成から実行・修正までを任せる際のハマりどころを示した | @naiki9982 | 22:12 |
| 57 | Chrome拡張機能開発 #3 (2026-10-03) | Chrome拡張開発の第3回で、作業記録のエラー種別ごとのメッセージ出し分け・クライアントと案件の変更・記録の削除を実装した | @kengohidaka | 22:30 |
| 58 | ブラウザでどこまで飛べるか。ポートフォリオの森に、四元数で宙返りを入れた | Three.jsベースのポートフォリオの森に四元数を使った飛行コントローラを入れ、オイラー角のジンバルロックを避けて宙返りを可能にした | @hocky3 | 22:30 |
| 59 | Google CloudのGKE Autopilot | GKE Autopilotではノード・スケーリング・セキュリティをGoogleが管理し、負荷増加時はノードが自動でプロビジョニングされると整理した | @nowex35 | 22:37 |
| 60 | 天球を内側から見ると左右が逆になる: 地上視点の射影とドラッグの向き | Canvas 2Dの天球図に地上視点を足すと右向きベクトル・ドラッグ式・カメラ状態の3つが逆になり、原因は視線の向きが反転することだった | @kodomo_news | 22:52 |
| 61 | AWSにGitLab(Self-hosted)をインストールし、API経由でユーザー追加する | EC2(t3a.large)にGitLab Self-hostedを入れ、自己署名証明書でHTTPS化してローカルからAPIでユーザー作成とグループ追加を行った | @yukiesann39 | 23:21 |
| 62 | Cloudflare の判定モデル Clef を Workers AI で触ってみた | Workers AIで@cf/cloudflare/clef-flashとclefを呼び問い合わせを3担当に振り分け、clef-flashは中央値166ms、clefは約406msで複雑な判定に強かった | @akari1106 | 23:36 |
Qiita
| # | Title | Summary | Author | Published |
|---|---|---|---|---|
| 1 | 読者からの指摘で2つ直した話、ついでに自分でも1つ見つけた話 | 読者指摘でpg_dumpのsetvalによりシーケンスが3に戻りid 4重複でINSERTが止まる問題と古いTerraform版を直し、構造的問題も1件見つけた | @yukisnow0704 | 00:05 |
| 2 | Zammad の CVE-2026-102489 は、NVD の版範囲だけで判定すると 6.5.4 を見落とす | 2026-10-02にKEV収載されたZammadのCVE-2026-102489は、NVDの版範囲だけで機械判定すると6.5.4を見落とすと確かめた | @hashito | 00:18 |
| 3 | フレームワークなしで挑むVanilla JS設計入門:LocalStorageとイベント移譲で作る実用的Todoアプリ | HTML5・Tailwind CSS・Vanilla JSだけで、localStorageでの状態永続化とイベント移譲、XSS対策を備えたTodoアプリを実装した | @masa05140323 | 00:53 |
| 4 | 【IT業界25年目】ADHDポンコツ鬱エンジニアが人生賭けて運営中の求人サービス『ヴェテラン』で学んだ、AWS請求額を抑えたコスパ最強な設計方法 | 求人サービス「ヴェテラン」の運営経験から、使っていないのに課金され続けるAWSリソースなど請求額を爆増させる課金地雷を挙げた | @Veteran | 01:31 |
| 5 | [AWS]S3Vectors フィルタ次第で文書を取りこぼしやすくなる件 | S3 VectorsのQueryVectorsは公式に「近似」「90%超」とされ、メタデータフィルタを掛けると意味の近い文書でも結果から漏れることがあると示した | @kikuziro | 01:59 |
| 6 | 重いループ処理でUIを止めないために MessageChannel で yield する | 重いループを100件ごとにMessageChannelでyieldし、UIを止めずに処理を続けるyieldToEvents()を実装した | @kiyuka | 02:30 |
| 7 | 外部キーにインデックスは自動で作られない。PostgreSQL と SQLite で足りないインデックスを 1 クエリで見つける | 外部キー列のインデックスを自動作成するのはMySQL(InnoDB)だけで、PostgreSQL・SQLiteで不足インデックスを1クエリで洗い出す方法を示した | @shalXXXX | 05:55 |
| 8 | PostgreSQL の timestamp と timestamptz の違い:TimeZone を変えて保存値と表示を確かめる | PGlite 0.5.8(PostgreSQL 18.3のWasm版)で確かめ、timestampもtimestamptzもタイムゾーンを保存せず違いは入力の解釈と表示だけだと示した | @shalXXXX | 07:07 |
| 9 | Canvas のドラッグが重い原因は、画面外の先読みで塗っていた別の図でした | 月の満ち欠け模型のCanvasでドラッグが重い原因は、操作中の図ではなく画面外で同じコマに描き直されていた別の図だったと突き止めた | @kodomo-news | 08:00 |
| 10 | Claude Code mods 入門、TypeScript で挙動と UI を拡張する | 2026年10月1日発表のClaude Code modsで、v2.1.287で最小構成のmodを作りclaude plugin validate・test・claude -pを実際に動かした | @kai_kou | 09:04 |
| 11 | IndexNow APIをPythonで実装する — Bing/Yandexへの即時クロール通知の仕組み | Bing・Yandex向けIndexNow APIをPythonで実装しmainマージ時に全URLを送るGitHub Actionsを組み、1リクエスト1万URL上限へのバッチ分割を示した | @sakutto-panda | 09:09 |
| 12 | 【Tauri×React】プログラミング未経験の化学メーカー研究者が、Google AI StudioでKetcher内蔵の電子実験ノートを作った話 | プログラミング未経験の化学メーカー研究者が、Google AI Studioを相棒にTauri+React+Ketcher内蔵の電子実験ノート「MiniChem-Note」を作った | @haru-ha | 09:36 |
| 13 | Auroraインスタンスクラス変更で書き込みを止めない順序 | Auroraのライターを直接クラス変更すると再起動完了まで書き込みが止まり自動フェイルオーバーもしないため、止めない順序とCCM有効時の前提を示した | @techdbblog | 09:43 |
| 14 | Astroブログで記事ごとのOGP画像を自動生成する方法 | Astroブログで記事ごとのOGP画像を公開スクリプトから自動生成し、画像が無い記事の共通画像とビルド後の検査まで組み込んだ | @orca-forge | 10:00 |
| 15 | 【個人開発】2週間でkintoneプラグインを36本作り、販売サイトまで自作した話 | kintoneプラグイン「ちょい足し kintone」を2週間で36本作り、販売サイトRe:BASEをRemix 3+Cloudflare Workersで自作した | @skima | 10:07 |
| 16 | SessionStart hookでプロジェクトの文脈を毎回自動で渡す 日付・ブランチ・命名規則 | Claude CodeのSessionStart hookで開始・再開・compact時に日付・ブランチ・命名規則を渡し、hookなしでも日付とブランチは渡ると確かめた | @vaon-luandv | 10:18 |
| 17 | 静的サイトに「役に立った」を最小で付ける——守らないものを先に決める | 静的サイトの記事末尾の「役に立った」ボタンをCloudflare Pages Functions+D1無料枠だけで実装し、保存をslugと件数の2列に絞った | @sumitsuke | 10:20 |
| 18 | 【個人開発】フレームワークを捨てて、さくらライト(完全静的)にサイバーパンクな個人要塞ポータルを作った話 | フレームワークを使わずVanilla HTML/CSS/JSだけで、さくらのレンタルサーバ(ライト)に静的配信するサイバーパンク風個人ポータルを作った | @icaross | 10:43 |
| 19 | select に保存値の option が無いと、保存を押すだけで先頭の値に変わります【WordPress の設定画面で起きた記録】 | WordPressの設定画面のselectに保存値のoptionが無いと保存だけで先頭値に変わる現象を、Chromium 141(Playwright)で6通り測って確かめた | @Rapls | 11:36 |
| 20 | reactコース#4 | Reactのstateで同じ更新を繰り返すときはsetCount(count + 1)ではなく関数型更新setCount(prev => prev + 1)を使うと学んだ | @langhuanamacha | 11:42 |
| 21 | ALB + EC2 + RDSの3層構成で、SGを3段階に分けて設計する理由 | ALB・EC2(Tomcat)・RDS MySQLの3層でSGをALB→EC2(8080)→RDS(3306)とSG参照で段階的に絞る設計が正しい理由を示した | @caymezon | 11:48 |
| 22 | エイリアスを設定したのにVS Codeでジャンプできなかった原因 | Viteでパスエイリアスを設定してもVS Codeでジャンプできなかった原因は、vite.config.jsの設定とエディタ向けの設定の混同だった | @watanabe_trtr | 12:03 |
| 23 | canvas の上限は getContext では分からない — 失敗は最初の描画で起きる | Chromium 149・WebKit 26.5・Firefox 151ビルドで、上限を超えたcanvasでもgetContextは成功し、失敗は最初の描画で初めて表に出ると測定した | @cheng_pm8 | 12:21 |
| 24 | getContext が返っても canvas は描けるとは限らない — 大きい画像のメモリ見積もり | 16384×16385のcanvasでもgetContext(‘2d’)はnullを返さず、メモリも作成時には確保されないため、このガードでは巨大画像を防げないと示した | @jhao29784 | 12:23 |
| 25 | img.decode()のrejectと画像破損は別物 | Chromium 149・WebKit 26.5・Firefox 151ビルドで測り、img.decode()のrejectは画像の破損とは別物でプレビューは表示できる場合があると確かめた | @shuy55568 | 12:26 |
| 26 | 簡易工程進捗管理システムの改良⑦~フェーズ5 Next.js フロントエンド作成~ | 簡易工程進捗管理システム改良の第7回で、ASP.NET Core APIにつなぐNext.jsフロントエンドをフェーズ5-1のプロジェクト作成から始めた | @yusuke21301 | 12:27 |
| 27 | 簡易工程進捗管理システムの改良⑧~フェーズ5 Next.js フロントエンド作成~ | 第8回で、Next.jsからGET /api/Processesを取得し、C#のProcessDtoに対応するcamelCaseの型で工程一覧画面を作った | @yusuke21301 | 12:28 |
| 28 | 簡易工程進捗管理システムの改良⑨~フェーズ5 Next.js フロントエンド作成~ | 第9回で、Next.js App Routerのerror.tsxで未処理例外を捕捉し、赤いRuntime Errorではなく再試行ボタン付きのエラー画面を出した | @yusuke21301 | 12:28 |
| 29 | Mineflayer × Cloudflare Workers × Geminiでつくる超低コストマイクラAI Bot | Jev(1日3回のQuota)による前段判定、Geminiの会話生成、Cloudflare Workersの生存確認を組み合わせ、月数円で動くマイクラAI Botを構築した | @fk_2000 | 12:28 |
| 30 | 幅 65,535 の JPEG は書けても開けない — 巨大画像の書き出しを 3 エンジンで測った話 | Chromium 149・WebKit 26.5・Firefox 151ビルドで巨大画像の書き出しを測り、幅65,535のJPEGは書き出せても開けないと確かめた | @shujing943 | 12:28 |
| 31 | 簡易工程進捗管理システムの改良⑩~フェーズ5 Next.js フロントエンド作成~ | 第10回で、process-api.tsに工程1件取得・登録・更新を追加し、Next.jsで工程の登録・編集画面を作った | @yusuke21301 | 12:28 |
| 32 | img.decode() が reject しても画像は描ける — 大きな画像で信じていい失敗の合図 | 10000×10000pxの画像でimg.decode()が毎回rejectしてもonloadは発火しcanvasに描けたため、信じてよい失敗の合図を3エンジンで測った | @xyue41464 | 12:31 |
| 33 | Array(3).fill([]) は「3つの空配列」ではない — 2次元配列が全行そろって書き換わる誤解と直し方 | Array(3).fill([])は同じ配列を3か所に入れるため1つへのpushが全行に反映されると、Node.js v24.14.1の実測で示し正しい作り方を挙げた | @ennagara128 | 13:04 |
| 34 | JAWS-UG 新潟支部にて 「AgentCoreで実践するハーネスエンジニアリング」というタイトルで登壇しました | JAWS-UG新潟#34での登壇をもとに、Runtime・Gateway・Memory・S3などAgentCoreの部品でハーネスを組む方法を構成図とコードで示した | @yakumo_09 | 13:17 |
| 35 | AWS Organizationsを整理して理解する | 複数のAWSアカウントをまとめて管理するAWS Organizationsを、マネジメントコンソールを操作しながら確かめて整理した | @namnam3225 | 14:42 |
| 36 | AmazonLinux2023にGenerative AIをインストールしてみた(2026/10/4) | AWSのGenerative AI Use Cases(GenU)をAmazon Linux 2023のEC2(t3.medium)からus-west-2のClaude Sonnet 4.5で構築し、つまずいた点を記した | @u-san-777 | 14:42 |
| 37 | AWS SCTとDMSの違いとは?「スキーマ変換」と「データ移行」を初心者向けに解説 | AWS SCTはDBのスキーマ構造を変換し、AWS DMSはデータそのものを移行するという役割の違いを、DB構造の図とともに整理した | @namnam3225 | 14:43 |
| 38 | Cloudflare Access配下のNextcloud Officeで「ドキュメントの読み込みに失敗」を解消した話 | Cloudflare Access配下のNextcloud Officeで「ドキュメントの読み込みに失敗」が出たが、Office側URLを別タブで開いて認証すると解消した | @Tatsuya0518 | 15:05 |
| 39 | AtCoder で E 問題まで解けるようになって水色になったので、身につけた「技」を全部図解するサイトを作った | AtCoderで水色になった著者が、E問題で使う累積和・二分探索・Union-Findなどの「技」を図で覚える練習サイト「アルゴ図解」を作った | @keizaburo_takashiba33 | 16:24 |
| 40 | TomcatにDB接続情報を渡すならsetenv.sh、WARのデプロイはSCPで | Spring Boot+Tomcat+RDS MySQLのハンズオンで、DB接続情報はsetenv.shでJVMへ環境変数として渡し、WARはSCPでデプロイした | @caymezon | 16:41 |
| 41 | opus 5.5 video guide: 4観点の検証マトリクスで完成した Living Screencast を確認する | LemoLabの59.4秒の非公式fan film「Clawd Moves In」を作者公開版と保存版で比べる4観点の検証マトリクスを示し、実行検証は未実施と明記した | @VulcanFeynmanX | 16:44 |
| 42 | BedrockのTokenomicsを実践してみた requestMetadataとModel Invocation Loggingを使ってリクエスト単位で可視化 | 複数ユーザーが同じIAMロールでBedrockを使う構成で、requestMetadataとModel Invocation Loggingによりリクエスト単位で利用者を可視化した | @R-You | 16:50 |
| 43 | Error: Error evaluating Node.js code CssSyntaxError: tailwindcss:: ”./typography” is not exportedエラーが出る | Next.jsとTailwind CSS v4で@tailwindcss/typographyを読み込むと「”./typography” is not exported」のCssSyntaxErrorが出た事象を備忘録に残した | @takahiro_honda | 17:43 |
| 44 | DBML で ER 図・DDL・定義書を作る Mac アプリ「Joinery」の使い方と Tauri 2 + Rust の実装 | DBMLからER図・各方言のDDL・定義書・ALTER文を生成する無料のmacOSアプリ「Joinery」を公開し、Tauri 2+Rustで読み取り専用接続やSSHトンネルを実装した | @shalXXXX | 18:44 |
| 45 | Claude API × TypeScript | cache_controlの配置からヒット率の計測・失効原因の特定まで | Claude APIのプロンプトキャッシュは無言で失効するため、TypeScriptでcache_control配置・usageからのヒット率計測・失効原因の特定・TTL選択を実装した | @GYact | 19:14 |
| 46 | SemIf(旧称 OpenJev)のWEBGPUデモをCPUで動くようにする | GPU必須のSemIf(旧OpenJev)WebGPUデモで、worker.jsのn_gpu_layersを0にしてCPUでも動くよう修正した | @kanata564 | 19:22 |
| 47 | re:Invent 2026 のセッション情報を AWS Events API で取ってみた | re:Invent 2026のセッションカタログを、REST APIとMCPサーバーの2形態で12操作を備えるAWS Events APIで取得した | @fusya-kit | 20:03 |
| 48 | 文化祭のシフトを自動で割り振るWebアプリを作った。ソルバーは差分評価の山登り法で書き直した | 文化祭向けのログイン不要なシフト自動割り振りWebアプリ「シフっと」を作り、ソルバーを差分評価の山登り法で書き直した | @sbn | 20:18 |
| 49 | SREの知識地図をまとめてみました! | SREの価値観とSLA・SLOなどの用語、運用のエンジニアリングや非難なき文化までを1枚の知識地図にまとめた | @kazunobu2211 | 20:21 |
| 50 | プライベートサブネットでdnf installが失敗する理由と、S3 VPC Gateway Endpointでの解決 | プライベートサブネットのDBサーバでdnf installが失敗するのはインターネット経路が無いためで、S3 VPC Gateway Endpointで解決した | @caymezon | 20:26 |
| 51 | FastAPIとReactで作るストリーミング対応AIチャットUI | FastAPIからSSE形式で回答を逐次送り、React側はfetchとReadableStreamでPOSTでもストリーミング表示できるAIチャットUIを作った | @aidocs | 21:00 |
| 52 | MarkdownからQiita向け記事テンプレートを自動生成するCLIを作る | 外部パッケージなしのNode.jsで、MarkdownからタイトルとタグをQiita向けに整えたテンプレートを1コマンドで出力するCLIを作った | @tech_craft_kyo | 21:00 |
| 53 | 【AWS】Amazon Quick ハンズオン ― 第2回 Spaces:社内ナレッジセンターを作ってみる | Amazon Quickハンズオン第2回で、Spacesに商品情報・料金表・規約・問い合わせ履歴を集約し、カード会社のサポート向けナレッジセンターを作った | @takasan2479 | 21:26 |
| 54 | 「全部見せるためのRLS」は書かない。Supabaseで管理画面だけRLSをバイパスした理由 | Supabaseで管理画面だけRLSをバイパスして入口を絞り、アプリ本体はRLSで行ごとに守る構成を、相手を信頼できるかで分けたと説明した | @tzp | 21:27 |
| 55 | Zod vs Valibot徹底比較!スキーマバリデーション選定でやってよかった3つのこと | ZodとValibotをバンドルサイズ・パフォーマンス・開発体験で比べ、スキーマバリデーション選定でやってよかった3つのことを挙げた | @fd_ai_teacher | 21:35 |
| 56 | AI時代に静的解析は必要か?目的とトークン効率から考える | AI時代も正しさの確認は残るため静的解析は必要だとし、Lint・型検査・データフロー解析の役割をTypeScriptの例で示した | @ukun3 | 21:35 |
| 57 | クロスアカウントの閉域 VPC にGenU をデプロイして共有リソース VPC 経由でオンプレミスから接続してみる | 自治体のガバメントクラウドを想定し、クロスアカウントの閉域VPCにGenUをデプロイして共有リソースVPC経由でオンプレミスから接続した | @takeda_h | 21:37 |
| 58 | Jevで水平思考ゲームのAIゲームマスターを作ったら、意味判定を複雑にするほど不安定になった話 | 水平思考ゲーム「Sideways」のAIゲームマスターをJevで作ったところ、意味判定を細かく設計するほどゲーム体験が不安定になった | @KitaDaro | 21:58 |
| 59 | Atomic DesignにReactのコンポーネントを当てはめてみた | Atomic Designの5階層(Atom〜Page)にReactコンポーネントを当てはめ、コード例と推奨ディレクトリ構成、導入時の注意点を示した | @heights_of_OZ | 21:59 |
| 60 | IPアドレスを保存せずに多重投票を防ぐ ― 端末フィンガープリント実装の実測記録 | IPもアカウントも保存しない匿名投票サイトで、cookieトークンだけではSafariの履歴消去で多重投票できたため端末フィンガープリントを実装した | @maebahesioru | 22:27 |
| 61 | Redisでポケモン図鑑のAPI呼び出しをキャッシュしたら、1000件取得が5.29秒から0.64秒になった【React/Hono/PokéAPI/Redis/Docker】 | React・Hono・Redis・PokéAPI・Dockerでポケモン図鑑を作り、Redisキャッシュで1000件取得が5.29秒から0.64秒に短縮した | @keikeigo | 22:30 |
| 62 | 【DynamoDB Streams】シャードを増やして Lambda の同時実行数を増やせるか確かめてみる | DynamoDB Streamsのシャード数はwarm throughputで決まり、上限40,000まで上げるとSが4から64に増えLambdaの同時実行数も増やせると確かめた | @jus1730 | 23:00 |
| 63 | Lambdaの機能と設計パターンについてDVA対策としてまとめてみる | DVA対策としてLambdaのVersion・Alias・Weighted Aliasによる段階リリースなどの機能と設計パターンを整理した | @keitakei777 | 23:16 |
| 64 | 【登壇レポート】「JAWS-UG 茨城 #17 秋の推しAWSサービスLTまつり!」でAmazon Connect Customerを推してきました | JAWS-UG茨城#17のLTで、2026年4月28日にAmazon Connectから改名されたAmazon Connect Customerを未経験者向けに推した | @yosuke-suzuki | 23:18 |
| 65 | 【Next.js】ビルド時にnext/fontでエラーとなることがある | Next.js 16.3.6のビルドでnext/fontが失敗するのはGoogle Fontsが拡張子なしURLを返す場合で、Issue #99114で報告済みと確認した | @someone7140 | 23:24 |
| 66 | 名古屋市営地下鉄の定期券なら遠回りし放題なので、ルートを探すアプリを作った | 名古屋市営地下鉄の定期代は一定距離で頭打ちになるため、選んだ駅を一筆書きで通るルートと定期代候補を出すWebアプリを作った | @bqron-37 | 23:32 |
| 67 | 【IT業界25年目】ADHDポンコツ鬱エンジニアが無料AWSエミュレーター「MiniStack」が使えるか解説してみた | GIGAZINEで紹介された無料AWSエミュレーター「MiniStack」を題材に、本番AWSを汚さず課金させないローカル検証環境の作り方を示した | @Veteran | 23:34 |
Publickey
2026-10-04 付の記事はありませんでした。
gihyo.jp
2026-10-04 付の記事はありませんでした。
GIGAZINE
対象日の該当記事はすべて Top 20 に掲載されています。
ITmedia News
2026-10-04 付の記事はありませんでした。
TypeScript Blog
2026-10-04 付の記事はありませんでした。
Node.js Blog
2026-10-04 付の記事はありませんでした。
Astro Blog
2026-10-04 付の記事はありませんでした。
Cloudflare Blog
2026-10-04 付の記事はありませんでした。
Vercel Changelog
2026-10-04 付の記事はありませんでした。
AWS What’s New
2026-10-04 付の記事はありませんでした。
Google Cloud Blog
2026-10-04 付の記事はありませんでした。
Supabase Blog
2026-10-04 付の記事はありませんでした。
web.dev
2026-10-04 付の記事はありませんでした。
Mozilla Hacks
2026-10-04 付の記事はありませんでした。
CSS-Tricks
2026-10-04 付の記事はありませんでした。
Smashing Magazine
2026-10-04 付の記事はありませんでした。
Hacker News
| # | Title | Summary | Published |
|---|---|---|---|
| 1 | Show HN: I made a browser-based instrument out of the CHOMPI CLUB source(CHOMPI CLUB のソースからブラウザで動く楽器を作った) | Chase BlissがMITで公開したCHOMPI Clubのソースからプラグインを作りWASMにもビルドし、ドラム録音や速度変更でループを組む「NIBBI TAPE」を公開した | 01:13 |
| 2 | Show HN: Capo – Community-Driven AWS SDK for Python(Capo:コミュニティ主導の Python 向け AWS SDK) | サービスごとに独立したパッケージ構成で500超のAWSサービスに対応し、ページネーション・ウェイター・署名付きURL・同期/非同期をサポートするとしている | 01:51 |
| 3 | Manage end-user OAuth consent for AI agents with Amazon Bedrock AgentCore(Amazon Bedrock AgentCore で AI エージェントのエンドユーザー OAuth 同意を管理する) | 2026年9月14日公開の記事で、AgentCoreのConsent portalが利用者ごとのトークンをtoken vaultに保存し、GetResourceOauth2Token等で同意を完結させる | 02:50 |
| 4 | Cube Rule food classifier using Cloudflare Clef classification model(Cloudflare Clef 分類モデルを使った Cube Rule 食べ物分類器) | 構造的なでんぷんの位置で料理を9分類する「Cube Rule」を、CloudflareのClef FlashとWorkers AIでテキストと画像から判定するデモ | 05:56 |
| 5 | AI (For Normal People) with AWS Hero Thorsten Hoger [video](AWS Hero Thorsten Hoger と語る一般の人のための AI[動画]) | 2026年6月26日公開のエピソードで、レシピDBやフィットネス、歯科医院・税理士事務所での活用、Firefliesによる会議文字起こしを扱った | 05:59 |
| 6 | Show HN: jpm – a JavaScript package manager in Rust, every line by Claude Code(jpm:Rust 製で全行を Claude Code が書いた JavaScript パッケージマネージャ) | GitHub CIでNuxtを1.22秒(npmの15倍速)でインストールし約2MBの単一バイナリ、npm/pnpm/yarn/bunのロックファイル互換でinstall scriptは承認制とした | 09:11 |
| 7 | Sign up for AWS (new): simpler onboarding and a spending limit – keep moving(AWS の新しいサインアップ:簡素化されたオンボーディングと支出上限) | 2026年10月4日の記事で、Google・Apple・GitHubでのサインアップと、最低20ドルからの月額支出上限に達するとプロジェクトを一時停止する機能を論じた | 11:05 |
| 8 | Forms in HTML Tables(HTML テーブル内のフォーム) | リンク先のPale Moonフォーラムは保護機構Anubisの「Access Denied」を返し、スレッドの内容は取得できなかった | 12:23 |
| 9 | wizard-engine: Research WebAssembly Engine(wizard-engine:研究用 WebAssembly エンジン) | Virgilで実装された教育・研究向けWasm VMで、GC・SIMD・stack-switchingなどの提案に対応し、通常版と最適化版のインタプリタを持つ | 14:11 |
| 10 | Let AI agents use your site with 3 HTML attributes(3 つの HTML 属性で AI エージェントにサイトを使わせる) | 2026年10月3日の記事で、WebMCPのtoolname・tooldescription・toolautosubmit属性でフォームを関数化でき、Chrome 149〜162のオリジントライアルで試せるとした | 15:07 |
| 11 | Meta Uses A.I. Data Centers to Avoid Billions in Federal Taxes(Meta は AI データセンターを使って数十億ドルの連邦税を回避している) | NYTの2026年9月30日付記事へのリンク投稿で、HN上では記事本文を取得できず、税回避の仕組みや金額は確認できなかった | 20:33 |
| 12 | Show HN: Verceltics Manages Vercel, Cloudflare, Name.com, Namecheap and More(Verceltics:Vercel・Cloudflare・Name.com・Namecheap などをまとめて管理) | 27の連携先のデプロイ・DNS・ドメイン更新・アクセス解析をまとめて見るiOS 18以降向けアプリで、認証情報はKeychain保存、月4.99ドルから | 20:48 |
| 13 | Free and Premium AWS Course: (2 Hours) Learn Modern Cloud Architecture(無料版とプレミアム版の AWS コース(2時間):モダンなクラウドアーキテクチャを学ぶ) | Gumroadの販売ページで2時間の講座「Cloud & AWS: Learn Modern Cloud Architecture」と分かったが、扱うサービスや価格は取得内容になかった | 21:20 |
| 14 | Show HN: A complete web build of OrcaSlicer for 3D printing(3D プリント用 OrcaSlicer の完全なウェブビルド) | OrcaSlicerとpreFlightのスライサーをクライアントサイドWebAssemblyで動かし、ペイント・スライス・印刷やTinkerCAD風CSGに対応した | 21:43 |
| 15 | Herbarium – keep and review the HTML pages AI tools generate(Herbarium:AI ツールが生成した HTML ページを保管・見直す) | AI生成HTMLを自分のフォルダに保存しタグ・全文検索・FSRSの間隔反復で再提示するTauri+Rust+Svelte製アプリで、herbarium mcpでMCPサーバーにもなる | 21:52 |