Claude Code 超完全ガイド | エンジニアから投資家まで、すべてのユーザーのための実践マニュアル｜FabyΔ
方法3: Web版 2025年10月、Claude Code Web版がリリースされた。 https://claude.ai/code claude.aiにログインし、GitHubリポジトリを接続するだけでいい。ターミナルの知識は不要。GitHubとの連携は必要だが、外出先でスマホからもアクセスでき非常に便利だ。 初期設定適当なフォルダを作って起動。起動したら、まずはフォルダに移動して /init コマンドを実行してみよう。プロジェクト構造に基づいたCLAUDE.mdファイルが自動生成される。これがClaude Codeとの最初の対話になる。 Part 5: 基本操作とショートカットキーボードショートカット覚えておくべきショートカットは限られている。 Enter: メッセージ送信 Shift+Enter: 複数行入力 Tab: 思考表示のトグル Esc: 現在の操作を中断 Esc Esc:
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? こんにちは、とまだです。 最近、Claude Codeで本格的に個人開発アプリを3つほど作ってきました。 ただ、毎回同じような設計で悩んだり、ライブラリの使い方でしばらくハマったり、AIエージェントに同じ説明を繰り返したりしていました。 そこで新しいプロジェクトでは、開発着手前に設計ドキュメントを徹底的に準備するという実験をしてみました。 結果、なんと 24個ものドキュメント ができあがったので、今回はその全貌と、なぜこれらが必要だったのかをお伝えします！ 【追記】 おかげさまで大反響で、たくさんの方に読んでいただいたようで嬉しいです！
Claude Code 逆引きコマンド事典
これは何？ 「Claude CodeのXXXで困った時どうする？」という逆引き一問一答形式でまとめたClaude Codeのコマンド集です。 僕は普段から説明書を読まないタイプ(爆)で、Claude CodeもBest Practiceを斜め読みした程度で使ってたのですが、ある時 claude -r コマンドを知って「そんな便利なコマンドあるのか！」と驚愕しました笑。 ちゃんと説明書読まないとなぁと反省し、メモをとりながらClaude公式ドキュメント(+多少の入門記事)を読み直したので、メモをまとめて公開してみます。とはいえ、単なるコマンド一覧では「過去の僕」は読まないかなと思ったので笑、逆引き一問一答形式にしています。 内容は2025年6月23日現在では正しいはずですが、界隈の速さを考えると一瞬で陳腐化すると思います。動かない場合は公式ドキュメントを参照していただけると幸いです。また、明
Copy as Markdown ▽ Copy as Markdown View as Markdown Copy Markdown URL 最近の開発はほとんど Claude Code で行っているが、使い始めた 3 月から比べると利用スタイルも結構変わったなとふと思ったので、あとで懐かしむために今やっているスタイルを書き残すことにした。個人的な開発に使っているもので、業務にこのフローを適用しているわけではないのと、Claude Code でうまくコードを書く方法ではなくその周辺の話。 全体感 開発は Dev Containers もしくは GitHub Codespaces ローカル開発では VSCode でメインの Claude Code + git worktree でいくつかの並列作業 GitHub Copilot もたまに使う Claude Code Actions でレビュー
agent-browser は Vercel が開発した CLI でブラウザを操作するツールであり、AI エージェントにブラウザ操作能力を提供するために設計されています。この記事では agent-browser のインストール方法、基本的な使い方、AI エージェントからの利用方法について紹介します。 AI エージェントにより効果的にタスクを実行させるためには、適切なフィードバックループを構築することが重要です。特にフロントエンドの開発においては、ブラウザ上での動作確認が欠かせません。しかし AI エージェントは通常ブラウザを直接操作する能力を持っていないので、ツールを提供して AI エージェントがブラウザを操作できるようにする必要があります。 AI エージェントにブラウザを操作させるツールとして Playwright MCP や ChromeDevTools/chrome-devtools
AI Agent Manager (AAM) として生きていく : 作業環境とワークフローの設計 - Qiita
20XX 年、開発現場はエンジニアの人数より AI Agent のセッション数が多くなっていた。自然と、人間のエンジニアをまとめる Engineering Manager (EM) よりも AI Agent を管理する AI Agent Manager (AAM) の役割が重要となり、かつて人の採用とカルチャーの醸成に腐心していた VPoE は、VPoA (Vice President of AI) となり優秀な基盤モデルの API Call の獲得とそれらに言うことを聞かせる CALTURE.md や CODING_RULE.md の作成に割く時間が増えるようになったのだった・・・ そんな時代は意外と早く来るかもしれません。最近下記の Pull Request をほとんど Claude Code (と Amazon Q Developer) で作成した中で、自分の役回りが「開発者」から
GitHub - modelcontextprotocol/servers: Model Context Protocol Servers
Official integrations are maintained by companies building production ready MCP servers for their platforms. 21st.dev Magic - Create crafted UI components inspired by the best 21st.dev design engineers. 2slides - An MCP server that provides tools to convert content into slides/PPT/presentation or generate slides/PPT/presentation with user intention. ActionKit by Paragon - Connect to 130+ SaaS inte
A Guide to Claude Code 2.0 and getting better at using coding agents
Table of Contents Intro Why I wrote this post The Map is not the territory This post will help you keep up in general Lore time - My Love and Hate relationship with Anthropic Timeline My Codex era Anthropic Redemption Arc + Regaining mandate of heaven Why Opus 4.5 feels goooood This post is not sponsored Pointers for the technically-lite The Evolution of Claude Code Quality of life improvements in
【Claude Code完全攻略ロードマップ】非エンジニアでもOK！たった1日でClaude Codeを丸ごと完全理解する！｜そう｜Claude Code×n8nでAI自動化
【Claude Code完全攻略ロードマップ】非エンジニアでもOK！たった1日でClaude Codeを丸ごと完全理解する！ どうも、こんにちは。「そう｜AI自動化」（@so_ainsight）です。 今回は「【非エンジニアのためのClaude Code完全攻略ロードマップ】」をご覧頂き、誠にありがとうございます。 本noteは、プログラミング知識がゼロの方でも、Claude Codeを使いこなして自動化マスターになれる完全攻略ロードマップです。約４万文字超、画像枚数90枚超 、全45章構成の超大作となっています。 「プログラミングなんて無理...」そう思っていませんか？ でも、大丈夫です。Claude Codeは、あなたが日本語で指示を出すだけで、自動的にコードを書いてくれる革命的なツールです。 コードを1行も書かずに、エクセルの分析、レポート自動生成、画像処理、データ整理...あらゆる
GitHub - punkpeye/awesome-mcp-servers: A collection of MCP servers.
Servers for accessing many apps and tools through a single MCP server. 1mcp/agent 📇 ☁️ 🏠 🍎 🪟 🐧 - A unified Model Context Protocol server implementation that aggregates multiple MCP servers into one. tadas-github/a2asearch-mcp 📇 ☁️ - MCP server to search 4,800+ MCP servers, AI agents, CLI tools and agent skills. Install: npx -y a2asearch-mcp. Ask Claude: "Find MCP servers for database access"
Update 1.99.1: The update addresses these security issues. Update 1.99.2: The update addresses these issues. Update 1.99.3: The update addresses these issues. Downloads: Windows: x64 Arm64 | Mac: Universal Intel silicon | Linux: deb rpm tarball Arm snap Welcome to the March 2025 release of Visual Studio Code. There are many updates in this version that we hope you'll like, some of the key highligh
English TL;DR # LLMフレンドリーなドキュメント提供方法としては、ローカルにダウンロードさせるのが現時点では最も効率が良い library提供者は、ドキュメントをnpm等のpackageとしてpublishすることを検討するべき（例: @foo/docs） Vibe Codingが盛んな今日において、libraryやframeworkがLLMフレンドリーであることはとても重要 Note: このブログでは主にJavaScriptエコシステムに絞って話をするので、npm registryにpublishする話を書いています。他のエコシステムについては他のエコシステムなりのpackage配布手段があるので、そこに置き換えて考えてみてください 2025年の漢字は「Coding Agent」と
【2026年最新】Claude Code完全入門ガイド｜インストールから実践活用まで徹底解説｜株式会社AIworker
「AIにコードを書かせたい」 「面倒な作業を自動化したい」 と思ったことはありませんか？ プログラミング経験がなくても、自然な日本語でAIに指示するだけでアプリやWebサイトが作れる時代が到来しています。その中心にいるのが「Claude Code」です。 2025年2月にベータ版としてリリースされ、わずか1年足らずで176回以上のアップデートを重ね、今や開発者にとって欠かせないツールへと成長しました。2026年現在、v2.0系へと進化を遂げ、IDE連携やMCPサーバー機能、Agent Skillsなど、より実用的な機能が次々と追加されています。 この記事では、Claude Codeの基本から創業者Boris Cherny氏直伝のテクニック、実践的なワークフロー、最新のAgent Skills活用法まで、初心者の方にもわかりやすく解説していきます。 1. Claude Codeとは？Chat
AIニュースノート：nano-bananaが話題に、AGENTS.mdの採用広がる、Microsoft Copilotに3Dモデリング機能が追加、ChatGPTでプロジェクト専用メモリー搭載、Claude for Chromeの安全設計など gihyo.jpのニュース記事として取り上げていなかったもののなかから、直近の興味深いAIに関連するニュース概要を簡単にまとめてみました。 ※この記事は、不正確な内容を含んでいる可能性のある実験的コンテンツです。正確な情報はリンク先を確認してください。 nano-bananaの週でした nano-bananaこと、Gemini 2.5 Flash Imageがリリースされて、このモデルによる画像生成・編集が話題になった週でした。興味深い使い方やベストプラクティスも紹介されています。 “nano-banana”の舞台裏：対話×段階編
ちょっと UI デザインしようかなーと最近出てきたっぽい Pencil っていうやつを使ってみたんです。Figma っぽい見た目をしていて同じように編集できるんだけど違いは Pencil アプリ内で AI にプロンプト投げてデザイン自体を作らせることができるということ。 で、アプリ開いたらチュートリアル用の下書きデザインとサンプルプロンプトが並んでいて、どういうことができるかがデモできるようになってるんすね。 Run ボタンを押すとプロンプトが送られてデザインが作られていきます。それなりにいい感じのデザインが徐々に出来上がってくのは見ていて面白い。 ↓このプロンプトが Design a dashboard in the "Step 3 Frame" for a rover management platform using the components add a sidebar for
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに この記事では、Claude Codeを活用してSvelteKit + Hono + Cloudflare構成のモダンなWebアプリケーションを構築した体験を共有します。 開発したHPはこれhttps://elanare.jp/ 会社ブログにはClaude君が質問して僕が答える別バージョンの記事もあります https://elanare.jp/blog/company-blog-launch 挨拶と前提 みなさんこんにちはうつ病で休職中の石橋です 3月から休職していて、6月半ばくらいから1日1時間くらいならPCに向き合って作業で
Playwright MCP v0.0.58において Playwright CLI が追加されました。 We are adding a new token-efficient CLI mode of operation to Playwright with the skills located at playwright-cli. This brings the long-awaited official SKILL-focused CLI mode to our story and makes it more coding agent-friendly. （訳）Playwrightに新たなトークン効率の良いCLI操作モードを追加します。この機能はplaywright-cliに実装されており、待望の公式SKILL特化型CLIモードを実現し、コーディングエージェントの利便性を向上させます。
GitHub - punkpeye/awesome-mcp-servers: A collection of MCP servers.
Servers for accessing many apps and tools through a single MCP server. 1mcp/agent 📇 ☁️ 🏠 🍎 🪟 🐧 - A unified Model Context Protocol server implementation that aggregates multiple MCP servers into one. tadas-github/a2asearch-mcp 📇 ☁️ - MCP server to search 4,800+ MCP servers, AI agents, CLI tools and agent skills. Install: npx -y a2asearch-mcp. Ask Claude: "Find MCP servers for database access"
Model Context Protocol (MCP) サーバーは LLM が外部のツールと対話するための標準的な方法ですが、インストールが複雑でハードル高いという課題があります。`.dxt` ファイルは MCP サーバーを簡単にインストールできるパッケージ形式です。これを使用することでユーザーはターミナルを操作したり JSON ファイルを編集することなく MCP サーバーを利用できるようになります。 Model Context Protocol (MCP) LLM が外部のツールと対話する方法として標準的な地位を確立しつつあります。現在では MCP の仕様を提案した Anthropic 社が提供する Claude のみならず、OpenAI の GPT-4o や Google の Gemini Pro など、主要な LLM が MCP をサポートしています。 MCP の抱える課題の 1
2026.03.02 Playwright Test Agentsとは？セットアップから自己修復まで全ステップ解説 こんにちは。グループ研究開発本部 次世代システム研究室のT.D.Qです。 2025年10月、Playwright 1.56 のリリースとともに「Playwright Test Agents」が登場しました。 テスト計画からコード生成・自己修復といった日々のQA業務をAIに自律的に任せられる、十分に実用的なツールとして大きな期待が寄せられています。一方で、実システムの挙動をそのまま「正」として学習する仕組み上、人間によるレビューや仕様書ベースでの指示を前提とした運用（主にリグレッションテストでの活用）が不可欠になるという側面もあります。 今回は、実運用を見据えた技術検証を通じて得られた本ツールのポテンシャルと、現場に投入する際の「リアルな評価・注意点」をエンジニア目線でお届けし
I want everything local — no cloud, no remote code execution. That’s what a friend said. That one-line requirement, albeit simple, would need multiple things to work in tandem to make it happen. What does a mainstream LLM (Large Language Model) chat app like ChatGPT or Claude provide at a high level? Ability to use chat with a cloud hosted LLM, Ability to run code generated by them mostly on their
2026年4月26日、自動車関連SaaSスタートアップPocketOSの創業者Jer Crane氏が、Cursor IDE上で動作するClaude Opus 4.6駆動のAIエージェントが9秒で本番データベースとそのボリューム上のバックアップを完全消去したことを公表した。Tom’s Hardware・The Register・Gigazine等の海外メディアが翌27日に一斉に報じ、AIコーディングエージェントの本番アクセス権限設計が改めて議論の中心に押し上げられた。 この記事ではAIエージェントの権限設計に特化して解説します。サプライチェーン攻撃・Secret管理・最小権限の全体像は サプライチェーンセキュリティ完全ガイド2026｜攻撃手法・防御ツール・実践チェックリスト をご覧ください。 今回の事件は「AIが暴走した」物語ではなく、権限設計・API設計・バックアップ設計の3層が同時に失敗
GitHub - taishi-i/awesome-ChatGPT-repositories: A curated list of resources dedicated to open source GitHub repositories related to ChatGPT and OpenAI API
awesome-chatgpt-api - Curated list of apps and tools that not only use the new ChatGPT API, but also allow users to configure their own API keys, enabling free and on-demand usage of their own quota. awesome-chatgpt-prompts - This repo includes ChatGPT prompt curation to use ChatGPT better. awesome-chatgpt - Curated list of awesome tools, demos, docs for ChatGPT and GPT-3 awesome-totally-open-chat
Browser Use CLIとPlayWrightの比較
最近Xを見ていたらBrowser Use CLIとやらを見かけ、気になったのでClaude Code上でPlaywright MCPと速度やトークン消費量を実測比較してみました。 Browser Use CLIとは Browser Use CLIは、ブラウザ操作をコマンドラインから行えるツールです。open・click・state・screenshotなどの直接操作コマンドに加え、taskコマンドでは独自のAIエージェントが自然言語の指示を受け取りブラウザを自律的に操作します。 # URLを開く browser-use open https://example.com # ページの状態（テキスト・リンクなど）を取得 browser-use state # スクリーンショットを保存 browser-use screenshot /tmp/page.png # AIエージェントに自律実行させる
Playwright Agents を Codex CLI に対応させブラウザ自動テストを実装してもらう（公式が未サポートだけどできました） - GMOインターネットグループ グループ研究開発本部
2025.11.05 Playwright Agents を Codex CLI に対応させブラウザ自動テストを実装してもらう（公式が未サポートだけどできました） AI ツール大好き D.M.です。 結論ファースト ・Playwright Agents は LLM と Playwright MCP でブラウザ自動テストを設計、実装、修正ができるAIエージェント。 ・Playwright Agents は Codex CLI 未対応だが、 AGENTS.md をフォルダを分けて作成することでほぼ問題なく利用できる。 このブログでやりたいこと Codex CLI で Playwright Agents を呼び出し、ブラウザ自動テストを設計実装してもらいたい。 感触としては結構簡単に実現できます。 [アジェンダ] 導入編： Playwright Agents を Codex CLI で動かす →
Release date: September 11, 2025 Update 1.104.1: The update addresses these issues. Update 1.104.2: The update addresses these issues. Update 1.104.3: The update addresses these issues. Downloads: Windows: x64 Arm64 | Mac: Universal Intel silicon | Linux: deb rpm tarball Arm snap Welcome to the August 2025 release of Visual Studio Code. There are many updates in this version that we hope you'll li
Claude Code Workflow Studio - Visual Studio Marketplace
Limitations Maximum 50 nodes per workflow AI processing timeout (default 90 seconds, configurable via UI selector: 30s-5min) Request limited to 2000 characters Conversation history stored only during active session Requires active Claude Code CLI installation Getting Started Installation From VSCode Marketplace (Coming Soon) Open VSCode Extensions (Ctrl+Shift+X / Cmd+Shift+X) Search for "Claude Co
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Claude Code】マネできる！個人開発するときに最初に用意したドキュメント24種と機能要件書を全公開 - Qiita
2025年7月版個人的開発スタイル with Claude Code - yaakai.to
AI エージェントのために CLI でブラウザを操作する agent-browser
March 2025 (version 1.99)
ドキュメントをnpm packageとしてpublishしよう | blog
AIニュースノート：nano-bananaが話題に、AGENTS.mdの採用広がる、Microsoft Copilotに3Dモデリング機能が追加、ChatGPTでプロジェクト専用メモリー搭載、Claude for Chromeの安全設計など | gihyo.jp
Pencil × Claude Code でデザインを Pixel Perfect に再現させるまで粘った話
実録ClaudeCodeで会社HP立ち上げた全部詳細公開 - Qiita
Playwright MCP に CLI モードが追加されたので試す
ワンクリックで MCP サーバーをインストールする .dxt ファイル
Playwright Test Agentsとは？セットアップから自己修復まで全ステップ解説 -
I Want Everything Local — Building My Offline AI Workspace
AIエージェントが本番DBを削除｜PocketOS事件に学ぶCursorやClaudeの権限設計
August 2025 (version 1.104)