はてぶ・Qiita・Zennのトレンド記事を紹介
GitHub Copilot SKILLでユーザー入力を活用する方法 〜インタラクティブなAIエージェントの作り方〜
はじめにGitHub Copilot Chat には SKILL というカスタマイズ機能があります。Markdownファイル1つを .github/skills/ に置くだけで、自分だけの専門AIエージェントを作れます。この記事では、SKILLの中でも特に「ユーザー...
はじめにこんにちは！学生エンジニアのmoritomoです！みなさん、複数プロジェクトを並行開発していて、「ポート競合エラー」に泣かされたことはありませんか？これまで僕は「別のコンテナを止めればいいや」と脳死で対応してきましたが、ある時ふと疑問が湧きました。「コンテナ...
Claude CodeのVSCode拡張が使いやすいよ 🔖 333
皆様、Claude Code使ってますか？CLIで利用されている方が大多数だと思いますが、VSCodeの拡張も悪くないよ、というお話です。いつのころからか、左右にパネルが出るような構成になっています。右側が通常（？）のチャット欄で左が過去のセッション一覧みたいな感じ...
z-indexの値をほぼbooleanのように扱うUI設計を試してみた
概要CSSでモーダルウィンドウやドロワーを実装するとき z-index: 9999 といった大きな値を見かけることがあります。「とにかく上に出したい」という意図での記載かもしれませんが、値を上げていくだけでは根本的な解決にならず、やがて管理しにくくなっていきます。そ...
Claude Code v2.1.88 以降のトークン爆発事件 "Tokenocalypse" を振り返る — FinOps 観点で防衛する 4 本柱
この記事の対象読者と得られること対象読者この記事で得られることClaude Code のコストが急に跳ねた方2026/3 末の Tokenocalypse の全貌と原因チームで AI コーディングを使う方版固定・モデルルーティング等の防衛策...
2026/04/25 今日のQiitaトレンド記事をポッドキャストで聴こう！
前日夜の最新トレンド記事のAIポッドキャストを毎日朝7時に更新しています。通勤中などにながら聴きしよう！（Qiita投稿は通勤には間に合わないと思われますが）フィードバックとか助かりますのでください↓こちらから出典【徹底解説】DBスペシャリストなりぞこないが教...
同じ Issue を Claude・Codex・Gemini に同時に解かせるとどうなるか — git worktree × tmux で衝突しない並列 AI 開発 🔖 48
この記事の対象読者と得られること対象読者この記事で得られること複数 AI を並列で動かしたいエンジニアworktree による衝突の根本解決workmux を試したい方セットアップと実運用の具体例認知負荷に悩むシニア開発者並列数と生産...
gpt-image-2でUIを量産する実務プロンプトテンプレート集：ダッシュボード／LP／モバイル／ロゴ／スライドの5パターン 🔖 1
本記事は2026年4月21日に公開された Introducing ChatGPT Images 2.0 を前提に、API識別子 gpt-image-2（スナップショット gpt-image-2-2026-04-21、前モデルは gpt-image-1.5）を想定して書...
Claude Code は planner、Codex CLI は executor — 両方使って 3 ヶ月、役割分担で見えた実測 🔖 1
この記事の対象読者と得られること対象読者この記事で得られること技術選定担当者両ツールの非対称な得意領域の整理両ツール併用を検討中のチームリード分業アーキテクチャの具体運用GitHub Actions 連携をしたい方両 Action を...
Power Automate でSharePoint Lists を日時で絞り込む方法（UTC・時間範囲対応） 🔖 1
はじめにごきげんよう、百合宮桜（Miyu）です(*'▽')Power Automate で SharePoint Lists の日時列をキーにして、フィルタリングしたいということがあります。日時のデータの扱いは意外と難しく、開発が難航しがちなので簡単にまとめておきます...
n8n × MacroDroid × LINEで「今から帰る」をワンタップ通知する仕組みを作った
はじめに「今から帰る」と家族に連絡するのは大事だけど、毎回スマホを開いてLINEを立ち上げて、文章を打って送るのは少し面倒です。そこで今回は、AndroidのMacroDroid と n8n、そして LINE Messaging API を組み合わせて、スマホからワ...
プッシュ通知の許可フロー設計 ― ブラウザやデバイスごとの違いと実装パターン
はじめに今回は Firebase Cloud Messaging（FCM）によるプッシュ通知を本番運用するうえで考えるべき課題の中から「許可取得」にフォーカスして、具体的な設計と実装を深掘りしていきます。せっかく自分のサイトにプッシュ通知を導入するなら、できるだけ多く...
LLMなしで“信頼できる検索”を作る：Oracle Trusted Answer Searchを試してみた
目次はじめに構築手順Oracle AI Database 26ai構築ONNXファイルの準備APEX、ORDSインストールTrusted Answer Search用PL/SQLパッケージ、ディクショナリのインストールAPEXアプリのインポート...
Opus 4.7 の新トークナイザーで請求が1.35倍に跳ねた話 — 価格据え置きでも実コストが上がる仕組みと対策
この記事の対象読者と得られること対象読者この記事で得られることOpus 4.7 へ移行予定の方トークナイザー変更による実コスト影響の具体像Claude Code を月5万円以上使っている方キャッシュ TTL 短縮への対応策FinOps ...
AI駆動開発の手法は分岐するが、本質は一点に収束する ― 現場で6週間議論して辿り着いた結論 🔖 31
はじめにAI駆動開発の世界では、今さまざまな手法やキーワードが次々と登場しています。プロンプトエンジニアリングコンテキストエンジニアリング仕様駆動開発（SDD: Specification-Driven Development）エージェンティックワークフロー...
Claude・Codex・Gemini の三者合議を /ccg で回す — 単一モデルの盲点を減らすマルチ AI 運用 🔖 2
この記事の対象読者と得られること対象読者この記事で得られることマルチ AI 運用を検討中のテックリード3 CLI を並列で回す具体手順単一モデルの判断に不安を感じている方異なる訓練データの合議で盲点を潰す発想tmux / 並列開発に興味...
2025年スペイン大停電を読み解く。日本のVPPはどんな教訓を得られるのか？
はじめにこんにちは！Qiitaを読んでいる方の多くはITエンジニアやソフトウェア開発者だと思いますが、今日はいつもとは少し違う毛色の話題をお届けしたいと思います。私は株式会社Shizen Connectで、主にエネルギーリソースを束ねるVPP（仮想発電所）プラットフォー...
はじめまして！QA事業部のs-kishiです！今回は、私が所属しておりますQA事業部が「新人・若手の教育」にどんなアプローチをしているか、勉強会で使用しているコンテンツについて少しだけ公開したいと思います。IT業界で1〜2年経験を積んで、「そろそろ次のステップに行きたい...
[Frontend Performance - Part 7] Long Task を分解する：なぜ50msがUXを壊すのか？ 🔖 1
📝 注意本記事はAIの補助を受けて編集しています。内容は大規模Webアプリケーションの実務経験に基づいています。📚 目次問題：「処理が速いのにUXが悪い」の正体なぜ50msがUXの境界線なのか？Long Taskの本質：時間ではなく「占有」の問題...
はじめに個人開発で色々なAI系ツールを試している中で、 Verdent AI というツールの新機能 Manager を触る機会があったので、実際に使ってみた感想をまとめていきます。結論としては「AIにコードを書いてもらう」というより「AIにプロジェクトマネジメントごと...
prisma migrate resolveを使ってRails+Prismaのマイグレーションを共存させる
はじめに本来であれば、1つのDBに対してORMは1つに統一するべきです。しかし詳細は割愛しますが、RailsとHono（PrismaをORMとして使用するWebフレームワーク）が同じDBを触らざるを得ない状況になってしまいました。同じ境遇のエンジニアの方に向けて、その...
その“親切な設計”、たぶん無駄です - エンジニアがハマる「やりすぎ問題」- 🔖 2
はじめまして。株式会社PRUMでエンジニアをしている ひとみ です。日々、プログラミング学習や実務の中で、つまずきやすいポイントや考え方を整理して発信しています。PRUMについて気になった方は、コーポレートサイトもぜひご覧ください。▶コーポレートサイトその“親切...
はじめに2025年7月、私は初めて面接官を任されました。それから現在に至るまで、SRE／フルスタックエンジニアのポジションのカジュアル面談と一次面接を、月2〜3人のペースで担当してきました（波はありますが）。半年経った今、一番大きく変わったのは 「面接官とは何をする人...
[Frontend Performance - Part 6] メインスレッドとブロッキング：なぜUIは止まるのか 🔖 1
📝 注意本記事はAIの補助を受けて編集しています。内容は大規模Webアプリケーションの実務経験に基づいています。📚 目次問題：「全部速いのに UI が重い」メインスレッド – ブラウザの「一方通行」道路メインスレッドを奪う3つの隠れた敵実戦例：悪...
n8nで「ランチ自動提案Bot」を作ってみた（Google Maps × Discord）
はじめに毎日のランチ、こんな悩みありませんか？毎回どこ行くか迷う同じ店ばかり行ってしまう新しい店を開拓したいそこで今回はn8n + Google Maps API + Discord を使ってランチを自動で提案してくれるBotを作ってみました。作っ...
【2026年4月最新】Google Cloud 認定「全冠」達成まとめ 〜今だけ15冠〜
1. はじめにみなさんこんにちは！2026年4月に日本語版が提供された Professional Security Operations Engineer (PSOE) に合格したことで、現在取得可能な Google Cloud 認定資格をすべて取得しました。現状、...
[Frontend Performance - Part 5] なぜ UI は止まるのか？JavaScript の実行モデルと Event Loop を理解する
📝 注意本記事はAIの補助を受けて編集しています。内容は大規模Webアプリケーションの実務経験に基づいています。📚 目次問題：UIがカクつく・止まるのはなぜ？JavaScriptはシングルスレッド – その意味とは？Call Stack – すべて...
Google Antigravityを使ってみた：猫ミームGIFジェネレーターを半日で開発した記録 🔖 1
はじめにソーイ株式会社 村上です。AIツール評価の一環として、Googleが提供するAI搭載IDE「Antigravity」を使い、GIFアニメーションを生成するWebアプリケーションを開発しました。本記事では、Antigravityの特徴（エージェント自律実行／R...
【初心者エンジニア向け】開発業務の視野を広げる運用のはなし 🔖 1
こんにちは。株式会社 PRUMのmasaです。今日はITサービスの"運用"について、初心者エンジニア、プログラミング初学者向けに記事を書きました。この記事を読むことで、リリース後のシステムがどう守られているかを知り、保守しやすいコードを書く視点を得られると思います。興...
【n8n】Google Driveに画像を置くだけで自動リサイズ（1280×720）するワークフロー
はじめに画像のリサイズって地味に面倒じゃないですか？サムネ用に1280×720にしたい毎回手作業でリサイズしてるまとめて処理したいそんなときに便利なのが n8n × Google Drive の自動化です。この記事では、Google Driveに画像をア...
KotlinのNull安全をJavaのOptionalと比較して理解する 🔖 1
はじめにJavaエンジニアなら一度は経験したことがあるはずです。Exception in thread "main" java.lang.NullPointerExceptionNullPointerException（NPE）は、Javaの生みの親であるトニー・...
C# で開発をしていると、単体テストを書く機会は必ず訪れます。ただ、いざ書こうとすると「どこから手をつければいいんだろう」と迷うことも多いですよね。この記事では、xUnit を使った単体テストの基本を中心に、実務でつまずきやすいポイントや、外部依存を扱う際の考え方も交...
【全コード公開】まだ商談準備に1時間かけてる人はAI時代に置いてかれるからこのスキルを使って 🔖 1
先月の商談10件の準備が合計50分で終わった。別にサボったわけではない。むしろ準備の品質は上がって受注の数も増えた。まぐれではなくこれには明確な理由がある。Claude Codeを本格導入して日常業務にガッツリと取り入れて機能し始めたからだ。今回はこのClaude...
[Frontend Performance - Part 4] 描画パフォーマンス最適化：ブラウザの仕事を減らす設計とは？
📝 注意本記事はAIの補助を受けて編集しています。内容は大規模Webアプリケーションの実務経験に基づいています。📚 目次0. はじめに1. ブラウザの仕事を減らすとは？2. レイアウト計算を減らす（Reflow 削減）3. ペイントコストを下げる...
AWSのグローバルAIハッカソンでファイナリストになった話 - AIで重い作業を圧縮して人間は判断に集中した - 🔖 1
AWSが主催するグローバルAIハッカソン、「10,000 AIdeas Competition」に参加しました。結果ファイナリストの50人に選ばれました。海外ハッカソンの参加は去年初参加して今回が2回目の参加になります。作ったものはVetVoiceというwebアプリにな...
[TypeScriptシリーズ - Part 8] Structural vs Nominal Typing
📝 注記私は日本語が得意ではありません。この記事はAIの翻訳サポートを受けて書いています。ご了承ください。📖 目次問題の提示 – どんな時にこのテクニックが必要か悪い例 – まずはダメなコードを見せる良い例 – TypeScriptの高度機能で解決するP...
[TypeScriptシリーズ - Part 7] Declaration Merging
📝 注記私は日本語が得意ではありません。この記事はAIの翻訳サポートを受けて書いています。ご了承ください。📖 目次問題の提示 – どんな時にこのテクニックが必要か悪い例 – まずはダメなコードを見せる良い例 – TypeScriptの高度機能で解決するP...
【便利ツール紹介】Googleも推奨！シェルスクリプトを書くなら必ず導入したい静的解析ツール 🔖 5
株式会社ブレインパッド プロダクトユニットの鈴木です。弊社は「データ活用の促進を通じて持続可能な未来をつくる」をミッションに、データ分析支援やSaaSプロダクトの提供を通じて、企業の「データ活用の日常化」を推進しております。現在、私は企業のマーケティング活動をデータで...
Oracle AI Database@AWS で Exadata を作成してみてみた 🔖 1
OracleとAmazon Web Services, Inc.(AWS) は、AWS データセンター内の Oracle Cloud Infrastructure (OCI) 管理の専用インフラストラクチャ上で、Oracle Exadata Database Servic...
【前編】9割の新人エンジニアがやっている 「承知しました」の落とし穴 🔖 1
はじめまして。株式会社PRUMでエンジニアをしている人見です。日々、プログラミング学習や実務の中で、つまずきやすいポイントや考え方を整理して発信しています。PRUMについて気になった方は、コーポレートサイトもぜひご覧ください。▶コーポレートサイト【前編】9割の新人...
[Frontend Performance - Part 2] Reflow / Repaint / Compositeの違いとは？ブラウザが重くなる瞬間を理解する）
📝 注意本記事はAIの補助を受けて編集しています。内容は大規模Webアプリケーションの実務経験に基づいています。目次UIがカクつく原因は誰か？たった3行でパフォーマンスを壊す例Reflow / Repaint / Composite の本質イメー...
【徹底解説】DBスペシャリストなりぞこないが教える、データベースの教科書（設計もあるよ） 🔖 5
はじめにこんばんは、mirukyです。昨年、データベーススペシャリスト試験に挑戦しましたが、午後II試験に 3点差 で落ちました、、(泣)そんな私ですが、勉強の過程や実務を通じてデータベース（DB）に関してはかなり自信がついたので、まとめたナレッジを共有できれば...
React Hook Form 入門 Part 1 — 仕組みを理解してから使う
React Hook Form 入門 — 仕組みを理解してから使う Part 1読了時間の目安: 約10分 · React Hook Form v7 対応「とりあえず動いた」ではなく、なぜ動くのかを理解しながら React Hook Form（以下 RHF）を使えるよ...
== と equals() の違いを完全に理解する — なぜStringの比較は equals() を使うのか
はじめにJavaを書き始めたころ、こんな経験をした方は多いのではないでしょうか。String a = new String("Hello");String b = new String("Hello");if (a == b) { System.out....
レイヤードアーキテクチャを図とコードでやさしく理解する（C# / ASP.NET Core） 🔖 1
ソフトウェア設計って、どうしても堅苦しく聞こえがちです。「アーキテクチャ」と聞くだけで、急に難しそうに感じることもあります。でも実際に触れてみると、「もっと早く知っておけばよかった…！」と思う概念がいくつもあります。そのひとつが レイヤードアーキテクチャ（Laye...
n8nでBBCニュースを自動翻訳・要約してDiscordに通知する仕組みを作ってみた
はじめに海外ニュースを追いたいけど、毎回英語の記事を読むのは少しハードルが高い。そこで今回は、BBCのRSSをn8nで定期取得し、新着ニュースだけをAIで日本語要約してDiscordに投稿する仕組みを作ってみました。やっていることはシンプルです。BBC News...
日本の伝統色 50 色を hex 付きで引けるツールを作った — hue 順ソートで並びが一気に美しくなる話 🔖 1
きっかけデザイン作業中に「茜色の hex って何だっけ」「撫子色って薄ピンクで合ってる？」と毎回調べるんですが、既存のまとめサイトは広告だらけだったり、50 色が名前順（いろは順？）で並んでいて隣り合う色の見た目が全然似ていないので、脳の中で分類しながら探すことになりま...
【CSS】明暗見やすい色を返してくれる`contrast-color()`が使えるようになった 🔖 2
contrast-color()はCSSの要素のひとつで、コントラスト的に見やすい色を返してくれます。2025/09/15リリースのSafari 26.0・2025/12/09リリースのFirefox 146・2026/04/07リリースのChrome 147でそれぞれ実...
前回の記事（Qiita）でフロントエンドにおけるキャッシュの各レベルを俯瞰しました：フロントエンドにおけるキャッシュの全レベルを理解する。本記事は同じシリーズの続きで、ブラウザが自動的に処理する HTTP Cache の仕組みと、基本的な動きを整理します。1. ...
[Frontend Performance - Part 1] ブラウザの描画処理を理解する（Rendering Pipeline入門）
📝 注意本記事はAIの補助を受けて編集しています。内容は大規模Webアプリケーションの実務経験に基づいています。目次問題提起 – 最適化しているのに遅い？よくある悪い例 – 原因が分からないUIの遅さ正しいアプローチ – ブラウザのパイプラインを理...