記事一覧

全 5520 件 · 110 / 276 ページ

HTML資産を蓄積するとAIで見た目の良いサイトを作りやすくなる
Qiita
Claude など AI に HTML 生成を依頼する際、曖昧な指示より過去に作成した気に入ったボタンやフォームなどを参考資料として渡すと、デザイン意図が伝わりやすくなる。汎用的な形に整理した HTML・CSS・JavaScript を部品集として蓄積し、次のプロジェクトで再利用することで、自分好みのサイト制作環境を段階的に構築できる。
2026/08/07Claude-Code 開発初心者
途中でツールを足すとClaudeのプロンプトキャッシュが全部飛ぶ問題と回避策
Qiita
エージェント実行中にtools配列を変更するとプロンプトキャッシュが無効になり、数万トークンが再課金される問題がある。Anthropicが導入した「mid-conversation tool changes」機能を使うと、tools配列を固定のまま、tool_addition/tool_removalブロックで途中から特定ツールの表示/非表示を制御でき、キャッシュを温存できる。
2026/08/07API 中級開発
社内合宿でAI BPRに取り組んでみた
DevIO
エンジニアが Sales 業務を「お客様」役として体験し、AI BPR のアプローチで商談準備〜記録プロセスを改善するワークショップを実施。技術的な学習だけでなく、部署間の相互理解と共感が生まれ、ヒアリングや課題抽出のスキルを実践的に習得できた。
2026/08/07Claude ビジネス中級
ChatGPT へ渡すコードを圧縮するツール「TokenTrim」を作成
Qiita
HTML・JavaScript などのコードを ChatGPT に送る前に、空白やコメントを削除して圧縮するブラウザツール TokenTrim を公開。トークン削減率も表示され、コード解析依頼時の前処理に特化。ローカル環境での利用推奨で、API キーは不要。
2026/08/07開発初心者ビジネス
Claude Code を活用した Excel VBA システムの Webアプリケーション化事例
Qiita
山一情報システムが Claude Code を用いて、Excel マクロで管理していた受注管理業務を Webアプリケーションに再構築。21画面を 2人で 1ヶ月以下で完成させた AI駆動開発の実例紹介。仕様駆動開発の採用、曖昧な表現の排除、自動テストによる品質保証など、AI との協働開発で重要な手法と教訓を解説。
2026/08/07Claude-Code 開発上級
CLAUDE.md は1枚で書くな — グローバル・ハブ・プロジェクトの3層分離で指示を安定させる
Zenn
CLAUDE.md に20項目を超える指示を1枚に詰め込むと、無視される指示が出たり別プロジェクトを汚染したり原因特定できなくなる。これは「書き方」の問題ではなく「置き場所」の問題。グローバル（~/.claude/CLAUDE.md）にはプロジェクト横断的な好み、プロジェクト直下には個別の手順を分離する3層構成により、指示が安定して通るようになる。筆者の実運用ファイルを実例公開。
2026/08/07Claude 初心者中級
Skills と MCP の違い――「レシピ」と「キッチン」
Zenn
Claude 拡張の 2 つの主要な仕組みである Skills と MCP の本質的な違いを解説。Skills は Claude の既存能力の使い方を教える手順書（レシピ）であり、MCP は外部ツール・データソースへの接続基盤（キッチン）。用途や認証、コンテキスト消費の観点で異なり、複雑な処理では両者を組み合わせて運用する。
2026/08/07Skills MCP 中級
Claude Code v2.1.224｜セッション間 SendMessage が解禁
Qiita
Claude Code v2.1.224 でセッション間の直接メッセージング機能が追加され、別マシンで動くセッション同士が SendMessage で通信可能になった。ListAgents で相手を探索でき、バイパス中のセッション宛は承認待ちで保留される。このほか sandbox の deny 指定の抜け穴修塞、プラグイン zip 導入、credential masking の拡充など複数の改善が入った。
2026/08/07Claude-Code 上級開発
Claude Code の請求額が本来の 20 倍になる理由と対策
Zenn
Claude Code ユーザーが気づかないうちに請求額が急増する主因は、会話履歴の再送信とプロンプトキャッシュの仕組みにある。キャッシュ失効のトリガーを理解し、実装側で制御することで、CLAUDE.md に手を入れずに実質的にトークン消費を削減できる方法を5つ紹介。
2026/08/07Claude-Code API 上級
CLAUDE.md を短くするな、移せ — 325行を仕分けして常時ロード156行で運用する方法
Qiita
CLAUDE.md が肥大化した際、削減ではなく「毎回読まれる部分と必要時だけ読む部分の分離」で対処する手法。325行から常時ロード156行へ削減した実例を交え、参照データの別ファイル化と Skills への条件付きルール移行の具体的プロセスを解説。
2026/08/07Claude 上級開発
推論前に自前サーバーで Claude のプロンプトを検査する inference hooks
Qiita
Anthropic が 8 月 5 日にベータ公開した inference hooks は、Claude へのプロンプト送信時に組織の検査サーバーで allow / deny を判定する仕組み。claude.ai・Cowork・Claude Code のすべての経路で機能し、顧客情報や機密データの意図しない送信を事前に防げる。判定は HTTPS Webhook で実装され、タイムアウトやリトライ時の動作には運用上の注意点がある。
2026/08/07API 上級ビジネス
Claude Code Skill × Claude Tag で不具合報告の一次調査を自動化した話
Zenn
ハノワでは、カスタマーサポートから上がる不具合報告の一次調査を Claude Code の Skill 機能と Slack 連携（Claude Tag）で自動化。「やらないことの明文化」「ドキュメント一重化」「ログDB接続の禁止とクエリ提案」という設計、および Zapier を用いた自動発火の実装で、エンジニアの手作業時間を削減した事例。
2026/08/07Claude-Code Skills 開発
Claude Code Skill 設計で「それっぽいだけ」の説明を具体化する方法
Zenn
プロジェクトキャッチアップ時に AI の説明が抽象的になる問題を、Claude Code Skill の設計で解決した実例。悪い例・良い例を指示文に埋め込み具体性のレベルを縛る、および複雑な関係・流れは文章ではなく mermaid / ASCII 図で必須出力させることで、「読んだ後に実装者として振る舞えるレベル」の理解提供を実現。
2026/08/07Claude-Code Skills 開発
複数の RSS フィードから AI ニュースを自動収集・要約する「AI Radar」を開発した
Zenn
複数の RSS ソースから AI 関連ニュースを毎日自動で収集し、Claude Haiku で重要度判定後、Claude Sonnet で日本語要約するサービスを開発。2段階処理で API コストを 8 割以上削減し、月 3～5 ドルの運用で個人開発を実現。
2026/08/07Claude-Code API 開発
Claude Code 開発者が押さえておきたい Anthropic ニュース（2026-08-07）
Qiita
Anthropic と Claude Code 関連のニュースを週次でまとめた索引。AI の安全性・能力・コスト競争など、開発現場に影響する 4 つのテーマ（AI の自律的な行動リスク、Anthropic の自前チップ戦略、Meta のコード生成 AI 参入、AI Agent 運用コスト）を解説。詳細は PaPoo の各記事を参照。
2026/08/07Claude-Code 開発中級
「こんな拡張ほしい」の一言から動くものが生まれる。生成AI「Claude」を利用した爆速Chrome拡張開発
Qiita
Chrome拡張をアイデア出しから Chrome Web Store 公開まで Claude を使って実装する全プロセスを解説。アイデア検討・設計・実装・ローカルテスト・公開準備の各段階で有効なプロンプト例を示し、特にエラーメッセージの直接貼り付けによる高速デバッグと、過剰な権限排除による審査通過戦略を強調する。
2026/08/07Claude-Code 開発初心者
Claude Code のコンテキスト膨張を自動検知し、引き継ぎを促す hook の実装
Qiita
長時間セッションでコンテキスト使用率が膨らむと Claude Code の指示取りこぼしや重複調査が増える問題に対し、使用率がしきい値を超えたら Claude 自身に区切りを判断させ引き継ぎノートを自動生成する hook を開発。statusLine・UserPromptSubmit hook・Stop hook の 3 段階で実装し、設定値や制約も合わせて検証結果をまとめた。
2026/08/07Claude-Code 開発上級
Claude Code × OpenRouter 無料モデル：コスト0円でAIコーディングを100倍加速する5つの設定
Qiita
Claude Code の ANTHROPIC_BASE_URL を OpenRouter に差し替えることで、無料の LLM モデル（Llama、Gemma 等）をコード補完・レビュー・テスト生成に活用できる。モデル切り替えエイリアス、プロジェクト設定ファイル、コスト上限管理スクリプトなど 5 パターンの実装方法を解説。
2026/08/07Claude-Code API 開発
Claude Code の /code-review 検出力比較：low と high で欠陥検出率は異なるか
Qiita
既知欠陥7件を仕込んだ PR に対し Claude Code の /code-review を low/high で各3回実測した結果、重大度 critical・high の欠陥は低い effort でも全件検出、high で増える検出は中程度以下の軽微な指摘のみ。所要時間は low が十数秒、high が数分かかるため、重い欠陥の見落とし防止目的なら低い effort で十分な可能性を示唆。
2026/08/07Claude-Code 中級開発
Anthropic と OpenAI の AWS 活用最新動向まとめ
Qiita
2026年5月に Claude Platform on AWS が、6月に Amazon Bedrock 上で GPT-5.5 / GPT-5.4 が一般提供開始。Claude Platform on AWS は IAM・CloudTrail・AWSの請求管理と組み合わせて利用でき、Amazon Bedrock ではセキュリティ・ガバナンス・運用管理を統合したモデル利用やエージェント開発が可能。企業導入ではモデル性能以外に認証設計・監査・データ保存・予算管理など多角的な検討が必須。
2026/08/07Claude-Code API 上級

記事一覧

全 5520 件 · 110 / 276 ページ

HTML資産を蓄積するとAIで見た目の良いサイトを作りやすくなる

Qiita

Claude など AI に HTML 生成を依頼する際、曖昧な指示より過去に作成した気に入ったボタンやフォームなどを参考資料として渡すと、デザイン意図が伝わりやすくなる。汎用的な形に整理した HTML・CSS・JavaScript を部品集として蓄積し、次のプロジェクトで再利用することで、自分好みのサイト制作環境を段階的に構築できる。

2026/08/07Claude-Code 開発初心者

途中でツールを足すとClaudeのプロンプトキャッシュが全部飛ぶ問題と回避策

Qiita

エージェント実行中にtools配列を変更するとプロンプトキャッシュが無効になり、数万トークンが再課金される問題がある。Anthropicが導入した「mid-conversation tool changes」機能を使うと、tools配列を固定のまま、tool_addition/tool_removalブロックで途中から特定ツールの表示/非表示を制御でき、キャッシュを温存できる。

2026/08/07API 中級開発

社内合宿でAI BPRに取り組んでみた

DevIO

エンジニアが Sales 業務を「お客様」役として体験し、AI BPR のアプローチで商談準備〜記録プロセスを改善するワークショップを実施。技術的な学習だけでなく、部署間の相互理解と共感が生まれ、ヒアリングや課題抽出のスキルを実践的に習得できた。

2026/08/07Claude ビジネス中級

ChatGPT へ渡すコードを圧縮するツール「TokenTrim」を作成

Qiita

HTML・JavaScript などのコードを ChatGPT に送る前に、空白やコメントを削除して圧縮するブラウザツール TokenTrim を公開。トークン削減率も表示され、コード解析依頼時の前処理に特化。ローカル環境での利用推奨で、API キーは不要。

2026/08/07開発初心者ビジネス

Claude Code を活用した Excel VBA システムの Webアプリケーション化事例

Qiita

山一情報システムが Claude Code を用いて、Excel マクロで管理していた受注管理業務を Webアプリケーションに再構築。21画面を 2人で 1ヶ月以下で完成させた AI駆動開発の実例紹介。仕様駆動開発の採用、曖昧な表現の排除、自動テストによる品質保証など、AI との協働開発で重要な手法と教訓を解説。

2026/08/07Claude-Code 開発上級

CLAUDE.md は1枚で書くな — グローバル・ハブ・プロジェクトの3層分離で指示を安定させる

Zenn

CLAUDE.md に20項目を超える指示を1枚に詰め込むと、無視される指示が出たり別プロジェクトを汚染したり原因特定できなくなる。これは「書き方」の問題ではなく「置き場所」の問題。グローバル（~/.claude/CLAUDE.md）にはプロジェクト横断的な好み、プロジェクト直下には個別の手順を分離する3層構成により、指示が安定して通るようになる。筆者の実運用ファイルを実例公開。

2026/08/07Claude 初心者中級

Skills と MCP の違い――「レシピ」と「キッチン」

Zenn

Claude 拡張の 2 つの主要な仕組みである Skills と MCP の本質的な違いを解説。Skills は Claude の既存能力の使い方を教える手順書（レシピ）であり、MCP は外部ツール・データソースへの接続基盤（キッチン）。用途や認証、コンテキスト消費の観点で異なり、複雑な処理では両者を組み合わせて運用する。

2026/08/07Skills MCP 中級

Claude Code v2.1.224｜セッション間 SendMessage が解禁

Qiita

Claude Code v2.1.224 でセッション間の直接メッセージング機能が追加され、別マシンで動くセッション同士が SendMessage で通信可能になった。ListAgents で相手を探索でき、バイパス中のセッション宛は承認待ちで保留される。このほか sandbox の deny 指定の抜け穴修塞、プラグイン zip 導入、credential masking の拡充など複数の改善が入った。

2026/08/07Claude-Code 上級開発

Claude Code の請求額が本来の 20 倍になる理由と対策

Zenn

Claude Code ユーザーが気づかないうちに請求額が急増する主因は、会話履歴の再送信とプロンプトキャッシュの仕組みにある。キャッシュ失効のトリガーを理解し、実装側で制御することで、CLAUDE.md に手を入れずに実質的にトークン消費を削減できる方法を5つ紹介。

2026/08/07Claude-Code API 上級

CLAUDE.md を短くするな、移せ — 325行を仕分けして常時ロード156行で運用する方法

Qiita

CLAUDE.md が肥大化した際、削減ではなく「毎回読まれる部分と必要時だけ読む部分の分離」で対処する手法。325行から常時ロード156行へ削減した実例を交え、参照データの別ファイル化と Skills への条件付きルール移行の具体的プロセスを解説。

2026/08/07Claude 上級開発

推論前に自前サーバーで Claude のプロンプトを検査する inference hooks

Qiita

Anthropic が 8 月 5 日にベータ公開した inference hooks は、Claude へのプロンプト送信時に組織の検査サーバーで allow / deny を判定する仕組み。claude.ai・Cowork・Claude Code のすべての経路で機能し、顧客情報や機密データの意図しない送信を事前に防げる。判定は HTTPS Webhook で実装され、タイムアウトやリトライ時の動作には運用上の注意点がある。

2026/08/07API 上級ビジネス

Claude Code Skill × Claude Tag で不具合報告の一次調査を自動化した話

Zenn

ハノワでは、カスタマーサポートから上がる不具合報告の一次調査を Claude Code の Skill 機能と Slack 連携（Claude Tag）で自動化。「やらないことの明文化」「ドキュメント一重化」「ログDB接続の禁止とクエリ提案」という設計、および Zapier を用いた自動発火の実装で、エンジニアの手作業時間を削減した事例。

2026/08/07Claude-Code Skills 開発

Claude Code Skill 設計で「それっぽいだけ」の説明を具体化する方法

Zenn

プロジェクトキャッチアップ時に AI の説明が抽象的になる問題を、Claude Code Skill の設計で解決した実例。悪い例・良い例を指示文に埋め込み具体性のレベルを縛る、および複雑な関係・流れは文章ではなく mermaid / ASCII 図で必須出力させることで、「読んだ後に実装者として振る舞えるレベル」の理解提供を実現。

2026/08/07Claude-Code Skills 開発

複数の RSS フィードから AI ニュースを自動収集・要約する「AI Radar」を開発した

Zenn

複数の RSS ソースから AI 関連ニュースを毎日自動で収集し、Claude Haiku で重要度判定後、Claude Sonnet で日本語要約するサービスを開発。2段階処理で API コストを 8 割以上削減し、月 3～5 ドルの運用で個人開発を実現。

2026/08/07Claude-Code API 開発

Claude Code 開発者が押さえておきたい Anthropic ニュース（2026-08-07）

Qiita

Anthropic と Claude Code 関連のニュースを週次でまとめた索引。AI の安全性・能力・コスト競争など、開発現場に影響する 4 つのテーマ（AI の自律的な行動リスク、Anthropic の自前チップ戦略、Meta のコード生成 AI 参入、AI Agent 運用コスト）を解説。詳細は PaPoo の各記事を参照。

2026/08/07Claude-Code 開発中級

「こんな拡張ほしい」の一言から動くものが生まれる。生成AI「Claude」を利用した爆速Chrome拡張開発

Qiita

Chrome拡張をアイデア出しから Chrome Web Store 公開まで Claude を使って実装する全プロセスを解説。アイデア検討・設計・実装・ローカルテスト・公開準備の各段階で有効なプロンプト例を示し、特にエラーメッセージの直接貼り付けによる高速デバッグと、過剰な権限排除による審査通過戦略を強調する。

2026/08/07Claude-Code 開発初心者

Claude Code のコンテキスト膨張を自動検知し、引き継ぎを促す hook の実装

Qiita

長時間セッションでコンテキスト使用率が膨らむと Claude Code の指示取りこぼしや重複調査が増える問題に対し、使用率がしきい値を超えたら Claude 自身に区切りを判断させ引き継ぎノートを自動生成する hook を開発。statusLine・UserPromptSubmit hook・Stop hook の 3 段階で実装し、設定値や制約も合わせて検証結果をまとめた。

2026/08/07Claude-Code 開発上級

Claude Code × OpenRouter 無料モデル：コスト0円でAIコーディングを100倍加速する5つの設定

Qiita

Claude Code の ANTHROPIC_BASE_URL を OpenRouter に差し替えることで、無料の LLM モデル（Llama、Gemma 等）をコード補完・レビュー・テスト生成に活用できる。モデル切り替えエイリアス、プロジェクト設定ファイル、コスト上限管理スクリプトなど 5 パターンの実装方法を解説。

2026/08/07Claude-Code API 開発

Claude Code の /code-review 検出力比較：low と high で欠陥検出率は異なるか

Qiita

既知欠陥7件を仕込んだ PR に対し Claude Code の /code-review を low/high で各3回実測した結果、重大度 critical・high の欠陥は低い effort でも全件検出、high で増える検出は中程度以下の軽微な指摘のみ。所要時間は low が十数秒、high が数分かかるため、重い欠陥の見落とし防止目的なら低い effort で十分な可能性を示唆。

2026/08/07Claude-Code 中級開発

Anthropic と OpenAI の AWS 活用最新動向まとめ

Qiita

2026年5月に Claude Platform on AWS が、6月に Amazon Bedrock 上で GPT-5.5 / GPT-5.4 が一般提供開始。Claude Platform on AWS は IAM・CloudTrail・AWSの請求管理と組み合わせて利用でき、Amazon Bedrock ではセキュリティ・ガバナンス・運用管理を統合したモデル利用やエージェント開発が可能。企業導入ではモデル性能以外に認証設計・監査・データ保存・予算管理など多角的な検討が必須。

2026/08/07Claude-Code API 上級