urotatomorimoのブックマーク (1,606)

  • 【完全版】Claude Code運用40選|KAWAI

    Claude Codeは、便利なチャットではありません。 設定、文脈、検証、自動化、並列化まで設計すると、日々の作業環境そのものになります。 この記事では、手元にあるClaude Code運用メモを土台に、Anthropic公式ドキュメント、Claude Help Center、GitHub Actions、MCP、Hooks、Skills、Subagents、非対話モード、情報収集ワークフローまで整理しました。 この記事は全文無料(期間限定)で閲覧できます。 見出し画像はAIで生成しました。 プロンプトはこの記事に掲載中。 Claude Codeは「会話相手」ではなく「作業環境」ですClaude Codeを使いこなせない原因の多くは、プロンプトの上手さではありません。作業環境として扱えていないことです。 公式ベストプラクティスでも、Claude Codeはファイルを読み、コマンドを実行し

    【完全版】Claude Code運用40選|KAWAI
  • Claude Codeにレビューを任せてチームの負担を減らす

    はじめに チームのコードレビューの負担を少しでも減らすために、Claude Code の Skill を使い、backend(Rails)レビュー用の /review-backend を作成しました。 この記事では、/review-backend の使い方と、実際に配置した設定ファイルを紹介します。 暫く使って安定したら、frontend 用にも展開する予定です。 狙いは、人のレビュー工数を少しでも削減することです。 まだ実運用を始めたばかりですが、同じように Claude Code でレビュー負担を減らしたい方の参考になれば幸いです。 環境 Claude Code v2.1.119 Claude Sonnet 4.6 Claude Team Ruby on Rails 7.0.6 Ruby 3.2.1 前提知識 Claude とは Anthropic 社が提供する、ChatGPT や G

    Claude Codeにレビューを任せてチームの負担を減らす
  • Claude Code を安全に使おう勉強会 / Claude Code Security Basics

    https://dev.classmethod.jp/articles/claude-code-security-basics/

    Claude Code を安全に使おう勉強会 / Claude Code Security Basics
  • Claude Code プラグインおすすめ 2026 — 公式マーケットプレイスから入れるべきプラグイン & MCP サーバー

    はじめに Claude Code のプラグインエコシステムが急速に拡大しています。2026 年 4 月時点で、公式マーケットプレイス(claude-plugins-official)には 160 個のプラグインが登録されています。うち 32 個が Anthropic 製、残りはサードパーティ製です。 しかし、数が多すぎて「結局どれを入れればいいの?」と迷う方も多いのではないでしょうか。 この記事では、公式マーケットプレイスの中身を実際に確認した上で、おすすめのプラグインと MCP サーバー系プラグインを紹介します。 プラグインの基 プラグインとは Claude Code プラグインは、スキル・フック・MCP サーバー・エージェントをパッケージ化して配布する仕組みです。プラグインをインストールするだけで、新しいスラッシュコマンドやツールが使えるようになります。 インストール方法 # 公式マ

    Claude Code プラグインおすすめ 2026 — 公式マーケットプレイスから入れるべきプラグイン & MCP サーバー
  • ハーネスエンジニアリングを楽にする Microsoft 製の新ツール「APM」ハンズオン

    はじめに 最近、AI エージェント(GitHub Copilot / Claude Code / Cursor / OpenCode / Codex …)に渡す「指示書」の種類が一気に増えました。 GitHub Copilot → .github/instructions/*.md, .github/prompts/*.md Claude Code → .claude/commands/*.md, .claude/agents/*.md Cursor → .cursor/rules/*.mdc これに加えて MCP サーバー / hooks / skills … チーム内でこれらを 「どこから集めて、どこに配っていますか?」 絵にすると、複数の取得元 × 複数のハーネス という多対多の配線を、各チーム/各リポが自前で組んでいるイメージです。 個々のツールが便利になっても、チーム全体としてこ

    ハーネスエンジニアリングを楽にする Microsoft 製の新ツール「APM」ハンズオン
  • Claude CodeのVSCode拡張が使いやすいよ - Qiita

    皆様、Claude Code使ってますか? CLIで利用されている方が大多数だと思いますが、VSCodeの拡張も悪くないよ、というお話です。 いつのころからか、左右にパネルが出るような構成になっています。 右側が通常(?)のチャット欄で左が過去のセッション一覧みたいな感じです。 左側にある「New session」をクリックするとメインのコードエディター部分にチャット欄がタブとして表示されます。 連打すると量産できますし タイル状に配置したりできます。 モードとか設定とか、マウスでポチポチ設定できます。 MCPサーバーの設定とかも、グラフィカルでわかりやすい。 プランモードでテトリスを作ってみましょう。 そういえば、Windowsですがいい感じにPowerShellを実行してくれます。 そういえば、別途claudeをインストールもしておらず、VSCode拡張をインストールしただけです。 ツ

    Claude CodeのVSCode拡張が使いやすいよ - Qiita
  • Claude Code を安全に使おう【社内勉強会スライド】 | DevelopersIO

    社内のチームメンバー(クラウド事業コンサルティング部)向けに 「 Claude Code を安全に使おう勉強会 」を開催しました。 Claude Code をセキュアに使う上での、 基的な考え方や権限/サンドボックス機能の紹介、簡単なデモを実施しました。 DevelopersIO向けに調整したスライドを掲載します。 以下勉強会で連携した設定サンプルです。 Claude Code を安全に使おう勉強会: 補足資料 - Gist スライドの内容:テキスト情報を以降に記載します。参考になれば幸いです。 イントロ 勉強会の目的やアジェンダ、スコープについて話します。 勉強会の目的 Claude Code (に限らず、AIエージェント) はとても便利です。 しかしリスクもあり、暴走もします。 この勉強会では、 Claude Codeが適切な範囲で適切に動けるような、 ガードレールの敷き方 を学

    Claude Code を安全に使おう【社内勉強会スライド】 | DevelopersIO
  • CLAUDE.md の肥大化を 3 層構造で 83% 軽くした — 実測と試行錯誤の記録

    はじめに Claude Code を長く使っていると、CLAUDE.md が太ります。過去の失敗パターン、ワークフロー、ツールの使い方を書き足すたびに、ファイルが肥大化していきます。 気づいたら 2000 行近くまで育ち、どんな小さな作業でも毎セッションで全文を読み込ませていました。タスクに取りかかる前から、過去の注意書きだけでコンテキストの大部分を使っている状態でした。 この記事では、そこから 起動時のコンテキスト消費を約 83% 削減 するまでの試行錯誤を書きます。結論だけなら「rules/ と skills/ に切り分けた」ですが、2 ヶ月かけて行きつ戻りつしながら削った記録の方が実用的なので、そちらを中心に書きます(実測値は後半)。 最初はこうだった(失敗の出発点) 過去の commit ログを掘り返すと、2 月時点で以下のような状態でした。 SuperClaude Framewo

    CLAUDE.md の肥大化を 3 層構造で 83% 軽くした — 実測と試行錯誤の記録
  • Claude Codeで開発を自動化するSkills 5選 - Qiita

    「Claude Codeを使い始めたけど、毎回同じような指示をプロンプトに書いている気がする…」と感じていませんか? Claude Codeは素のままでも強力ですが、Skillsを使うことで繰り返しの作業を自動化し、開発のルーティンをまるごとコマンド一発に変えることができます。この記事では、開発の自動化に特に役立つSkills 5選を、具体的な使いどころとともに紹介します。 「毎回同じプロンプトを書くのが面倒」「チームの開発フローを統一したい」と感じているエンジニアに、特に読んでほしい内容です。 結論:Skillsは「賢いマクロ」ではなく「文脈を持った自動化」 一般的なマクロやシェルスクリプトは、決められた手順を機械的に繰り返すだけです。でも Claude Code の Skills は違います。プロジェクトのコンテキストを理解した上で、状況に応じた判断をしながら自動化を実行してくれます。

    Claude Codeで開発を自動化するSkills 5選 - Qiita
  • マグロの赤身を「七味にんにくオイル」に10分漬け。ご飯にも酒にもめちゃ合う【筋肉料理人】 - メシ通 | ホットペッパーグルメ

    こんにちは、料理と筋トレをこよなく愛する筋肉料理人です。 今日は、スーパーで手に入りやすいマグロの赤身の刺身が、香り豊か&コクうまな“漬け”に変身する「マグロの七味にんにくオイル漬け」のレシピをご紹介します。 材料を混ぜて漬けるだけで、マグロを漬ける時間もたった10分。それでも、ごま油とにんにくのユッケのようなねっとりしたうま味と、七味唐辛子のさわやかな風味のバランスが最高なんです。ご飯のおかずにも、晩酌のつまみにもぴったりですよ。 先にごま油と七味唐辛子を合わせて、香味オイルを作るのが美味しく仕上げるポイントです。 筋肉料理人の「マグロの七味にんにくオイル漬け」 【材料】2人分 【調理時間】約25分 マグロの赤身の刺身(柵を切ってもOK) 150g アボカド 1個 七味唐辛子 小さじ1/2 ごま油 大さじ1/2 しょうゆ 大さじ1 煮切りみりん 大さじ1程度(今回はみりんと日酒各大さじ

    マグロの赤身を「七味にんにくオイル」に10分漬け。ご飯にも酒にもめちゃ合う【筋肉料理人】 - メシ通 | ホットペッパーグルメ
  • Claude Code で仕事しながら英語を学ぶ環境を整えてみた | DevelopersIO

    はじめに データ事業部のkasamaです。 今回は Claude Code の output-styles・skills・hooks を組み合わせて、業務をしながら英語の読む・聴く・書くに触れる環境を作ります。普段の業務は日語で完結するため、毎日使う Claude Code の応答を英語化すれば自然に英語に触れられると考えました。 「language を english にして英語で会話すれば済むのでは」と思われるかもしれませんが、私の英語レベルは短い指示は英語で出せるものの、長文での入出力はまだ難しい段階です。そこで以前のブログで実装した Kokoro TTS を英語に切り替えて応答を聴けるようにしつつ、英語入力時の文法添削・記録、未知語の即時翻訳といった補助を組み合わせ、業務効率を落とさずに英語に触れられる環境にしました。 システム全体の構成 Claude Code の設定ファイル

    Claude Code で仕事しながら英語を学ぶ環境を整えてみた | DevelopersIO
  • 夜のロボット

    朝、起きると、ふみ子の頭にねじが埋め込まれていた――長い間不在だった父は帰って来るやなぜ娘にねじを埋め込んだ? その時からふみ子は秘密の“組織”に追われ、闘うために巨大ロボットを呼び出すようになり……ちばてつや賞入選後、コアな読者に支持されてきた著者が膨大な時間と熱を込めて紡ぎあげる、長編空想科学冒険漫画

    夜のロボット
  • Claudeトークン消費を抑えて5倍使う: 「原始人」口調が80%削減

    [注意]AIに書かせた記事をそのまま私の方でレビューして掲載しています。 Claudeマーケットプレイスにだしたらまた更新するかも?よろしくおねがいします。 @追記: 2026年4月18日 Claudeのマーケットプレイスに無事公開されました🎉 genshijin@v1.3.0を公開しました。マルチエージェント対応やセキュリティ対応、ベンチマーク更新などを含めています TL;DR caveman: Claude Code向けの英語圧縮スキル。冠詞やフィラーを消してトークン約68%削減 genshijin(原始人): cavemanの日語最適化版。敬語・クッション言葉・冗長助詞を消してトークン約80%削減 cavemanよりさらに38%少ないトークンで同じ技術的内容を伝達できる なぜそんなことが可能なのか? Claudeのトークナイザと日語の言語構造に秘密がある はじめに:あなたのCl

    Claudeトークン消費を抑えて5倍使う: 「原始人」口調が80%削減
  • エンジニア歴20年の私が、素人バイブコーディング勢に物申す - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? お前がコードを書き始める前に 言っておきたい事がある かなりきびしい話もするが 俺の音を聞いておけ はじめに これから少しの間、不器用で、偉そうで、厳しいことを言う。けれど最後まで聞いてくれれば、その裏側にあるものもわかってもらえると思う。だから先に謝っておく。生意気な口を、許してほしい。 まず、お前に話す前に、業界を取り巻く空気の話をさせてくれ。ソフトウェア業界には、昔から消えない風潮がある。 「売れたプロダクトはすべて正しい」 「品質? 障害が起きなければそれでいい」 「細かいことはベンダーに丸投げで構わない」 ビジネスの現場で生

    エンジニア歴20年の私が、素人バイブコーディング勢に物申す - Qiita
  • 今日の家メシは卵に助けてもらおうか。“安・ウマ・速っ!”の1人メシレシピまとめ - メシ通 | ホットペッパーグルメ

    卵って、安くて日持ちして、だいたい何にでもなる。冷蔵庫にあると、「今日の晩メシ、どうしよう……」というときに頼りになる、家メシ最強材の1つですよね。 そこで今回は、『メシ通』で紹介してきたレシピから、ストック材の定番、卵を使ったおすすめのものを集めました。 フライパン1つで作れる丼ものから、レンジでサッとできる一品、元イタリアン料理人が教えるパスタまで、どれもシンプルな材料で再現しやすいものばかり。 忙しい日でも無理なく、コスパよく作れて、もちろんちゃんと美味しい。そんな“お助け卵レシピ”、そろってますよ。 INDEX ▽01:安上がりで白メシがすすむ、こういうのでいい系メシ「チーズオムレツ丼」 ▽02:卵2個とベーコン、粉チーズでなんだこの贅沢な味わいは。元イタリアン料理人のパスタレシピ ▽03:“卵かけご飯ノリ”で元イタリアン料理人が作る「海苔と卵のパスタ」が激ウマなので紹介します

    今日の家メシは卵に助けてもらおうか。“安・ウマ・速っ!”の1人メシレシピまとめ - メシ通 | ホットペッパーグルメ
  • 誰もがGitを触る時代に、やさしい入門サイトを作った

    きっかけ 非エンジニアの同僚から、Gitの使い方を聞かれることが増えてきました。デザイナー、ライター、ディレクター、営業企画。立場は違えど、AI時代に入ってバージョン管理が自分ごとになってきた人たちです。 最初は既存の入門記事を紹介していたんですが、どれもしっくり来ないようでした。用語の説明が少ない、コマンドの意味がイメージできない、失敗が怖い。話を聞いていると、エンジニアが見落としがちな壁がたくさんあるなと感じました。 それなら自分で書いてしまおうかと思い、Git入門サイトを作ってみました。 設計の方針 サイトを作るにあたって、次のような方針で進めています。 概念は図と比喩で先に説明してから、コマンドを見せる 失敗したときの戻し方を各章の最後にまとめる エンジニア以外の実務(文書、デザイン、原稿)を例として使う 専門用語は初出時に日常語で言い換える コマンドを並べる構成にしなかった理由は

    誰もがGitを触る時代に、やさしい入門サイトを作った
  • Claude Code 完全リファレンス — 全機能網羅+意外と知らない便利機能トップ10 - Qiita

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

    Claude Code 完全リファレンス — 全機能網羅+意外と知らない便利機能トップ10 - Qiita
  • WordPress後継CMS「EmDash」を触ってみる

    はじめに 2026/04/02の朝に起きたら、CloudflareWordPressの後継を名乗るCMSを公開していた。 いろんな人がWordPressを雑に使って世界中にセキュアじゃないWebサイトが乱立している現状がどうにかならんかなーと思っていた立場として、気になったからとりあえずセットアップから管理画面の操作、記事反映の挙動、デプロイまでを一通り触ってみた結果を公開する。 今回は「WordPress ライクな操作感を持ちつつ、モダンな技術スタックで構成された CMS」としてどのような印象だったかを、実際に触って分かったことベースでまとめる。 EmDash とは EmDash は、WordPress のような親しみやすい管理画面を持ちながら、Astro や Cloudflare Workers などのモダンな構成で動かせる CMS。 実際に触ってみると、編集体験は WordPres

    WordPress後継CMS「EmDash」を触ってみる
  • 【2026年最新版】エンジニアが知っておくべきセキュリティインシデント8選 - Qiita

    対象パッケージの合計週間ダウンロード数は2,000万以上。500以上のGitHubユーザー、150以上のGitHub組織のデータが流出しました。 エンジニアとしての教訓 npmトークンに2FAを必ず設定する postinstallスクリプトを含む依存関係を定期的に監査する npm auditや依存関係スキャンツールをCI/CDパイプラインに組み込む 自分のパッケージが感染源になりうるという意識を持つ 2. CVE-2025-55182(React2Shell)- React Server Componentsの重大RCE脆弱性 時期: 2025年 React Server Components(RSC)にデシリアライゼーション脆弱性が発見されました。認証不要でリモートコード実行(RCE)が可能という、極めて深刻な脆弱性です。 影響範囲 React Server Componentsを使用す

    【2026年最新版】エンジニアが知っておくべきセキュリティインシデント8選 - Qiita
  • ハーネスエンジニアリングを極めたら、IssueからAIエージェントが動き、人間の役割は要件定義だけになった

    2ヶ月で21体のAIエージェントによる自律開発パイプラインを構築した。GitHub Issueに要求を書いて寝れば、朝にはマージレディのPRが上がっている。記事では、2026年2〜3月に何を作り、何が動き、何がまだ動いていないのかを記す。 出発点は、2月時点で既に 57万行 に膨れていたモノレポだった。モバイルアプリ+管理画面+バックエンドが詰まったこのコードベースを、AIエージェントに正しく理解させ、自律的に開発させる——それがこの2ヶ月の挑戦だった。 2025年12月〜2026年3月のマージPR数推移。2月後半のハーネス整備期を経て、3月後半には681件/半月まで急増。なお、この数値にはドキュメント更新等のPRも含まれるため、あくまで参考値である。 1. 我々について — 2ヶ月前の課題 専任のエンジニアはいない。代表と私が要件を決め、それを学生エンジニア数名とフリーランスに依頼して

    ハーネスエンジニアリングを極めたら、IssueからAIエージェントが動き、人間の役割は要件定義だけになった