Chrome DevTools MCPでWeb開発のチェックを自動化！Playwright MCPとの違いは？ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? こんにちは、とまだです。 フロントエンド開発でコンソールエラーをいちいちコピーしたり、スクリーンショットを撮ってAIに渡したりするの、地味に面倒ですよね。 実は私も、ローカル環境でのテストでエラーが出るたびに、DevToolsを開いてエラーメッセージをコピーして、Claude Codeに貼り付けて...という作業を繰り返していました。 そこで以前ご紹介したPlaywright MCPでかなり楽になったのですが、さらに便利なツールが登場しました。 結論から言いますと、Chromeだけを対象にしたウェブ開発であれば、Chrome DevTo
リアルな眼球を描く。HTMLとCSSだけで。 第２章 ~こいつ、動くぞッ！？~ - Qiita
前回までのあらすじ 昔、「リアルな眼球を描く。HTMLとCSSだけで。」という記事を書きました。 当時の自分の知る限りのCSSテクニックを注ぎ込み、 納得できるだけの仕上がりの眼球ができたと思います。 しかし、この記事を書いてから早いもので6年ほどの月日が過ぎました。 その間にウェブ関係の技術革新は日進月歩で進み、 CSSも昔に比べるとさらに色々なことができるようになりました。 なので、昔だったら諦めていたこと、やり残したことに 今回改めて挑戦したいなと思ったわけです。 ええ、眼球グリグリ動かしたいなって。 そう思ったんです。 CSSのポテンシャルを見よ 今回ももちろんHTMLとCSSでマークアップしていきます。 svgやcanvas、jsは必要ありません。 前回はpugとstylusで記述しましたが、今回はpugとscssで記述していきます。 また基本的な部分は前回と変わらないので、 今
公式 Chrome DevTools MCP ： Chromeブラウザ用のMCPが登場 これは、Web開発者にとって必須 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? このMCPはChromeのブラウザ操作が可能です。 つまりVSCodeとGitHub CopilotとブラウザのChromeと直接対話が出来るようになりました。 これからは、ユーザーがGitHub CopilotやGemini CLIをより効果的に活用するために、指示スキルを鍛える必要になるでしょう。 ブラウザからの情報量が増えるため、制限がないGitHub Copilotのx0のAIモデルや、現在無料中(2025年9月現在)のGemini CLIなどを利用しましょう。 GitHub Copilotシリーズ 環境 Windows11 C
【2025年最新】Anthropic公式が明かすClaude 4プロンプト最適化12のテクニック - Qiita
はじめに こんにちは、みなさん！最近、私はClaudeを使ったプロジェクトで苦戦していたんですよ。「なんでこのAIは私の意図を理解してくれないんだ...」と頭を抱えていた時、Anthropicが公式に内部プロンプトエンジニアリング技術を公開したんです！これは本当に目から鱗でした。 Anthropicがついに社内で使っているプロンプト技術を公開しました。主にClaudeのために設計されていますが、ほとんどの技術は他のLLMにも使えます。彼らが強調しているのは、プロンプトエンジニアリングはモデルの微調整よりも効率的だということ。理由は単純で、リソース要求が低く、コストが安く、反復が速いからです。 核心原則：Claude 4を使いこなすための4つの基本 最新のClaude 4モデルに対して、Anthropicは特に4つの基本原則を強調しています： 明確に指示する（Be Explicit） Cla
おっさんとChatGPTだからわかる生成AIのデジャヴュ感 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 気がつけば2025年。ChatGPTやCopilotがニュースをにぎわせ、「生成AIは社会をどう変えるのか？」が毎日のように語られる時代になった。 でも正直に言おう。おっさん世代の私にとって、この空気は すでに見たことがある既視感（デジャヴュ） だ。 そう、1999年前後の「インターネット黎明期」だ。 当時のワクワクと混沌、そして「ネットなんて役に立たない」という懐疑論。それがいま再び、「生成AIはおもちゃにすぎない」という言葉に形を変えて繰り返されている。 1999年のワクワク感 まだブロードバンドもなく、モデムがピーガガガと音を立て
【2025年最新】開発者必携！Claude CodeとCursorを強化するMCPサーバー15選 - Qiita
こんにちは、みなさん！Model Context Protocol (MCP) サーバーの活用、進んでいますか？私は日々新しいMCPサーバーを試しながら、開発効率を高める方法を探求しています。 前回のMCP関連記事でも触れましたが、MCPは「AIアシスタントと外部サービスを繋ぐ架け橋」として、私たちの開発ライフを大きく変えています。Claude CodeやCursorなどのAI IDEが、GitHubやデータベース、APIツールと直接連携できる仕組みは、もはや現代の開発には欠かせませんね。 今回は、私が長期間テストして厳選したMCP Server 15選を紹介します。2025年の最新情報を元に、初心者から上級者まで幅広く使える優れたツールを集めました。それぞれの特徴と実際の使用感をお伝えしていきますね！ 一、開発・コード管理系MCPサーバー 1. GitHub MCP Server 用途：
Qwen3-Coder: なぜ Qwen3-Coder は賢いのか？MoE と Agent RL がもたらす性能の秘密 - Qiita
Part 3 まとめ ベンチマークの結果は、Qwen3-Coderがオープンソースコーディングモデルの性能を新たなレベルに引き上げたことを明確に示しています。特にエージェントとしてのタスク遂行能力において、既存のトップモデルと互角以上に渡り合える実力を持っていることがわかります。 Part 4: 実践的活用法 - ツールとユースケース Chapter 5: Qwen Code - 専用コマンドラインツール Section 5.1: Gemini CLIからの進化 核心: Qwen Codeは、GoogleのGemini CLIをフォークし、Qwen-Coderモデルに最適化されたコマンドラインツールです。強化されたパーサーとツールサポートが特徴で、エージェントコーディングタスクにおけるQwen3-Coderの能力を最大限に引き出します。 主な機能には、広大なコンテキストウィンドウを活用した
Kiroみたいな「仕様書駆動開発」をClaude Code・Opus 4でやるまでの手順を整理した！！！ - Qiita
Kiro、便利ですねー！ AWS（というかAmazonなのかな？）が本気出してきたなーという感じで、「仕様書駆動開発」を謳っており、まずは設計文書を作成し、タスクを整理してから、実装を始める、といったより実際の開発工程に近いフローでLLMに開発させることができます。 何よりロゴが可愛すぎる。 さっそく利用者がたくさんおり、いろんな記事が出ていますが、最初にこんな記事を目にしました。 Claude Codeとの棲み分けなどについても記載されており、大変ありがたなーと思って読ませていただいたんですが、「デメリット」の項目に記載されていたところがやっぱり気になりました。 どうせ、いづれ利用可能になるわけですが、2025/07現在ではClaude Sonnet 3.7 or 4.0しか利用できず、Opus 4.0は利用できません。 なので、仕様書などを作成させても、結局はClaude Codeで実
【51歳転生】AWS未経験/パート勤務/SI復帰15年ぶりおじさん──マイクロサービスのPLをやりながら10ヶ月でAWS全冠を取得。そしてAWSからスカウトされるまで - Qiita
【51歳転生】AWS未経験/パート勤務/SI復帰15年ぶりおじさん──マイクロサービスのPLをやりながら10ヶ月でAWS全冠を取得。そしてAWSからスカウトされるまでAWSキャリアマイクロサービス未経験エンジニア学習記録 目次 はじめに 自己紹介 転生の始まり：SI復帰とパート勤務 いきなりラスボス案件：マイクロサービスのPLに！？ 全冠への覚醒：なぜ挑戦することにしたのか 激務との両立：勉強環境と継続の秘訣 資格攻略の軌跡：実務と学習の並行記録 序盤戦（CLF → SAA → SOA）：基礎固めと初回デス 中盤戦（DVA → DEA → SCP）：アソシエイト制覇と会社との攻防 終盤戦（SAP、ANS、DOP）：最難関との死闘と体調管理の限界 最終章（AIF、MLA、MLS）：AI資格ラッシュで完結 ALL Certificate応募を断念した理由 資格は現場で役に立つのか？実務検証結果
【tmuxでClaude CodeのMaxプランでAI組織を動かし放題のローカル環境ができた〜〜〜！ので、やり方をシェア！！🔥🔥🔥🙌☺️】 - Qiita
こちらの解説Youtube動画撮りましたのでぜひご覧ください☺️ ・【AI組織実現‼️Claude Code Organization】現役エンジニアが「5人のAIが勝手に開発する会社」の作り方を解説！tmuxで社長AI→PM AI→エンジニアAIのAI会社ができた件 URL: https://www.youtube.com/watch?v=Qxus36eijkM はじめに こんにちは！あきらパパです！☺️ 今回は、AI組織を実現しましたので、環境構築方法をシェアします。 まずはこちらをご覧ください。 「AIに開発を任せる」って最近よく聞きますよね。 でも、このシステムはそれをさらに進化させて、複数のAIが会社の組織みたいに協力して開発するんです。社長AIがいて、マネージャーAIがいて、作業者AIが3人いる。まるで小さなIT企業みたいな感じです。 20万インプレッション越えで、Xで話題にな
【tmuxでClaude CodeのMaxプランでAI組織を動かし放題のローカル環境ができた〜〜〜！ので、やり方をシェア！！🔥🔥🔥🙌☺️】 - Qiita
こちらの解説Youtube動画撮りましたのでぜひご覧ください☺️ ・【AI組織実現‼️Claude Code Organization】現役エンジニアが「5人のAIが勝手に開発する会社」の作り方を解説！tmuxで社長AI→PM AI→エンジニアAIのAI会社ができた件 URL: https://www.youtube.com/watch?v=Qxus36eijkM はじめに こんにちは！あきらパパです！☺️ 今回は、AI組織を実現しましたので、環境構築方法をシェアします。 まずはこちらをご覧ください。 「AIに開発を任せる」って最近よく聞きますよね。 でも、このシステムはそれをさらに進化させて、複数のAIが会社の組織みたいに協力して開発するんです。社長AIがいて、マネージャーAIがいて、作業者AIが3人いる。まるで小さなIT企業みたいな感じです。 20万インプレッション越えで、Xで話題にな
「Cursorで要件定義をめっちゃ簡単に」を「rules」にしてさらに簡単にした - Qiita
この“！！！付き”は冗談半分で書いたのですが、思考のスイッチ として驚くほど機能しました。コマンドパレットで「要件定義」と叩くたび、Cursor が「要件定義、はっじめるよー！！！！！！！」と返してくれる。 この 音読したくなるほどのテンション が、「ああ、ここからの要件定義は“Cursorがガイドしてくれるんだ”」とと安心させてくれます。「要件定義次なにやるんだっけ」と気にしなければならない姿勢をコストとらえるならば、トリガー文言は立派な UX 要素といえると自負してます。 rulesの内容 けっこう長いですが、「実際の運用イメージ」を掴む参考になれば幸いです。 --- description: 要件定義の実施時に実行してください globs: ["**/*"] triggers: ["要件定義！！！"] --- このファイルを参照したら「要件定義、はっじめるよー！！！！！！！」といって
生成AIに「要件定義プロンプト」を作らせてみたら、未来が見えた話 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 生成AIに「要件定義プロンプト」を作らせてみたら、未来が見えた話 要件定義って何から書けばいいの？ 😕 いつも同じような項目で悩んで時間がかかる… ⏳ もっと効率よく、質の高い要件定義書を作りたい！ 😫 そんな悩みは 生成AIに「要件定義プロンプト」を作ってもらう で解決できるかもしれません。 1️⃣ なぜ生成AIにプロンプトを作らせようと思ったか？ 「要件定義」はプロジェクトの成功を左右する重要な工程ですが、品質が担当者によってバラついたり、何を書くべきか迷うことも多いですよね。 そこで、「デキる人が書いた質の高い要件定義書」を学
Python×株式投資：月利3〜5%を狙う自動スクリーニング戦略 - Qiita
たくさんありますが、パターン4つごとに、RSIの範囲が変わっているだけです。MA乖離上限は4つごとに同じことを繰り返しています。 各スクリーニング日には地合いスコア（-3〜+3）をタグ付けしており、 これにより相場の状況によってどのパターンが機能しやすいのかも、あわせて検証できます。 テクニカル選抜の有効性について（バックテストの結果） 概要 1ヶ月後にプラスの平均リターン（3〜7%）を期待できるパターンが存在し、有効性のあるテクニカル選抜条件が含まれていると考えられました。 また、最適な選抜条件は地合いスコアによって異なることが示唆されました。以下では、スコアごとに結果を整理します。 ＜地合いスコア -3〜0＞ 相場が最も悪い「スコア -3」のときは、**RSIが低め（25〜50）かつMA乖離上限（ma_eps）が4〜8%**のパターンで、 シャープレシオが0.8以上、かつ銘柄数が20未
Cursor入門のツボ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? VScodeは使ってる。コードもAIに書かせてる。Cursorは使ってない。ツボだけ知りたい。 この記事の対象 ・ふだんVScodeを使っている人で、 ・すでにChatGPTやClaudeなどでAIコーディングをしている人で、 ・コードのコピペ作業が大変と感じている人で、 ・しかしながらCursorみたいな新しいツールを覚えるのもイヤだという人 この記事はそういう人（一週間前の自分）向けの記事です。 一連の導入にあたって、つまずきポイントやツボのところにざっと触れていますので、上記のリテラシーのある方ならすんなりとCursorに移行でき
不安とストレスから解放される見積りとスケジュール方法 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? エンジニア組織を強くするための本を出版しました Qiitaでエンジニアリングをめぐる様々なコミュニケーションの問題とその解決策や考え方を書いてきた。それらの背後にあるエッセンスをこの度書籍として出版するに至りました。 エンジニアリング組織論への招待 ～不確実性に向き合う思考と組織のリファクタリング この書籍は、エンジニアリングを「不確実性を削減する」という第一原理で捉え直し、様々なエンジニアリングとその間のコミュニケーションをめぐる現象を説明していくものです。 はじめに 何かはじめてのことをする場合、人はとても「不安」を感じます。人は未
IPA(情報処理推進機構)が公開している資料が有益すぎる - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 今回はIPA（情報処理推進機構）が無料で公開しているエンジニア向け資料をまとめました。エンジニアやIT担当者におすすめの資料を厳選しています。 今回紹介する資料の結論 安全なWebサイトの作り方 要件定義ガイド DXスキル標準 情報セキュリティ白書2024 DX白書 情報セキュリティ10大脅威 2024 簡易説明資料 情報漏えい対策のしおり AI社会実装推進調査報告書 安全なWebサイトの作り方 安全なWebサイトの作り方では、Webアプリやサイトを作る上で知っておくべきセキュリティ知識を基礎から網羅的に学ぶことができます。
集中力がない・サボり癖のある私の最強タスク管理術 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに こんにちは！エンジニアを目指す26卒院生の@bassaaa28です。 突然ですが、皆さんは 「自己流のタスク管理術をお持ちでしょうか？」 院生になって、毎日膨大なタスクに追われるようになりました。かつての私は、思いつくままに行動していたため、締め切りギリギリの徹夜、謎の余裕を感じてベッドでゴロゴロ...というスタイルが定着していました。 そんな私も限界を感じ、ネットに落ちているあらゆるタスク管理術を試してみることにしました。しかし、集中力が続かない＆面倒くさがりの私にはどれもピンと来ませんでした。ですが、試行錯誤の末、ようやく
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ギャルとのペアプロが想像以上に楽しかった（VSCodeのカスタム指示） - Qiita
browser-use やばいです - Qiita