はてなブックマーク

Claude Code デスクトップ Claude Code のデスクトップ版で新しいセッションを開始するとき Worktree を作成するのは簡単です。セッションの作成画面で「Worktree」チェックボックスをオンにするだけです。 Claude Code によって作成された Worktree は git worktree list コマンドで確認できます。 $ git worktree list /Users/xxx/sandbox/kanban-app 449a11e [main] /Users/xxx/sandbox/kanban-app/.claude/worktrees/quirky-kare 449a11e [claude/quirky-kare] Worktree のフォルダを開くと、.env ファイルなど、.worktreeinclude に記述されたファイルがコピーされ

Phase 1: Research Summary — GLM-OCR ┌────────────────┬──────────────────────────────────────────────────────────────────┐ │ 項目 │ 詳細 │ ├────────────────┼──────────────────────────────────────────────────────────────────┤ │ モデル │ zai-org/GLM-OCR │ ├────────────────┼──────────────────────────────────────────────────────────────────┤ │ パラメータ数 │ 0.9B │ ├────────────────┼────────────────────────────────

きっかけ：支援先のスプリント開発で見えた課題 技術顧問として入っている会社で、スプリント開発の現場を見ていてずっと気になっていたことがあった。 QAチームのテストケース作成がボトルネックになっている。 具体的にはこんな状況だった。 スプリント後半にQAの作業が溜まり、テストケース作成が間に合わない JIRAチケットの受け入れ条件からテストケースへの変換が完全に手作業 QAメンバーはコードを読めないので、エンジニアに「この変更、何に影響する？」と毎回聞く 新しいQAメンバーが入ると、テスト観点を覚えるまでに時間がかかる OpenObserveでも同じような課題があったらしく、Claude Codeで自動化したところ特徴分析が45〜60分から5〜10分に短縮、テストカバレッジも380から700以上に増えたという記事を見つけた。 これを参考に、Claude CodeのSkills・サブエージェン

2 つのサブエージェントが並列で動いて、数分で見出し 20 本 + 説明文 20 本の CSV が出来上がった 見出しの例 「個人開発プロダクトを無料で公開しよう」 「あなたの技術、埋もれていませんか？」 「SEO最適化済みで検索に強い技術ブログ」 全部 30 文字以内。訴求ポイントもトーン（疑問形、断定形、呼びかけ形）もバラバラに散らしてくれた ステップ 2 - Figma プラグインを Claude Code で自作 ここが一番「え、そんなことできるの？」ってなるところやね 作り方は簡単よ Claude Code に以下を指示した Claude Code が作ってくれたのは 3 つのファイル manifest.json - プラグインの設定ファイル ui.html - CSV をアップロードする画面 code.js - テンプレ複製＋テキスト差し替えのロジック 仕組みはこう。Figma

はじめに ターミナルで過ごす時間が長いエンジニアにとって、ターミナルエミュレータと開発ツールの選択は生産性に直結します。この記事では、高速ターミナルエミュレータ Ghostty と AI コーディングアシスタント Claude Code を組み合わせた開発環境について、実際に使っている設定とともに紹介します。 なお、筆者の環境は macOS（JIS キーボード）です。設定ファイルのパスやキーバインドは macOS を前提としていますので、Linux をお使いの方は適宜読み替えてください。 Ghostty とは Ghostty は、Zig で書かれた高速なターミナルエミュレータです。 GPU アクセラレーション によるスムーズな描画 macOS / Linux 対応（Windows は 2026年2月時点では未対応） ネイティブ UI を採用しており、OS に馴染むデザイン 設定ファイルベー

Claude Codeを使ったブラウザベースのビジュアル編集ツールとして、design-loopを作りました。 GitHub: https://github.com/azu/design-loop 左パネルに開発中のサイトのプレビュー、右パネルにClaude Codeのターミナルが表示されます。プレビュー上の要素をクリックすると、その要素のコンポーネント情報やスタイルがClaude Codeに渡されます。 インストール curl -fsSL https://raw.githubusercontent.com/azu/design-loop/main/install.sh | sh 使い方 ソースコードがあるディレクトリで、開発サーバーがすでに起動している場合は、--urlでURLを指定するだけで起動できます。 design-loop --url http://localhost:3000

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Anthropic のグロースマーケティングチームが Claude Code で広告コピー自動生成、Figma プラグイン自作、MCP サーバー構築、メモリシステムによる A/B テスト改善を実現した事例。非技術者 1 人で広告作成した手法 Anthropic が公式ブログで、社内チームが Claude Code をどう使っているかの事例を公開した。中でもグロースマーケティングチームの使い方がえぐい。しかも全部、真似できる X で毎日 AI 情報を配信してるコムテです。Claude Code テクニックを中心に情報を配信しています 再現してみた。Figma プラグインとサブエージェントを作る 2026/02/22。具体的な方法はこちらに書きました！↓ このチームは検索広告、SNS 広告、アプリストア、メールマーケティング、SEO を担当していて、驚くのは「非技術者 1 人のチーム」というこ

① ブラウザで記事をクリップ（Obsidian Web Clipper） ↓ Markdown形式で保存 ② Obsidian Vault の 06_Articles/ に蓄積 ↓ 記事が溜まったら... ③ Claude Code で /clip を実行 ↓ AIが記事の内容を読み取り、カテゴリを判定 ④ ~/Documents/articles/ 配下に自動整理 AWS/ S3Tables/ IAM/ Terraform/ Basics/ GCP/ CloudRun/ 補足: 今回、Obsidian Vaultから ~/Documents/articles/ へフォルダ間移動をしているのは、私がまだObsidianを使いこなせておらず、Obsidian上で記事を一元管理する運用ができていないためです。普段使い慣れている ~/Documents/ 配下で管理する方が自分にとって扱いやすい

SaaSの次はセキュリティか？Anthropicが自律型脆弱性発見AI「Claude Code Security」を発表 2026年2月20日、AI開発企業のAnthropicは、同社初となるサイバーセキュリティ特化型プロダクト「Claude Code Security」を発表した。大規模なコードベースを自律的に探索し、人間の専門家が見落とすような深刻なソフトウェアの脆弱性を発見・修正提案するこのツールは、エンタープライズセキュリティのあり方そのものを根本から覆す可能性を秘めたものだ。 同日の米国株式市場では、この発表が直接的な引き金となり、クラウドネイティブなセキュリティソリューションを提供する主要企業の株価が軒並み急落した。エンドポイントセキュリティ最大手のCrowdStrikeは7.56%の大幅下落を記録し、アイデンティティ管理を主導するOktaは9.2%、クラウドネットワーク防衛の

TL;DR 自分自身のスタイルを振り返りつつ、よりよいClaude Codeの使い方がないか模索する機会としてよさそうでもあり、どこかのClaude Code使い始めユーザーの参考になるかもしれない、と考えて、自分自身のClaude Codeを使うときのスタイルやプラクティスをまとめていきます。 なお、この記事は人力で書いています。 課金プラン ClaudeはProプランを契約しています。Maxを契約していた時期もありましたが、平日夜間+休日のみに限ると、やや持て余す感があります。 とはいえProプランではやや足りない……という中途半端なところで、以前はRate Limitに達したらチャージしてAPIを利用していました。 現在はz.ai のGLM-Coding Planを契約しており、Rate Limitに達しても作業を続ける場合は、こちらに切り替えるようにしています。 基本的なスタイル

Claude Code のデスクトップアプリに新しい Preview 機能がリリースされました。これを使用すると、コードから起動したアプリケーションの UI を直接確認しながら、同時にログやコードも確認して問題を解決できます。この記事では Preview 機能の使い方を紹介します。 Claude Code のデスクトップアプリに新しい Preview 機能がリリースされました。これを使用すると、コードから起動したアプリケーションの UI を直接確認しながら、同時にログやコードも確認して問題を解決できます。この記事では Preview 機能の使い方を紹介します。 Preview 機能を使用する まずは Claude Code のデスクトップアプリをインストールしましょう。Claude Code のドキュメント からお使いの OS に対応したインストーラーをダウンロードして、インストールを完了

既存の Slack Bot Token（User Token: xoxp-）のスコープを確認したところ、RTM API は missing_scope で使えないことが判明しました。そこで Socket Mode（WebSocket）で実装することにしました。 完成形のイメージ 次のような流れです。 スマホ Slack ↓ !ghost <指示> #ghost-commands（プライベートチャンネル・例） ↑↓ WebSocket（Socket Mode・即時） Mac（launchd 常時起動） → ghost_socket.py → claude -p "<指示>"（permission で許可済みのツールを実行） → Claude Code（Slack / Backlog / Toggl 等の MCP が全て使える） → 結果をスレッドに返信 + @メンションで通知 ↓ スマホに通

吉田真吾 (@yoshidashingo) です。 これだけは覚えて帰ってね💡 バイブコーディングの対極にある仕様駆動開発は、ソフトウェアエンジニアリングの基本原則をAI時代に再現するアプローチ 仕様駆動開発は仕様で「開発ライフサイクルを」駆動するのではない。仕様を唯一の情報源 (Single Source of Truth) としつつ、プロセスはルールブックによって駆動される Claude Codeでのステアリングには複数の方法があり、CLAUDE.md・スキル・AI-DLCのルールブックなど、目的に応じた使い分けと創意工夫の余地がある 実践Claude Code入門―現場で活用するためのAIコーディングの思考法 エンジニア選書 作者:西見 公宏,吉田 真吾,大嶋 勇樹技術評論社Amazon 本日、デブサミで登壇してきました。 event.shoeisha.jp Claude Code

はじめに こんにちは、マッハチームの日吉です。 「Claude に自社サービスの知識を持たせて、提案業務やプロトタイプ作成などに活用できないか？」 そんな発想から、「グロースパック for LINE」のドキュメントを提供する MCP サーバーを作ってみました。 本記事はMCPサーバーの社内公開（private）についての紹介ですが、いずれ社外にも公開しようと思っています。 同じように自社の知識を AI に渡したいと考えている方の参考になれば幸いです。 何を作ったのか 背景 「グロースパック for LINE」は、会員証・クーポン・スタンプカードなどのアセットを活用しハーフスクラッチで提供するサービスです。営業・プリセールス、また要件整理の場面では、顧客の業種や課題に応じて最適な機能を提案する必要があります。 しかし、プロダクトの機能は多岐にわたり、すべてを把握するのは容易ではありません。そ

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

戦略ドキュメントの作成、マーケティング分析、企画書の作成、プロトタイプの作成などなど、非エンジニアであっても、Claude Code があれば驚くほどのスピードで仕事を進められるようになりました。 しかし、ここで新たな問題が浮上します。 「各自がバラバラに作った成果物を、どうやってチームで共有・統合するのか？」 エンジニアの世界では GitHub でコードを共有する文化が何十年もかけて成熟してきました。 Pull Request を出し、レビューを受け、マージする。しかし、この仕組みをそのまま非エンジニアのドキュメント管理に持ち込むと、途端に破綻します。 本記事では、この「Claude Codeドリブンで仕事をする非エンジニアチームにおけるナレッジ・ドキュメント共有」という難題に対し、現在私が有効だと考えている運用モデルの仮説をシェアします。 なぜ「普通のGitHub運用」では回らないのか

💡本記事は英語ブログの日本語訳です。どうも、TAKUYAです。 AIコーディングでは専らClaude Codeを使っています。最初はtmuxでターミナルの右側にペインを分割して使っていたのですが、幅が狭すぎてメッセージやdiffがまともに表示できず、使いづらかったです。 <Prefix>+zでペインを最大化すればいいのですが、毎回やるのは面倒でした。 そこで、ポップアップウィンドウでClaude Codeを起動するようにしました。キーバインドを押せばセッションが開き、閉じてもバックグラウンドで動き続けるので、すぐに再開できます。 この記事では、それを実現するためのtmuxの設定方法を紹介します。 動画で見る(英語): ポップアップウィンドウはサブプロセスを維持できないtmuxのdisplay-popupコマンドを使うとポップアップウィンドウを表示でき、ちょっとしたツールにすぐアクセスする

Claude Codeを使っている人間なら全員見たことがあるはずだ。 お前は誰だ。 毎回ターミナルを開くたびに、80年代のアーケードゲームから脱走してきたみたいな8bitのオレンジ色の生き物が画面の上に鎮座している。頭にアンテナ（*）が生えてる。足が4本ある。目は2つ。 かわいい。それはわかる。てか結構好き。 だが私はこいつの名前も正体も知らない。しかもこの記事を書くにあたって当のClaude自身に「お前の顔のあれ何？」って聞いたら**「わかりません」って言われた**。 お前の顔だろ！！ こいつの名前は「Clawd」 調べた。GitHub Issueを漁り、海外の記事を読み、SNSの残骸を掘り返した結果、名前が判明した。なんでマスコットキャラの情報調べるのにIssue見てんの？ Clawd（クロード）。 「Claude」と「Claw（爪）」を掛けたダジャレだ。爪。つまりカニの爪。Anthr

こんにちは、ホワイトプラスでエンジニアリングマネージャーをしている仲見川です。 今回は、Claude Codeのスキルをチーム別に管理・配布する仕組みを構築した話を紹介します。 Claude Codeのスキルとは スキルは、Claude Codeの能力を拡張する仕組みです。SKILL.md ファイルに指示を記述すると、Claudeがそれを自身のツールキットに追加します。Claudeは会話の内容に応じてスキルを自動的に利用するほか、/skill-name で直接呼び出すこともできます。 たとえば「DDD構成要素の実装規約」「テストコードのパターン」といったプロジェクト固有のルールをスキルとして定義しておくと、Claude Codeがコード実装時に自動でそのルールに従って動作してくれます。 スキルは .claude/skills/ 配下にディレクトリを作り、その中にエントリーポイントとなる S