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:
2023年から段階的にAIを開発フローに組み込み、2025年は試行錯誤とツールの大きな変化、そしてエージェント化を経て、私のソフトウェア開発の進め方は明確に変化しました。 ここで言う「変化」とは、単に作業が速くなった、便利になったという話ではありません。 より具体的には「コードをタイピングする時間よりも、間接作業の比重と抽象的な思考・ロジックが増えた」という意味での変化です。 とりわけ深刻なのは文字入力回数の増大です。その結果、マイクに向かって話したり、タイピングの練習といったプリミティブな活動を取り入れるようになりました。 この変化は私だけのものではありません。Addy Osmaniは『Beyond Vibe Coding』で「開発者の役割はコードを書くことから、コードを指示すること（directing）へシフトしている」と述べ、アーキテクチャやデザインパターンといったシステム思考への集
2025年の大晦日も目前。 大晦日といえば「除夜の鐘」ですね。 「除夜の鐘」とは、人間にあるとされる108種類の煩悩（悩みや心の迷い、苦しみ）を鐘を1回撞くごとに1つずつ消し去り、清らかな心で新年を迎えるための日本の風習です。 今回、もうすぐ大晦日を迎えるにあたり、「除夜の鐘」をテーマに「業務効率化の難しさや悩み」を「煩悩」に例え、それを解決した108個のAI活用法をまとめました。 スマートバンクは現在約70人ほどの社員数ですが、無理に絞って108個にしたほど全職種で積極的にAI活用をしています。 来年からの、みなさんの業務のご参考になれば幸いです。 このnoteでは、テキスト検索がしやすいように上のスライド内容を全てテキスト化しました。職種ごとに並べているので目次から気になる箇所をクリックしてご参照ください。 ■BizDev/マーケター/PR【001】管理画面のAI判定付き一括更新スクリ
agent-browser は Vercel が開発した CLI でブラウザを操作するツールであり、AI エージェントにブラウザ操作能力を提供するために設計されています。この記事では agent-browser のインストール方法、基本的な使い方、AI エージェントからの利用方法について紹介します。 AI エージェントにより効果的にタスクを実行させるためには、適切なフィードバックループを構築することが重要です。特にフロントエンドの開発においては、ブラウザ上での動作確認が欠かせません。しかし AI エージェントは通常ブラウザを直接操作する能力を持っていないので、ツールを提供して AI エージェントがブラウザを操作できるようにする必要があります。 AI エージェントにブラウザを操作させるツールとして Playwright MCP や ChromeDevTools/chrome-devtools
PRを出すだけでスクショ付き動作確認レポートが自動生成される仕組みを作る（Claude × Playwright）
はじめに こんにちは。データエンジニアの山口歩夢です。 以前、Claude CodeとPlaywright CLIを使ってStreamlitで作ったアプリケーションの動作確認レポートを自動作成するスキルを作りました。 対話形式で動作確認手順をClaudeに指示すると、Playwright CLIがStreamlitアプリを動かして、指示した通りに操作して、動作確認手順をスクショ付きで出力してくれると言ったものです。どんな風にレポートが出力されるのかは、以下の記事をご確認ください。 そして、今回はこちらをGitHub Actionsに組み込んで、PRを出した時に自動で動作確認レポートを作成できるようにしてみようという挑戦をしてみたので、工夫した点を色々と紹介してみようと思います。 完成イメージ この機能を使うと、動作確認手順書（ここでは、docs/operation_check.mdとします
はじめに Playwright MCPを使いブラウザテストのシナリオについて実装しておりましたがMCP経由だとツール定義のロード等でコンテキストが約8%増加するという以下の記事を受けて 自分でもPlaywright CLIとClaude CodeのSkills（カスタムコマンド） を組み合わせることでコンテキストを抑えつつブラウザ自動化を行うことをやってみようとおもいました。 Playwright CLIとは Playwright MCPリポジトリから、v0.0.58（2026/1/24）で追加されたトークン効率的なCLIモードです。 リリースノートでは以下のように紹介されています We are adding a new token-efficient CLI mode of operation to Playwright. This brings the long-awaited off
I use Claude Code. A lot. As a hobbyist, I run it in a VM several times a week on side projects, often with --dangerously-skip-permissions to vibe code whatever idea is on my mind. Professionally, part of my team builds the AI-IDE rules and tooling for our engineering team that consumes several billion tokens per month just for codegen. The CLI agent space is getting crowded and between Claude Cod
はじめに — コーディングエージェント に「目」を与える Claude Code や Codex CLI は非常に強力なコーディングエージェントであるが、UI の問題に関しては必ずしも万能ではない。 特に以下のようなケースは苦手である。 Markdown のレンダリング崩れ CSS の微妙なズレ レスポンシブのレイアウト崩れ スクロール後に発生する UI 問題 これらはコードを読んだだけでは判断しづらく、実際の画面を確認しないと分からないケースが多い。つまりAI開発エージェントは「コードは読めるが、画面は見えない」という制約がある。 ここではLaravel Boost + Playwright CLI + エージェントSKILLを組み合わせて開発していく事でAIエージェントに以下のような操作を行わせることができる。 指定した URL を開く スクリーンショットを取得する DOM を確認する
OWASP ZAP の finding を Rust/Axum の handler に戻して直す - じゃあ、おうちで学べる
はじめに vulnerable-app に ZAP の full scan を回すと、High finding が並びます。XSS、SQL Injection、Path Traversal。alert 名を眺めて、ふと気づく。これは「危険です」の一覧ではない。handler への差し戻し指示書だ。 OWASP ZAP を実行すると、HTML、Markdown、JSON のレポートが出ます。そこには Cross Site Scripting (Reflected)、SQL Injection、Path Traversal のような名前が並びます。ただ、alert 名だけを見ても修正は始まりません。必要なのは、finding を実際の handler、SQL、HTML 出力、ヘッダ設定に戻すことです。 OWASP ZAP は OSS の web 脆弱性スキャナで、HTTP リクエストを投げて挙
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行も書かずに、エクセルの分析、レポート自動生成、画像処理、データ整理...あらゆる
2025: The year in LLMs
31st December 2025 This is the third in my annual series reviewing everything that happened in the LLM space over the past 12 months. For previous years see Stuff we figured out about AI in 2023 and Things we learned about LLMs in 2024. It’s been a year filled with a lot of different trends. The year of “reasoning” The year of agents The year of coding agents and Claude Code The year of LLMs on th
【第4回】非エンジニアのClaude Code完全攻略 - Skills編｜てんちょー | 非エンジニアがAI開発で週末起業を爆速化
「非エンジニアのClaude Code完全攻略」シリーズ第4回です。 今回はSkillsフォルダを使って、「学習するAI」を作る方法を解説します。 同じ質問を何度もしなくて済むようになります。 安心してください。Skillsファイルも、Claude Codeに作ってもらえます。 この記事でわかることSkillsとは何か Claude CodeにSkillsを作ってもらう方法 どんなSkillsを作ったか 自動参照の設定方法 Skillsとは？Skillsは、AIに覚えてほしい知識・ノウハウをまとめたファイルです。 プロジェクトの.claude/skills/フォルダに置きます。 my-project/ ├── CLAUDE.md ├── .claude/ │ └── skills/ │ ├── README.md │ ├── design-system.md │ ├── test-guid
What Changed Since May It’s incredible how far “vibe coding” has come this year. Whereas in ~May I was amazed that some prompts produced code that worked out of the box, this is now my expectation. I can ship code now at a speed that seems unreal. I burned a lot of tokens since then. Time for an update. It’s funny how these agents work. There’s been this argument a few weeks ago that one needs to
【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
I recently shipped Context, a native macOS app for debugging MCP servers. The goal was to build a useful developer tool that feels at home on the platform, powered by Apple's SwiftUI framework. I've been building software for the Mac since 2008, but this time was different: Context was almost 100% built by Claude Code1. There is still skill and iteration involved in helping Claude build software,
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モードを実現し、コーディングエージェントの利便性を向上させます。
こんにちは。ダイの大冒険エンジョイ勢のbun913と申します。私はSDET(Software Development Engineer in Test)として、QAチームにいる何でも屋さんの意識で働いています。 みなさんは AI にソフトウェアテストケースを作らせたことはありませんか？私はあります。 要求や仕様などのドキュメントを渡して、規定のフォーマットにテスト技法や注意するべき観点を渡してテストを生成させることがあり、特にチェックの観点のテストケース作成には有効だと感じています。 一方でこんなことを感じたことがありませんか？ 暗黙の前提条件や設定値が想像で作られてしまっている AI「支払い制限設定を有効にする」 私「そんな設定ないよ」 関連する機能の洗い出しなどが苦手 当然次のリリースに関係する資料を渡すので、リグレッションや関連する機能のテストの生成は苦手ですよね 私は非常にあります
What if you don't need MCP at all? 2025-11-02 One chonky MCP server Table of contents After months of agentic coding frenzy, Twitter is still ablaze with discussions about MCP servers. I previously did some very light benchmarking to see if Bash tools or MCP servers are better suited for a specific task. The TL;DR: both can be efficient if you take care. Unfortunately, many of the most popular MCP
Birgitta is a Distinguished Engineer and AI-assisted delivery expert at Thoughtworks. She has over 20 years of experience as a software developer, architect and technical leader. This article is part of “Exploring Gen AI”. A series capturing Thoughtworks technologists' explorations of using gen ai technology for software development. The number of options we have to configure and enrich a coding a
Vercelが公開したAgent Skillsが便利な気がしたので早速Claude Codeに入れてみた - Qiita
こちらの記事を読む前に このSkillsが公開されてすぐの時点では「あのVercelが出した公式Skillだ！」とワクワク100％だったのだが、実際に丸一日触った結果正直有用とは言えず、現在では筆者環境からはアンインストールしている。 自省の意味も込めてこの記事は残したままにしておくが、今後こちらの技術に触れる方は私と同じ間違いをすることのないよう注意していただきたい。 以下本文 1月15日木曜日、VercelがReactとNext.jsの最適化ノウハウを詰め込んだAgent Skillsを公開した。10年以上の本番運用で培った知見が45のルールにまとまっているらしい。 これは入れるしかない。 そもそもAgent Skillsって何？ Agent Skillsは、AIコーディングエージェント（Claude Code、Cursor、Codexなど）に特定の知識やワークフローを追加できる仕組み
Geminiと暮らす GeminiClaw 🦀
はじめに 日々夢に見たようなプロダクトが次々にタイムラインを賑わせている昨今、皆様いかがお過ごしでしょうか。 タイムラインを賑わせてる筆頭株、今や約300k Star (記事執筆時) というPersonal AI Assistant OpenClaw 。当初何やらセキュリティ的に非常にまずそうという不安だけが先走り、手を出すのを先送りしていました。 ただPersonal Agentは個人的に作りたいと夢見てきたものでして、2026年のトレンドは車輪の再発明 (多分)。既存の優秀なAgent Engineの外側を少し拡張する方向で再現を試みることで (比較的) 手軽に技術的知見を深められないかなと思い、Gemini CLI + OpenClawでGeminiClawを自作してみました。 nanobananaに描いてもらった構成図 設計思想としては、Gemini CLIが持つツール実行、san
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ページを開く
私のソフトウェア開発を一変させてしまった2025年のAIエージェントをふりかえる
業務効率化の難しさや悩みを解決した「AI活用108選」をまとめました｜SmartBank
AI エージェントのために CLI でブラウザを操作する agent-browser
Playwright CLIとClaude Code Skillsで効率的なブラウザテストを実現する
How I Use Every Claude Code Feature
Playwright CLI + Claude Code で自律UI修正開発の提案
Shipping at Inference-Speed | Peter Steinberger
I Shipped a macOS App Built Entirely by Claude Code
Playwright MCP に CLI モードが追加されたので試す
想像でAIにテストケースを作成させないためのAgent Skills と MCP の活用方法
What if you don't need MCP at all?
Context Engineering for Coding Agents