はてぶ・Qiita・Zennのトレンド記事を紹介
話題のテックでは、はてぶ・Qiita・Zennなどのトレンド記事や技術者ブログの情報を紹介しています。プログラミングやテクノロジーの最新情報をお楽しみください。
よく使うUIデザインパターンを全部まとめてみた（ユースケース別に分類・グループ化） 🔖 13
補足：各パターンの具体的な実装は MUI・Ant Design・Shadcn/ui などのコンポーネントライブラリで対応するものが見つかることが多いです。ライブラリはあくまで実装手段の一例です。 📋 目次 UIデザインパターン 入力の取得 (Getting Input) ナビゲー
コードを書かなくなった我々は何者か —— Product / Platform / Evaluate の3職責でエンジニアの役割を再定義する 🔖 6
コードを書かなくなった我々は何者か —— Product / Platform / Evaluate の3職責でエンジニアの役割を再定義する 1. はじめに エンジニアのみなさん。突然ですが、みなさんは自己紹介で自身の仕事を何と名乗っていますか？ 僕の場合、昨年12月からType
業務で本当に使えるClaude MCPサーバー厳選10選 🔖 21
【深掘り】おすすめMCPサーバー10選 と 30の活用シーン 1. GitHub MCP(GitHub公式 / コード・開発) 一言で: ClaudeがあなたのGitHubアカウントの代わりに、リポジトリ操作・PRレビュー・Issue管理まで直接実行できるようになります。GitH
AWS MCP Server の一般提供を開始 | Amazon Web Services 🔖 8
Amazon Web Services ブログ AWS MCP Server の一般提供を開始 私はこれまで長きにわたって AI エージェントと MCP ツールを利用して構築してきましたが、常に 1 つの疑問が頭にありました。それは、全権限を渡さないようにしつつ、実際に使える、A
サイバー犯罪グループがAIを使って2要素認証を回避できるゼロデイ脆弱性を発見していたとGoogleが報告 🔖 11
近年のAIはあまりに性能が高いため、「誰も気付いていなかったソフトウェアの脆弱(ぜいじゃく)性」を発見することが可能となり、サイバーセキュリティ上の脅威になっていると指摘されています。新たにGoogle脅威インテリジェンスグループ(GTIG)が、「著名なサイバー犯罪の脅威アクター
Cloud Run の OOM を Continuous Profiler で追う: ボトルネック特定から改善提案まで - CADDi Tech Blog 🔖 3
こんにちは、SRE Team の大野です。製造業データ活用クラウド CADDi Drawer の Product SRE として、サービスの信頼性の向上や、効率的な運用を目指す取り組みを行っています。 今回は Cloud Run ワークロードの OOM 対応に Datadog C
個人GoogleアカウントをGoogle Workspace化して困ったこと
去年のAIを使う流れに乗って、Geminiを安く使いたいと思い、普段使っていた個人GoogleアカウントをそのままGoogle Workspaceへアップグレードしてしまいました。結果として大変なことになりました。 個人アカウントなのにWorkspace扱いになってしまった
Claude Code に「前に〇〇って言ってたよね」って言ってほしい 🔖 2
はじめにこんにちは、FLINTERS の野崎です。Claude Code を日常的に使っていると、こういう瞬間がよくあります。「前にこのバグ直したよなー、何だっけ」「先週決めた方針、どっかに書いたはず」このときエージェント側は、過去のセッションのことを覚えていません
なにやら様子のおかしいアクセスが増えている 最近の自分の話やSNS情報ついて（世間話） 自分の案件の話案件スタート時(2025年3月)は、Vercelのコストを下げることを目的にしたNext.jsのアップデートとしてスタートし、コストが高い原因を分析しながら進めてました
TL;DR拡張性は、パターン名より先に「誰が拡張するか（自分 / チーム内 / 第三者）」と「何を変えるか（実装を差し替える / 手順を組み替える / 参加者を足す）」の 2 軸で考えると判断がぶれにくい。実装を差し替える: 役割の interface を固定して中身を入れ
AI駆動PMの5原則と12の具体例 — Claude Code × Obsidian 🔖 3
はじめにPM業務をAIエージェントで効率化する事例は近頃よく見るようになりました。私もClaude CodeがリリースされてからPM業務もAIで管理しはじめ、現在は10ヶ月ほど経過し陥りがちな問題や守るべき原則などが見えてきたため、ここで紹介させていただきます。本記事では業務
コードを書かなくなった我々は何者か —— Product / Platform / Evaluate の3職責でエンジニアの役割を再定義する 🔖 6
!本記事は前置きが長めです。早く結論を知りたい方は、3. 仮説 — エンジニアの職責は Product / Platform / Evaluate の3つに分かれる からお読みください。 1. はじめにエンジニアのみなさん。突然ですが、みなさんは自己紹介で自身の仕事を何
書籍のOCRにLLMを組み合わせることで精度を上げるだけでなく文書構造や図も表現した記録 🔖 152
課題手元にあるビジネス書1冊 (縦書き和文、120ページ分) のページ画像をテキスト化したかった。入力は PNG 120 枚 (1ページ=1ファイル)、解像度は十分にきれい。図表はほぼなく、文章メイン。「専用OCR」「ローカルLLM」「両者の併用」の3手法を実装し、文字精度
Next.jsからQwikへ丸ごと移行してみた - 個人開発した動的Webアプリのリアーキテクチャ実録 🔖 1
TL;DR対象Next.jsの経験がある方Qwikに興味がある方フレームワーク移行を検討している方内容Next.js App Router v15.4からQwik v1.19へ移行し、自サイトのファーストパーティJS転送サイズを2〜4割削減移行戦略とQwi
Obsidianで日常の記録を取るようになってから変わったこと - 人生をハックする 🔖 289
概要Obsidianを用いて日常の記録を取るようになったことで、先延ばし癖が改善され、自己理解が深まった体験談 詳細 はじめにこんにちは！新卒の本松です！大学1年生の1年間でX（旧Twitter）のポスト数が25,000回を超えるほどの「ツイ廃」でした（現在は完治済
はじめに本記事では、ローカルLLMを用いてCodex CLIを駆動するための方法についてまとめる。!検証環境はUbuntu 24.04 LTSで行っているが、一般的なLinuxや、Mac、WSL環境でもそのまま使えるかも。 背景私は生成AIのベンチマーク評価をするこ
OpenAIがCodexを無料開放——これ、何が目的なんだろう
ChatGPT Plusが0円になってた——そこで初めてCodexを触った話先日、ChatGPTの画面を開いたら「Plus: 0円/月」という表示が出ていた。最初は「あ、また広告っぽいやつか」と思ってスルーしかけたんですが、よく見たら本当にゼロ円と書いてある。試しに...
[Frontend Performance - Part 14] キャッシュ戦略：ブラウザキャッシュとService Workerを活用する 🔖 1
📝 注意本記事はAIの補助を受けて編集しています。内容は大規模Webアプリケーションの実務経験に基づいています。📚 目次0. はじめに：なぜリロードのたびに全てを再読み込みするのか？1. ブラウザキャッシュの全体像2. HTTPキャッシュ – 最も簡...
サクラエディタのGREPが遅くて、AIと自作したら chardet に何度もハマった話
はじめにGMOコネクトの星です。大規模なJavaプロジェクトの横断調査で、エディタ標準のGREP機能が重くて作業が止まる、という状況に陥っていました。「ちょっと文字列の出現箇所を確認したい」だけなのに数十秒待たされ、しかも条件を変えてやり直す、というのを1日に何度もや...
GCP×コンテナEDR×再販GCP：SCC＋SecOps の使い分けで踏んだ3つの罠
はじめにGMOコネクトの平島です。セキュリティ診断の指摘対応で、ログメトリックフィルタ系7項目（VPC変更・IAM変更・サービスアカウント鍵作成 等）を片付ける必要がありました。同じタイミングで「コンテナEDR要件も埋めてほしい」と言われ、SCC（Security C...
PostgreSQL→Cloud Spanner大規模移行トラブル詳解 — 18時間ずれの解消と240テーブルPDML補正、Dataflow高速化の実戦
はじめに240テーブル・数十GB規模の PostgreSQL を Cloud Spanner へ移すSTG検証で、1日のうちに4種類のトラブルを連続で踏み抜きました。なかでも一番印象的だったのが「タイムスタンプが18時間ずれる」という、いかにもタイムゾーン由来っぽくて、...
マイグレーションの『バグ密度』は何%でアウトか？IPA白書との比較とAI想定問答の活用
はじめに顧客への進捗報告の前日、こんな数字が手元にあったとします。コンポーネントテストケース数摘出不具合数バグ密度画面・API層800件38件4.8%ビジネスロジック層600件14件2.3%外部連携・非同期処理層60件...
Claude Codeのスレッド名を日本語にしたくて内部構造を調べたら、過去スレッドが全部消えた話【解決策求む】
Claude Code（デスクトップアプリ）を使っていると、サイドバーのスレッド名がすべて英語で生成されます😇「GAS spreadsheet date navigation」とか「Fix SSH permission denied error」とか。日本語にしたくてい...
Cloud Run の Probe 設計：gRPC 未実装・Distroless・ポートなし Job、それぞれの代替策
はじめにGoogle Cloud で構築したサーバレスコンテナの Probe 設計を行った際の話です。「gRPC サービスだから gRPC プローブでいいよね」と設計を始めたら、3 日後には全部作り直していました。😇システム移行プロジェクトで Cloud Run の...
先日開催されたProject Management Summit 2026に参加してきました。 生成AIが当たり前になった今プロダクトをどう進化させるべきnなのか。特にサイト内検索とピボットの意思決定に関する2つのセッションがエンジニアとして刺さる内容だったので自分なりの感...
【2026年3月リリース】Google公式CLI「gws」をClaude Codeに連携してGoogle Workspaceを自動操作する
2026年3月、Google DevRelから Google Workspace 公式CLI gws がリリースされました（googleworkspace/cli）。Drive・Sheets・Gmail・Calendar・Docs・Meet など27サービスを ターミナルか...
Cloud Run の OOM を Continuous Profiler で追う: ボトルネック特定から改善提案まで 🔖 3
こんにちは、SRE Team の大野です。製造業データ活用クラウド CADDi Drawer の Product SRE として、サービスの信頼性の向上や、効率的な運用を目指す取り組みを行っています。 今回は Cloud Run ワークロードの OOM 対応に Datadog C
奈良から片道6時間、スクラムフェス新潟2026に行ってきた 🔖 9
こんにちは、ニーリーでQAエンジニアをしている池端（@bacchiQA）です。 先週末に、スクラムフェス新潟2026へ参加してきました。 スクラムフェスへの参加は今回が初めてで、もちろんオフラインでの参加も初めてでした。 そして何を血迷ったのか、今回奈良から陸で行こうと決め？片道
こんにちは！株式会社グロービスのデジタルプラットフォーム（GDP）部門のGLOPLA事業開発室のエンジニアをしております、太田です。4月22日〜24日に函館で開催された RubyKaigi 2026 に参加してきました。個人的には2023年の松本、2025年の松山に続き3度
Mini Shai-Hulud 第二波の概要と対応指針（TanStack Router を含む 200 超の侵害） 🔖 50
2026年5月12日、Mini Shai-Hulud キャンペーンの第二波が発生しました。TanStack Router を起点に、UiPath、Mistral AI SDK、DraftLab 等を含む 199 以上の npm パッケージが侵害されています。本稿執筆時点で、侵害可
AI時代の新規プロダクト立ち上げ 〜バクラク給与の開発で見えたこと〜 🔖 2
こんにちは。バクラク給与の開発を担当しているakahaneです。 新規プロダクトとしてバクラク給与を立ち上げ、2026年3月にリリースしました。その開発の進め方について振り返ります。 はじめに バクラク給与の立ち上げでは、Claude CodeやCodexなどのコーディングエージ