100行のCLAUDE.mdより35行が効く理由 — 公式仕様で解く設定の最適化 - Qiita
CLAUDE.mdは長いほど効くわけではありません。むしろ長いほどClaude Codeは従いにくくなります。 100行書いたCLAUDE.mdと、35行に削って残りを.claude/rules/に分離したCLAUDE.md。同じ指示を出しても、後者の方がClaudeの出力品質が明らかに高いのです。 この記事では、なぜそうなるのかを公式仕様に基づいて解説し、「どの行を残し、どの行を移し、どの行を消すか」を1行単位で設計する方法論を紹介します。 CLAUDE.mdの注入メカニズム — なぜ「埋もれる」のか User Messageとして注入される事実 公式ドキュメントにはこう書かれています。 CLAUDE.md adds the contents as a user message following Claude Code's default system prompt. — Claude
v0 + Claude Code + LINEミニアプリで美容室予約アプリを作ってみた | DevelopersIO
はじめに 今回、各種生成AIツールとLINEエコシステムを活用して、美容室予約アプリを一から開発・デプロイしました。Claude Codeと協力して、Next.js 15、Convex、Vercel、LINEミニアプリを組み合わせたリアルタイム予約アプリを構築した体験をまとめます。 LINEミニアプリとして動作する予約システム LINEユーザーIDの自動DB記録とCRM機能 スタッフ向け予約管理ダッシュボード マイ予約ページでの予約履歴管理 開発プロセス 1. 要件定義・プロトタイプ作成 開発開始前に、ChatGPTとv0を活用してプロジェクトの方向性を固めました。 ChatGPTでの要件整理 まずはシンプルなプロンプトで要望を出してもらい、その後、ユーザー体験、スタッフ体験、業務要件、機能要件、非機能要件を出してもらいました。 v0でのモックプロトタイプ生成 ユーザー体験、スタッフ体験、
CLAUDE.md / Rules / Skills / Subagentsの役割と使い分け
Claude Code の設定ファイルにはいくつか種類がありますが、何をいつ使えばいいのかがわからなかったので簡単にまとめました。具体的な使い方については書いていませんので公式ドキュメントを参照してください。 設定ファイルの全体像 今回説明するのは以下の6つです。 settings.json - 権限設定やツールの動作設定 CLAUDE.md - セッション開始時に常に読み込まれるプロジェクトの基本情報 Rules - CLAUDE.mdが肥大化した時の分割先 Skills - 再利用可能なワークフローと専門知識 Subagents - 別コンテキストで動作し要約だけを返すエージェント Plugins - Skills/Agents/Hooksをパッケージ化してチーム共有 1. settings.json Claude Code の動作を制御する設定ファイルです。権限管理やツールの動作を細
Claude Code 拡張機能の整理（Skills / Agents / Plugins / Agent Teams）
筆者の実体験をもとに Claude Code を活用して整理しました。公式ドキュメントと挙動が異なる場合は公式を優先してください。 2026-02-11 更新: @karaage0703 さんに教えていただき、Claude Code v2.1.3 で Slash Commands が Skills に統合された件を反映しました。YAML frontmatter のフィールド一覧も公式ドキュメント準拠に更新しています。 Claude Code の拡張機能（Slash Commands, Skills, Agents, Plugins）の違いがわかりにくかったので、実際に触りながら整理したメモです。 拡張機能の全体像 Plugin（配布パッケージ） ├── Skills（コマンドの上位互換） ├── Agents（カスタムエージェント） ├── Hooks（ライフサイクルフック） └── MC
「Claude Code」導入をめっちゃスムーズにする「ドキュメントの下地」を作るプロンプト - Qiita
「Cursor擦り倒すシリーズ」ということで何本か記事を書いてきましたが、ハタと気づきました。 「最近は Claude Code のほうをよく使っています。出しているアウトプットの総量は断然 Cursor より多いです。」 ということで、一旦 Cursor 擦り倒すは終了して、今度は「Claude Code」擦り倒してさらなる生産性向上に努めたい所存です。 ちなみに、Cursor 擦り倒すシリーズの 1 つ目の記事はこちらです。 はじめに 「Claude Code はいい感じにコードベースの意図をくみ取って、バシバシ開発してくれるらしい」と耳にして、Claude Code を導入した私は最初の一歩でつまずきました。ツール自体の学習コストよりも、運用に載せるまでの摩擦 はそれなりに大きかったです。 そこで私は、一枚の “初期設定プロンプト” を用意することにしました。結果から言えば、このプロ
Claude Code公式ベストプラクティス徹底解説｜Anthropicが重視する5つの設計思想
こんにちは、とまだです。 この記事は、Anthropic公式のClaude Codeベストプラクティスドキュメントを解説したものです。 原文は以下のURLで公開されています。 なお、引用部分を含め一部の翻訳には意訳を含んでいます。 正確な内容は原文をご確認ください。 Claude Codeを使っていて、「なんだか思った通りに動かない」「途中で指示を忘れられた気がする」と感じたことはありませんか。 実は、Anthropic公式がベストプラクティスとして公開しているドキュメントを読むと、その原因と対策が見えてきます。 今回伝えたいことの要点は、公式ベストプラクティスの核心は「コンテキストウィンドウの管理」にあるということです。 一言で言えば、ほぼ全てのベストプラクティスがこの1点に帰結しています。 この記事では、Anthropic公式ドキュメントの内容を紹介しながら、公式が何を重視しているのか
Claude Codeの機能が多くて混乱している人へ
はじめに Claude Codeを触り始めると、「Skills」「Custom Commands」「Hooks」「サブエージェント」「MCP Servers」...と、似たような機能がいくつも出てきて混乱しませんか？ それらを使わなくても開発効率は使っていない時よりもかなり上がっているので、私は自腹で月300ドル払っていましたが、半年ほどあまり活用していませんでした。しかし活用したところかなり便利だったので一度まとめてみます。 この記事では、各機能の使い方だけでなく、「なぜその機能が存在するのか」「どういう問題を解決するのか」という思想から説明していきます。思想を理解すれば、新しい場面に遭遇しても自分で判断できるようになりますし、「この機能、こういう使い方もできるんじゃないか」というアイデアも浮かびやすくなるのかなと思います。 Claude Codeの考え方を理解する なぜこんなに多くの拡
初心者が爆速で Claude Code を習得する 10 のステップ
その②：通知をONにする モデルが強化されるにつれて、長時間の作業を自律的に行えるようになっています。その間、人間がずっと見ている必要はないため、作業が終わったら通知で連絡をもらうように設定しましょう。 個人的に参考になったブログはこちらです。 その③：音声入力を活用する 音声入力なら、タイピングの 3 〜 4 倍の情報量を、背景や意図を含めて自然に伝えられます。入力の負担が減って思考に集中できます。 個人的に参考になった動画はこちらです。 2. CLAUDE.md を作成し、育てる CLAUDE.md とは？ CLAUDE.md は、Claude にプロジェクトの背景知識（コンテキスト）を持たせるための設定ファイルです。通常、AI は会話のたびにプロジェクトの構成やルール（コーディング規約など）を忘れてしまうため、毎回説明する必要があります。しかし、プロジェクトのルートディレクトリに C
VS Code内でブラウザ画面プレビューとDevTools表示、そのままコード編集もできるVS Code拡張「Microsoft Edge Tools for VS Code」正式版に
VS Code内でブラウザ画面プレビューとDevTools表示、そのままコード編集もできるVS Code拡張「Microsoft Edge Tools for VS Code」正式版に マイクロソフトは、コードエディタのVisual Studio Code（以下VS Code）とWebブラウザのMicrosoft Edgeを組み合わせて、Webアプリケーションの開発を効率的に行えるVS Codeの拡張機能「Microsoft Edge Tools for VS Code」正式版のリリースを発表しました。 Are you a fan of the browser developer tools but not a fan of switching from editor to browser to use them? We heard you! Today we moved the "Mic
VS Code、Copilotが仕様作成を支援する「Planモード」が追加
GitHubは、日本時間10月29日未明から開催中の年次イベント「GitHub Universe 2025」で、Visual Studio CodeにおけるGitHub Copilotの新機能として、AIが仕様作成を支援する「Planモード」を発表しました。 GitHub Copilotにはすでに、質問や相談にAIが対応してくれる「Askモード」、コードの編集をAIが行ってくれる「Editモード」、AIに作業を指示すると自律的に実行する「Agentモード」があります。 今回の「Planモード」はこれらのモードに新たに加わるものです。 Planモードでは、人間が実装したい機能などの概要を入力すると、AIが既存のコードを分析した上で実装のための計画（Plan）を詳細に作成します。 その後、計画を作成する上であいまいな部分や未定義の部分があればそれについてAIが人間に質問をし、その回答を基に再び
個人的GitHub Copilotの使い方メモ - Qiita
はじめに 個人的に GitHub Copilot（以降: Copilot）にとてもお世話になっているので、自分なりの設定や良いなと思っている点をメモとしてまとめてみました！（2025/10時点） 基本的なことばかりかもしれませんが、どなたかの参考になりましたら嬉しいです！ 適していないと感じるケース CLIをメインで使いたい VSCodeが合わない 応答が遅いと支障が出る or ストレス Claude Codeの色々な機能（Sub Agents、Hooks）を活用している などなど Copilotを好んで使っている理由 いくつか理由があります！ 最近は機能差が減ってきたり、細かいところで使いやすさを感じる部分もあったりするのも理由の1つです。（機能面の比較に一部記載） 料金面 比較的料金が安い💰 少し開発する程度の方なら余裕をもって使えそうです！ 僕は最近開発がっつりではないので助かって
Anthropicが公開しているClaude Codeのベストプラクティスを初心者向けに解説
こんにちは、とまだです。 「AIツールを使ってコーディングを効率化したい！」 そう思ってClaude Codeを始めてみたものの、思うような結果が出なくて悩んでいませんか？ 今回は、Anthropic社が公開しているClaude Codeのベストプラクティスから抜粋し、初心者にもわかりやすく解説します！ これを読めば、Claude Codeをもっと効果的に使いこなせるようになるはずです。 ちなみに私は本業ではフリーランスエンジニア、ならびにAI駆動開発の導入支援を行っています。 また、Udemy で AI 駆動開発講座を複数開講しており、いくつかベストセラーもいただいています。 その経験を活かして、初心者の方でもわかりやすいよう、丁寧に解説しています！ 忙しい人のために要約 CLAUDE.mdファイルで開発ルールを共有 適切なツールの権限設定で安全性と効率性を両立 テスト駆動開発やビジュア
Claude Code卒業！GitHub Copilotに乗り換えます！
【導入】 すべての始まりは、一枚の「AI利用ランキング」だった こんにちは、FLINTERS新卒エンジニアの野崎です。 突然ですが、皆さんはAIコーディングツール、活用していますか？ 僕は8月頃から使えるようになった「Claude Code」にドハマりし、まさに"ゴリゴリ使い倒す"日々を送っていました。アイデアを壁打ちすれば設計のヒントをくれ、エラーコードを投げれば一瞬で解決策を示してくれる。まるで魔法使いのようなその力に、僕は完全に心酔していました。 しかし、そんな僕にある転機が訪れます。毎月発表される社内のAI利用状況レポートで、なんと僕が Claude Code利用者ランキング2位 にランクインしていたのです。 「え、俺がこんなに使っていいのか…？」「（従量課金だし）これ、まずいのでは…？」 一抹の危機感を覚えたのと同時に、僕は日々の開発業務に潜む、ある種の「ムダ」にも気づき始めてい
Claude Codeを10倍賢くする無料ツール「Serena」の威力とトークン効率化術
はじめに：AIコーディングの新たな可能性 Claude Codeを使ってコーディングをしていると、こんな悩みを抱えたことはありませんか？ プロジェクトの全体像を理解してもらうのに毎回長い説明が必要 トークン消費量が気になって、詳細な指示を躊躇してしまう 同じような説明を何度も繰り返している コンテキストが切れて、以前の作業内容を忘れられてしまう これらの問題を一挙に解決してくれるのが、今回紹介する「Serena MCP」です。このオープンソースツールを使うことで、Claude Codeの理解力と効率性が劇的に向上し、まさに「10倍賢く」なったような体験を得られます。 Serena とは Serenaは、Claude CodeなどLLMのためのコーディングエージェントツールキットで、MCP（Model Context Protocol）という規格に則り、AIと連携するツールの1つです。 一言
Claude Codeを用いて仕様書の自動更新の仕組みを構築した話
はじめに こんにちは！クラシルリワードでバックエンド開発をしているkorosukeです。 今回は、Claude Codeを活用してアフィリエイト仕様書の自動更新システムを構築し、運用チームの問い合わせ対応時間を25%削減した事例をご紹介します。 カスタムコマンドでgit履歴から変更を検出し、Notion MCPで仕様書を自動更新する仕組みにより、手動作業を大幅に削減することができました。 背景：複雑化するアフィリエイト仕様と問い合わせの増加 クラシルリワードでは、多数のASP（アフィリエイトサービスプロバイダー）と連携し、複雑な成果通知システムを運用しています。 仕様が複雑で把握が困難な上、仕様書がない・古い状態のものもあり、毎回コード調査が必要となり問い合わせ対応時間が膨らんでいました。 抱えていた課題 仕様が複雑化していて、そもそも仕様理解が難しい：多数のASPとの連携により、パラメー
SuperClaude とは？Claude Codeのコード品質を30%改善できた神ツールの完全ガイド！ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? こんにちは、とまだです。 Claude Code でコードを書いていて、「セキュリティ的に大丈夫かな？」とか「もっとパフォーマンス改善できないかな？」と悩んだことはありませんか？ 最近話題の SuperClaude というフレームワークを使ってみたところ、コード品質の改善がとても楽になったので紹介します。 （追記：実践編はこちら） 忙しい人のために要約 SuperClaude は Claude Code を拡張する無料のオープンソースツール 専門家ペルソナが自動的に登場して最適な支援をしてくれる 16個の高品質なカスタムコマンドがすぐに
Setup手順はREADMEに書かない！Claude Codeカスタムコマンドで進めるViable Codingの開発フロー
VTeacher所属の m-suzuki です。 時事ネタ #keep4o 騒動でChatGPTクローンを作ったときに、学び得た副産物の話です。 #keep4o 騒動 GPTがレガシーモデルを非表示にしたことで#keep4o運動にまで発展した大騒動がありましたね。実際に私もGPT-5を触った際、「機械的に聞き返してくることが増えたな」と感じることがありました。これはハルシーネーション対策の一環だと思います。エンジニア視点では技術の進歩として喜ばしいことも、特にChatGPTをコミュニケーション相手として活用していたユーザーにとっては切実な問題であったと、学べることが多くあったことだと思います。 5は4oに比べて回答が淡白なところがあり、4oを友人や恋人、パートナー代わりに調整して利用していた人たちからは「人格が変わった」と評されるほどの変化が生じた [引用元] 特に ChatGPT は、「
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で実
Claude Codeを実際のプロジェクトにうまく適用させていくTips10選 - Qiita
みなさんこんにちは！！！ Claude Codeは、Anthropicが提供するターミナルベースのコーディング用のAIエージェントです。 最近はClaude Codeでばっかり開発をしていますがXを監視していると「〇〇ですぐに破綻して使い物にならん〜」みたいな悲観的な話はよく見かけます。 実際、以下のような問題は頻発していると思います。 コードが多少大きくなった → コンテキストを見失い破綻 コードが散らかっていく → 同上 難易度が高いロジックを実装 → 嘘をつく 過渡期なのでしゃーないですが、「どこまで実装を任せていいのか…！？」という不安はあるかなーと思います。 ただ、現段階でその辺りの話を見定めるためには、とにかく使ってみるしかないと思うので、今回は、実際に使い倒してみて、こうすると概ねうまくいくんじゃないかなーというTipsを集めてみました。 適切な設定と使い方で、これらの問題は
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【保存版】Claude Code完全設定ガイド2026 - Hooks/Skills/MCP/権限を全部入りで本番運用する - Qiita
