記事一覧

全 1549 件 (Zenn で絞り込み) · 18 / 78 ページ

CSS box-shadow をビジュアルで生成するツールを作成
Zenn
CSS の box-shadow プロパティを手作業で調整する手間を削減するため、devnestio に Box Shadow Generator を追加。リアルタイムプレビュー、スライダー操作、複数レイヤー合成、ワンクリックコピー機能を搭載し、Vanilla JS で実装。
2026/08/01開発ビジネス初心者
Claude 認定アーキテクト試験（CCA-F）対策：英文問題を日本語で解くミニ演習5問
Zenn
Claude Certified Architect – Foundations 試験の5つのDomain から各1問、合計5問の非公式演習問題を公開ドキュメントをもとに作成。英文問題と日本語訳、併記選択肢、解説をセットで提供し、試験本番の英語のみ出題に対応した学習教材。Agent設計、MCP統合、Prompt最適化、APIセキュリティ、評価戦略を網羅。
2026/08/01Claude-Code API 中級
Claude と一緒に「スポーツボウリング場」構想を育てる―開発日記・第二弾編
Zenn
事務職からエンジニアへの転身過程で、複数 AI ではなく Claude のみと対話を続けながらボウリング場の予約システム第二弾を開発。構想の言語化から実装、Git 運用まで通して行う中で、単一 AI との長期対話による一貫性の確保、コンテキスト保持による効率化、そして実装後の発想転換が可能になることを実感。
2026/08/01Claude 開発初心者
Aurora MySQL 3.08.x → 3.10.x アップグレードガイド
Zenn
Aurora MySQL 3.08・3.09 は 2026 年 8 月 31 日に EoS を迎え、AWS により自動強制アップグレードされるため、事前に日時を選んで実施する必要がある。本記事は EoS 通知の読み解き、制約の棚卸し、クローン 2 面でのリハーサル、本番 SQL キャプチャ&リプレイによる検証を経た実装方法をまとめたもので、AI エージェントの活用で短時間での安全なアップグレード完了を実現した事例を紹介している。
2026/08/01開発中級ビジネス
AIオーケストレーションの開発フローを整理したら、最後のボトルネックは人間だった
Zenn
複数リポジトリ・複数AIを連携させる開発フローの構築では、要件を実装可能な単位へ分割し、設計・実装・レビュー段階で異なるAIを配置し、最後に人間がレビューする構成が有効。技術的な難題よりも、人間がAIツールを実際に運用する際の適応が最大の課題となる。
2026/08/01Agent MCP 開発
AI エージェントを「行列」で作るのをやめる — チェーンではなくグラフとして設計する
Zenn
エージェントシステムを一直線のチェーン設計から、グラフトポロジーへの転換を提案。Claude Code の dynamic workflows を例に、エージェント的怠惰・自己優遇バイアス・目標ドリフトの3つの失敗モードを解決するため、独立したサブエージェントに新しいコンテキストを与え、Fan-out / Fan-in / Diamond など並列・依存関係の明確化を実装する設計原則を解説。
2026/08/01Claude-Code Agent 中級
Plan モードを正解保証と勘違いするとなぜやり直しが増えるのか ── 公式 docs が推奨する3つの付き合い方
Zenn
Claude Code の Plan モードはプラン承認後の実装正解を保証せず、エッジケースの未検証が trust-then-verify gap を生む。公式ベストプラクティスは、小さな修正ならプランをスキップ・2回訂正で /clear により初期化・Ctrl+G で直接編集の3パターンを場面別に推奨。
2026/08/01Claude-Code 開発上級
有能な執事とメイドに囲まれたい — 煩悩から始まったAIエージェントのお屋敷
Zenn
Flutter/Firebase 開発を行うCEOが、戦国武将をモチーフにしたマルチエージェント構成に着想を受け、Claude Code を使った自前のエージェントシステムを構築。tmux と YAML で手作りした直後に公式の Agent Teams がリリースされたが、学習と愛着を理由に独自システムを継続し、5ヶ月でディスパッチャー的な開発スタイルへ変化した経験を綴る連載のプロローグ。
2026/08/01Claude Code Agent 上級
コードが書けない私が1000件の趣味図鑑をAIと作ったときの9つの型
Zenn
非エンジニアがClaudeと協働して1000件のデータベースと診断エンジンを構築した経験から、規模の拡大に伴う品質低下を防ぐ9つの実践的な指示パターンを紹介。AIに一次情報を直接確認させる、再発防止の仕組みまで作らせる、スケール前に検証を自動化する等、誰でも明日から持ち帰れるノウハウを体系化。
2026/08/01Claude 初心者ビジネス
TradingView MCPサーバーを作る — AIにチャートを読ませる方法
Zenn
Claude が TradingView のチャートデータを実際に読み取れるようにするため、MCP（Model Context Protocol）と Chrome DevTools Protocol を組み合わせたサーバーを構築する手法を解説。MCPサーバーをTradingViewに接続することで、AIが一般論ではなく現在のチャート状態に基づいた分析を行えるようになり、銘柄変更・指標値取得・Pine Script編集などの操作も可能になる。
2026/08/01MCP Claude 開発
Flutter × SDD：AI駆動開発の精度ばらつきを仕様駆動開発で解決した実例
Zenn
Flutter アプリ開発チームが仕様駆動開発（SDD）を導入し、AI駆動開発における成果物の精度ばらつきを解決。実装前に仕様を確定させ「契約」として扱う手法により、工数を40%削減し手戻りや不具合も大幅減。過剰設計やレビューコスト爆発など実装時の課題と解決方法を詳述。
2026/08/01Claude-Code 開発上級
Talking Dogs という掲示板サービスを Claude Code で 2 ヶ月で開発・公開した
Zenn
モバイルエンジニアが Claude Code を活用し、YouTubeコメント欄のようなオープンで健全なコミュニケーション空間を目指す掲示板サービス「Talking Dogs」を開発・公開。音声読み上げ機能と実況モードが特徴で、SNS のような承認欲求装置ではなく「ラフコミュニケーションプレイス」として設計。React Router v7・Cloudflare Workers などの技術構成で実装。
2026/08/01Claude-Code 開発初心者
AIが安くなった——GPT-5.6の衝撃
Zenn
OpenAIがGPT-5.6の価格を大幅に引き下げ、Luna・Terraという段階的な価格ティアを導入した。モデル効率の向上により、個人から企業まで予算に応じた選択が可能に。Googleも競合モデルを発表し、複数モデルの使い分けが標準化へ向かっている。
2026/08/01API 開発コスト削減
個人開発のAI利用構成と2026年7月の課金額(API換算)を公開
Zenn
個人開発者が2026年7月に利用したAIサービスの構成を公開。ChatGPT ProのCodexで269.9億トークン、Claude Max 20xで4.41億トークンを消費し、合計をAPI料金に換算すると約1,082万円（月額サブスク費400ドル差引後は約1,076万円の相当額）。Codexの週別利用量変動やモデル別の料金単価比較も提示。
2026/08/01Claude API 開発
「テトリス作って」の一言だけで SRS 回転法則まで実装された話
Zenn
Claude Code で Claude Fable 5 に「テトリス作って」と一言だけ指示し、1分30秒で動作する HTML/CSS/JavaScript テトリスが生成された。SRS 壁蹴り・7-bag ランダム方式・ロック遅延など、テトリスの定番設計パターンが要件なしに自発的に実装されており、AI コーディングの実力を測る検証となった。
2026/08/01Claude-Code 開発上級
MCP 2026-07-28 版への実装検証：旧版 Claude Code 2.1.220 との互換性確認
Zenn
MCP 新仕様（2026-07-28 版）の 28 項目の変更のうち、stdio 自作サーバに実装作業が必要なのは 12 項目であることを実測で確認。旧仕様クライアント（Claude Code 2.1.220）との接続も動作し、結果はツールの消滅で無言に失敗する可能性を発見。
2026/07/31MCP 開発上級
GitHub Issueを20並列で捌くターミナルマルチプレクサ ghmux を開発
Zenn
開発者が複数のGitHub Issueを並列処理する際の認知負荷を軽減するターミナルマルチプレクサ ghmux を開発。各ペインにIssueやPRのリンクを自動表示し、CI結果の監視やイベント駆動でClaudeへの自動指示を行うことで、タスク管理とAIとの協働を効率化する。
2026/07/31開発上級 Claude-Code
Claude Code の /doctor コマンドでスキルと MCP サーバーの使用実績を棚卸しする
Zenn
Claude Code v2.1.205 で追加された /doctor コマンドは、インストール済みスキル・プラグイン・MCP サーバーの使用履歴とコンテキストコストを分析し、残すか削除するかを判定する。直近 50 セッションの実行ログから実際の利用頻度を数え、常駐トークンコストと突き合わせて理由付きで提案する。
2026/07/31Claude-Code 中級開発
Claude Code を活用したローカルタスク管理アプリの設計と実装
Zenn
増加するタスク管理の課題に対し、音声入力 + Claude Code の /voice 機能を組み合わせたタスク管理アプリを設計。ホットキーで音声入力し Claude が自動整形・保存、毎朝 9 時に Windows 通知で未完了タスクを表示。Claude Code の権限制限・tasks.md の一元管理により安全性とデータ整合性を確保した実装例。
2026/07/31Claude-Code 初心者開発
MCP新仕様(2026-07-28)のステートレス化を試してみました
Zenn
MCP新仕様(2026-07-28)で、セッション開始時の initialize → notifications/initialized というハンドシェイクが廃止され、ステートレス型に変更されました。著者が Go + Docker で自作 MCP Server を実装し、旧仕様との互換性確認と新仕様の動作を実際に検証した結果を報告しています。
2026/07/31MCP 開発上級

記事一覧

全 1549 件 (Zenn で絞り込み) · 18 / 78 ページ

CSS box-shadow をビジュアルで生成するツールを作成

Zenn

CSS の box-shadow プロパティを手作業で調整する手間を削減するため、devnestio に Box Shadow Generator を追加。リアルタイムプレビュー、スライダー操作、複数レイヤー合成、ワンクリックコピー機能を搭載し、Vanilla JS で実装。

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

Claude 認定アーキテクト試験（CCA-F）対策：英文問題を日本語で解くミニ演習5問

Zenn

Claude Certified Architect – Foundations 試験の5つのDomain から各1問、合計5問の非公式演習問題を公開ドキュメントをもとに作成。英文問題と日本語訳、併記選択肢、解説をセットで提供し、試験本番の英語のみ出題に対応した学習教材。Agent設計、MCP統合、Prompt最適化、APIセキュリティ、評価戦略を網羅。

2026/08/01Claude-Code API 中級

Claude と一緒に「スポーツボウリング場」構想を育てる―開発日記・第二弾編

Zenn

事務職からエンジニアへの転身過程で、複数 AI ではなく Claude のみと対話を続けながらボウリング場の予約システム第二弾を開発。構想の言語化から実装、Git 運用まで通して行う中で、単一 AI との長期対話による一貫性の確保、コンテキスト保持による効率化、そして実装後の発想転換が可能になることを実感。

2026/08/01Claude 開発初心者

Aurora MySQL 3.08.x → 3.10.x アップグレードガイド

Zenn

Aurora MySQL 3.08・3.09 は 2026 年 8 月 31 日に EoS を迎え、AWS により自動強制アップグレードされるため、事前に日時を選んで実施する必要がある。本記事は EoS 通知の読み解き、制約の棚卸し、クローン 2 面でのリハーサル、本番 SQL キャプチャ&リプレイによる検証を経た実装方法をまとめたもので、AI エージェントの活用で短時間での安全なアップグレード完了を実現した事例を紹介している。

2026/08/01開発中級ビジネス

AIオーケストレーションの開発フローを整理したら、最後のボトルネックは人間だった

Zenn

複数リポジトリ・複数AIを連携させる開発フローの構築では、要件を実装可能な単位へ分割し、設計・実装・レビュー段階で異なるAIを配置し、最後に人間がレビューする構成が有効。技術的な難題よりも、人間がAIツールを実際に運用する際の適応が最大の課題となる。

2026/08/01Agent MCP 開発

AI エージェントを「行列」で作るのをやめる — チェーンではなくグラフとして設計する

Zenn

エージェントシステムを一直線のチェーン設計から、グラフトポロジーへの転換を提案。Claude Code の dynamic workflows を例に、エージェント的怠惰・自己優遇バイアス・目標ドリフトの3つの失敗モードを解決するため、独立したサブエージェントに新しいコンテキストを与え、Fan-out / Fan-in / Diamond など並列・依存関係の明確化を実装する設計原則を解説。

2026/08/01Claude-Code Agent 中級

Plan モードを正解保証と勘違いするとなぜやり直しが増えるのか ── 公式 docs が推奨する3つの付き合い方

Zenn

Claude Code の Plan モードはプラン承認後の実装正解を保証せず、エッジケースの未検証が trust-then-verify gap を生む。公式ベストプラクティスは、小さな修正ならプランをスキップ・2回訂正で /clear により初期化・Ctrl+G で直接編集の3パターンを場面別に推奨。

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

有能な執事とメイドに囲まれたい — 煩悩から始まったAIエージェントのお屋敷

Zenn

Flutter/Firebase 開発を行うCEOが、戦国武将をモチーフにしたマルチエージェント構成に着想を受け、Claude Code を使った自前のエージェントシステムを構築。tmux と YAML で手作りした直後に公式の Agent Teams がリリースされたが、学習と愛着を理由に独自システムを継続し、5ヶ月でディスパッチャー的な開発スタイルへ変化した経験を綴る連載のプロローグ。

2026/08/01Claude Code Agent 上級

コードが書けない私が1000件の趣味図鑑をAIと作ったときの9つの型

Zenn

非エンジニアがClaudeと協働して1000件のデータベースと診断エンジンを構築した経験から、規模の拡大に伴う品質低下を防ぐ9つの実践的な指示パターンを紹介。AIに一次情報を直接確認させる、再発防止の仕組みまで作らせる、スケール前に検証を自動化する等、誰でも明日から持ち帰れるノウハウを体系化。

2026/08/01Claude 初心者ビジネス

TradingView MCPサーバーを作る — AIにチャートを読ませる方法

Zenn

Claude が TradingView のチャートデータを実際に読み取れるようにするため、MCP（Model Context Protocol）と Chrome DevTools Protocol を組み合わせたサーバーを構築する手法を解説。MCPサーバーをTradingViewに接続することで、AIが一般論ではなく現在のチャート状態に基づいた分析を行えるようになり、銘柄変更・指標値取得・Pine Script編集などの操作も可能になる。

2026/08/01MCP Claude 開発

Flutter × SDD：AI駆動開発の精度ばらつきを仕様駆動開発で解決した実例

Zenn

Flutter アプリ開発チームが仕様駆動開発（SDD）を導入し、AI駆動開発における成果物の精度ばらつきを解決。実装前に仕様を確定させ「契約」として扱う手法により、工数を40%削減し手戻りや不具合も大幅減。過剰設計やレビューコスト爆発など実装時の課題と解決方法を詳述。

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

Talking Dogs という掲示板サービスを Claude Code で 2 ヶ月で開発・公開した

Zenn

モバイルエンジニアが Claude Code を活用し、YouTubeコメント欄のようなオープンで健全なコミュニケーション空間を目指す掲示板サービス「Talking Dogs」を開発・公開。音声読み上げ機能と実況モードが特徴で、SNS のような承認欲求装置ではなく「ラフコミュニケーションプレイス」として設計。React Router v7・Cloudflare Workers などの技術構成で実装。

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

AIが安くなった——GPT-5.6の衝撃

Zenn

OpenAIがGPT-5.6の価格を大幅に引き下げ、Luna・Terraという段階的な価格ティアを導入した。モデル効率の向上により、個人から企業まで予算に応じた選択が可能に。Googleも競合モデルを発表し、複数モデルの使い分けが標準化へ向かっている。

2026/08/01API 開発コスト削減

個人開発のAI利用構成と2026年7月の課金額(API換算)を公開

Zenn

個人開発者が2026年7月に利用したAIサービスの構成を公開。ChatGPT ProのCodexで269.9億トークン、Claude Max 20xで4.41億トークンを消費し、合計をAPI料金に換算すると約1,082万円（月額サブスク費400ドル差引後は約1,076万円の相当額）。Codexの週別利用量変動やモデル別の料金単価比較も提示。

2026/08/01Claude API 開発

「テトリス作って」の一言だけで SRS 回転法則まで実装された話

Zenn

Claude Code で Claude Fable 5 に「テトリス作って」と一言だけ指示し、1分30秒で動作する HTML/CSS/JavaScript テトリスが生成された。SRS 壁蹴り・7-bag ランダム方式・ロック遅延など、テトリスの定番設計パターンが要件なしに自発的に実装されており、AI コーディングの実力を測る検証となった。

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

MCP 2026-07-28 版への実装検証：旧版 Claude Code 2.1.220 との互換性確認

Zenn

MCP 新仕様（2026-07-28 版）の 28 項目の変更のうち、stdio 自作サーバに実装作業が必要なのは 12 項目であることを実測で確認。旧仕様クライアント（Claude Code 2.1.220）との接続も動作し、結果はツールの消滅で無言に失敗する可能性を発見。

2026/07/31MCP 開発上級

GitHub Issueを20並列で捌くターミナルマルチプレクサ ghmux を開発

Zenn

開発者が複数のGitHub Issueを並列処理する際の認知負荷を軽減するターミナルマルチプレクサ ghmux を開発。各ペインにIssueやPRのリンクを自動表示し、CI結果の監視やイベント駆動でClaudeへの自動指示を行うことで、タスク管理とAIとの協働を効率化する。

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

Claude Code の /doctor コマンドでスキルと MCP サーバーの使用実績を棚卸しする

Zenn

Claude Code v2.1.205 で追加された /doctor コマンドは、インストール済みスキル・プラグイン・MCP サーバーの使用履歴とコンテキストコストを分析し、残すか削除するかを判定する。直近 50 セッションの実行ログから実際の利用頻度を数え、常駐トークンコストと突き合わせて理由付きで提案する。

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

Claude Code を活用したローカルタスク管理アプリの設計と実装

Zenn

増加するタスク管理の課題に対し、音声入力 + Claude Code の /voice 機能を組み合わせたタスク管理アプリを設計。ホットキーで音声入力し Claude が自動整形・保存、毎朝 9 時に Windows 通知で未完了タスクを表示。Claude Code の権限制限・tasks.md の一元管理により安全性とデータ整合性を確保した実装例。

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

MCP新仕様(2026-07-28)のステートレス化を試してみました

Zenn

MCP新仕様(2026-07-28)で、セッション開始時の initialize → notifications/initialized というハンドシェイクが廃止され、ステートレス型に変更されました。著者が Go + Docker で自作 MCP Server を実装し、旧仕様との互換性確認と新仕様の動作を実際に検証した結果を報告しています。

2026/07/31MCP 開発上級