Playwright MCP でデバッグさせながら、盤面編集機能付きピンボールゲームを Claude で開発した
QiitaWeb 上で遊べるピンボールゲームを Claude Opus 4.7 と Compound Engineering で開発。物理演算による挙動再現と盤面自由編集機能を実装しました。Playwright MCP を使って Claude に実際にゲームをプレイさせてバグ検出させることで、AIと人間の作業分担を効率化した事例を共有。
記事一覧
全 4211 件 · 184 / 211 ページ
Claude CodeでサードパーティAPIを使う設定方法：Base URLとよくあるエラー
QiitaClaude CodeをAPIゲートウェイ経由で使う際、ANTHROPIC_BASE_URL の末尾に /v1 を付けてはいけないという OpenAI SDK との重要な違いを解説。環境変数の設定方法、よくあるエラー (404、Unauthorized、設定の競合) の原因と対処法を macOS/Linux/Windows 別に記載。
Claude と 2 ヶ月で開発したデプロイの話：知らない言葉から始まった、AIとの未来
ZennWeb デザイナーが Claude の指導下でデプロイ・SSH 接続・SSL 証明書取得などサーバー構築を初体験。専門知識がなくても AI が補うことで、本番環境へのアプリ公開が実現した。知識がない状態でも前に進める時代の到来を実感したエッセイ。
Claude Code と Cowork を併用すると開発が変わる ── 補完関係と非同期委譲
ZennClaude Code（CLI）と Cowork（Claudeデスクトップアプリ）をローカルファイル経由で連携させる「cowork-cli-bridge」プロトコルを実装し、スキル開発を2分47秒で完結させた実例。Cowork がスキル設計・実装を、CLI がデプロイと git 操作を担当する分業モデルで、どちらか単体では詰まるタスクを効率化できる。
Claude のスキル機能とは？自分専用 AI を育てる方法
ZennClaude Code に搭載されたスキル機能は、カスタム指示書をファイル保存して再利用できる機能。SKILL.md ファイルに出力フォーマットやトーンを定義すれば、キーワード一つで毎回同じクオリティのアウトプットが得られ、毎回の詳細指示が不要になる。SNS 投稿生成や議事録整形など、繰り返し作業の自動化に活用可能。
Claude Code でローンチビデオを制作し、オープンソース化したツール「videowright」
HNKiln は Claude Code を使用してローンチビデオを 2 日で制作。その過程で開発した video-from-prompt ツール「videowright」を MIT ライセンスで公開。HTML/CSS/JavaScript ベースで Animated SVG や React などのウェブ技術に対応し、AI 音声生成と自動シンク、Playwright によるヘッドレス MP4 エクスポートが可能。
AI 動画生成ツールに 86 個の MCP ツールを搭載し Claude Code で駆動
HNViralMint は 5 プラットフォームのトレンド動画を検出・分析し、AI でスクリプト生成、字幕付きビデオレンダリング、YouTube・TikTok へのアップロードを自動化するツール。Scout・Analyzer・Generator・Uploader など 6 つのエージェントが MCP で連携し、Claude Code で制御可能。ローカル Whisper・FFmpeg・SQLite を使用し、100% プライベートで動作。
Claude Console にプロンプトキャッシュ診断機能が追加
ZennClaude Console にプロンプトキャッシュの診断機能が追加されました。キャッシュミス時に、変更された箇所と消費トークン数を特定できるようになり、開発者はコスト削減とプロンプト最適化が容易になります。
非エンジニアの営業がStrategic Sellingを読んでClaudeと本格的な営業活動チェックシートを作ってみた話
DevIOAWS営業担当者がStrategic Sellingを読んだ後、Claudeと対話してMEDDICC・Challenger Sale・SPIN Sellingを組み合わせた営業振り返りチェックシートをExcelで作成。顧客背景・決裁者・競合状況などを体系的に把握し、情報の信頼度も可視化することで再現性の高い営業分析が可能に。
LiteLLMとLangGraphで画像入力対応のVisionエージェントを構築する方法
DevIOClaude Sonnet、GPT-4.5、Gemini 2.5などのVisionモデルをLiteLLM経由で呼び出し、LangGraphエージェントに画像入力を組み込む実装方法を解説。ローカル画像をBase64化してdata URIで送信することで、外部URLの制限を回避し安定した運用が可能になる。
Claude Code 認定資格で LinkedIn が大量のスパムに埋め尽くされそう
RedditReddit ユーザーが Claude Code 認定資格の急増により、LinkedIn ネットワークが認定資格バッジで溢れかえることへの懸念を投稿。AI スキル認定の急速な普及が、プロフィール欄の信頼性低下につながる可能性を指摘。
Claude Code から Unicorn へ: 7 日間の実装記録
RedditReddit ユーザーが Claude Code を使用して 7 日間でスタートアップを実装し、Unicorn（ユニコーン企業レベルの評価）に到達させた事例。Claude Code の実開発での実用性と開発速度について、具体的な成功事例を共有している。
DeepSeek がエージェント基盤の開発者を募集――Claude Code の対抗馬か
HNDeepSeek がエージェント基盤エンジニアを募集し、独自の「Model + Harness = Agent」アーキテクチャを構築中。Agent Loop、MCP、メモリ管理、デスクトップ UI など、モデルと基盤が共進化する設計で、Claude Code との相違点は主に汎用性と長期記憶の実装にある。