タグ

shimookaのブックマーク (22,376)

  • デロイトが国に納品したスライド351枚、全部数えたらパターンは7つだけだった|うちた

    一番意外だったのは、7つのうち“1つの型”だけで45%を占めていたこと。一流ほど、派手な技より“基の型”を使い倒すんです。 全部言語化して、AIで再現するプロンプトも作ったので置いておきます。 経産省のサイトは、コンサル資料の"宝の山"コンサルの実物資料は、守秘義務のかたまりで普通は世に出ません。 ただ、例外が1つだけあります。国の委託調査です。 経産省は毎年、大量の調査事業をデロイトなど大手ファームに委託していて(1件数千万円規模もざら)、報告書は「公開資料」としてサイトに上がります。つまり、税金で作られたコンサルの"ガチの納品物"が、無料で読み放題なんです。 で、昔から「コンサルのスライドには型がある」と言われるじゃないですか。当なのか、何種類なのか。この宝の山から1選んで、確かめることにしました。 選んだのはこれ。 出典:経済産業省「令和6年度燃料安定供給対策調査等事業 最終報

    デロイトが国に納品したスライド351枚、全部数えたらパターンは7つだけだった|うちた
  • 💥Claude Codeの「くるくる」が気になりすぎてとことん調べてみた話【来た!エージェントエンジニアリング】|ROROSUKE LABO

    毎度rorosukeです。 Claude Codeを使い始めたところです。 まだ、数回試しただけの超ビギナーです。 ちなみに、前回記事はこちらです。 その私が、Claude Codeで「すご~く気になっていること」があります。 それが、次の「くるくる」しているメッセージです。 「くるくる」しているメッセージいわゆるステータス(状態)表示なのでしょうが、行頭の「くるくる」もそうですが、その後の「Photosynthesizing…」がより気になります。これ、訳すと「光合成中…」になります。 ん? 意味が分かりません。有機物でもないのに、何してるの? 他に、こんなメッセージもあります。 ✢ Galloping… (10m 6s · ↓ 7.6k tokens · thinking) 「Galloping…」とあります。これは「疾走中…」という意味。 「疾走? 暴走じゃないよね?」 放っておいて

    💥Claude Codeの「くるくる」が気になりすぎてとことん調べてみた話【来た!エージェントエンジニアリング】|ROROSUKE LABO
  • Claude Codeの使用率がステータスラインに表示できるようになったので表示用のスクリプトを作った話

    こんにちは!逆瀬川 (@gyakuse) です! Claude Code v2.1.80で待ちに待ったステータスライン用のrate_limitsフィールドが追加されました。これがないために当にみんな頑張ってきたのです。当につらい世界でした。 何が変わったのか 2026年3月19日リリースのv2.1.80で、ステータスラインに渡されるJSONにrate_limitsフィールドが追加されました。 changelogの記載はこうです。 Added rate_limits field to statusline scripts for displaying Claude.ai rate limit usage (5-hour and 7-day windows with used_percentage and resets_at) これにより、Claude Codeのサブスクリプションの使用量

    Claude Codeの使用率がステータスラインに表示できるようになったので表示用のスクリプトを作った話
  • Claude Codeのセッション使用率をターミナルに常時表示するstatusLineスクリプトの作り方 - Qiita

    はじめに Claude Codeを使っていて「今セッションの使用率はどれくらいだろう」と気になったことはないでしょうか。/configを開いてUsageタブを確認すれば5時間枠と7日枠の使用率がわかりますが、メニューの奥に隠れているため毎回確認するのは面倒です。 Claude CodeにはstatusLineという機能があります。任意のシェルスクリプトをClaude Codeの画面下部に常時表示させる仕組みです。JSONでセッション情報が渡されるので、それをパースして好きな形式で出力するだけ。APIトークンを消費せず、約300msごとにイベント駆動で更新されます。 この記事では、セッション使用率と週間使用率をカラー付きプログレスバーで常時表示するstatusLineスクリプトの実装方法を、WezTermを例に具体的に書いていきます。iTerm2、Alacritty、Kitty、Termin

  • 【Claude Code】結局CLAUDE.mdはどこに置けばいいの?読み込み順を図解で解説

    TL;DR(まず結論) プロジェクトのルート(ClaudeCodeを起動したフォルダ)に CLAUDE.md を1つ置くだけで十分です。 ~/.claude/CLAUDE.md も ~/CLAUDE.md も必須ではありません。 CLAUDE.mdとは? Claude Codeを使っていると、こんな疑問が出てきます。 「Claude Codeに毎回同じ説明をしなくていい方法はないの?」 「プロジェクトのルールを覚えさせておきたい」 そこで登場するのが CLAUDE.md です。 一言でいうと、「Claude Codeへの事前メモ書き」です。Claude Codeはセッション開始時にこのファイルを自動で読み込み、そこに書いてある指示をコンテキストとして記憶した状態で動き始めます。 # 例: CLAUDE.md に書く内容 - コードのコメントは日語で書くこと - コミットメッセージは Co

    【Claude Code】結局CLAUDE.mdはどこに置けばいいの?読み込み順を図解で解説
  • PlaywrightとClaude Codeでやってみよう、手軽に始めるテスト自動実行 - エムスリーテックブログ

    【QAチーム ブログリレー6日目】の記事です。 はじめに こんにちは。エンジニアリンググループ QA (QualityAssurance) チームの中塚です。 2週間ほど前からバジルの水耕栽培にチャレンジしていて、少しずつ大きくなる双葉を見守るのが毎朝の楽しみです。肥料を溶かした水だけで当にあんなに大きく育つのか?自由研究の気分で楽しく観察しています。 画像はAI(Gemini)により生成されたイメージです。このブログ記事の内容から生成してもらいました。バジルの鉢植えもあってかわいい! さて、私は普段コンシューマ向けサービス全般のQAの設計、実施、計画、その他諸々の活動をしています。 その中で、時々このような手動でやるには辛いテストが必要になることがあります。 サービスの各ページにアクセスし、契約期間内ならアクセスできるが契約期間外ならアクセスできないことを確認したい。ページのリストは無

    PlaywrightとClaude Codeでやってみよう、手軽に始めるテスト自動実行 - エムスリーテックブログ
  • Claude Codeとplaywright mcpを連携させると開発体験が向上するのでみんなやろう

    どうもこんにちは、Claude Codeで遊び始めて2週間くらいが立ちましたがまだまだ模索中です 最近覚えた新しいテクニックが playwright-mcp(https://github.com/microsoft/playwright-mcp) を使ってブラウザ操作を全てclaude code経由でやるというものです playwrightはpuppeteerと同じく、chromeなどのブラウザをjsで操作するやつなのですが、puppeteerよりも使い勝手が良い&更新が超高頻度なのでよく使っています ※ただし、mcpサーバーのplaywright家と比べると機能がイマイチなのでそこは発展を待ちましょう さて、mcpサーバーをclaudeに追加する設定ですが、claude自身に質問すると大嘘をつくので(ここらへんしんどさ感じますよね)原典を当たる必要があります mcpの追加 具体的には

    Claude Codeとplaywright mcpを連携させると開発体験が向上するのでみんなやろう
  • AIアプリを陰で支える通信プロトコル「SSE」を学びましょう

    What? サーバ送信イベント(SSE)という通信プロトコルがあります。このSSEが、MCPやLLMチャットなどのAIアプリの通信プロトコルとして採用されています。 記事ではSSEとは何か? AIアプリにおいてどのように使われているのか? を概説します。 ゴール サーバ->クライアント方向への通信の世界に触れる SSEの概念と基的な使い方を理解する(Go, JS, Flutter) SSEの利用例としてのAIチャットアプリとMCPサーバを学ぶ デモ AIチャットアプリで、AIからの回答をストリーム表示するのにSSEを使っています。サーバがLLMからの回答をストリームとして受け取っているので、それをSSEでそのままクライアントにpushすることで実現しています。 サーバー送信イベント(SSE)とは何か? サーバー送信イベント(Server-Sent Events、SSE)は、HTTPプロ

    AIアプリを陰で支える通信プロトコル「SSE」を学びましょう
  • tmuxユーザーだけどtmuxのペイン分割をあまり使ってこなかった人のためのページ

    はじめに vimが好きで、基はターミナルからコーディング作業とかしてるんで、tmuxはもうずっと必須ツールとしてウインドウやセッションはいっぱい作ってバリバリ使ってたんですけど、tmuxやターミナルの画面分割はあんまり必要性を感じてなかったんですよね。というか操作が難しく感じていてあまり使ってませんでした。せいぜいvim内で分割するくらい。 ただ、最近になってAIのコーディングエージェントの利用が増えてきていて、これがですね、画面を分割して並列で走らせる…というやり方がなんだかんだ増えてきているわけです。並列で1つのタスクを実行させるとなると、1タスク1ウインドウで完結させるのが、まあわかりやすいのかなと。 で、重い腰を上げてペイン操作をしっかりできるようになりたいなと思って、まとまった情報がないかなと調べてたんですが、意外とペイン操作に特化した情報が見つからなくてですね。当たり前だけど

    tmuxユーザーだけどtmuxのペイン分割をあまり使ってこなかった人のためのページ
  • デザイナーの脳内をコピーして、誰でも90点以上のUIを作れるようにする|トイ

    こんにちは、令和トラベルでデザイナーをしているtoyです。 いま社内で、AIを前提にしたプロダクトデザイン環境を整えています。ひとことで言うと「デザイナー以外でも、Claude CodeでNEWTのデザインを作れるようにする」仕組みづくりです。 先に、実際のアウトプット例をお見せします。 作ったのは、デザイナーではありません。Claude CodeにPM/エンジニアが指示したもので、デザイナーはレビューのみに回ります。 NEWTでは今、一部のデザインがこのような流れで作られています。なぜこんなことをしているのか、どういう仕組みなのか、順に書いていきます。 チームは増える、デザイナーは増えないこれまでNEWTの開発チームには必ずデザイナーがいましたが、その前提がAIで崩れました。開発が速くなり、エンジニアのフルスタック化も進んで、少人数でもチームが組めるようになり、チームの数はどんどん増えて

    デザイナーの脳内をコピーして、誰でも90点以上のUIを作れるようにする|トイ
    shimooka
    shimooka 2026/07/08
  • Claude Codeの「Agent View」、複数エージェントを"見渡す"とはどういうことか - Qiita

    はじめに こんにちは。 トライベック株式会社の岡山です。 2026年5月11日、Claude Code v2.1.139以降 で 「Agent View」 という新機能が正式に登場しました。claude agents というコマンドで起動するこの機能、 「複数のClaude Codeセッションを1画面で管理するためのダッシュボード」 とのこと。 ProプランからEnterprise、APIプランまで幅広く展開された機能で、複数エージェントを並列実行する時代のワークフローを大きく変えるピースになりそうです。 ProプランからEnterprise、APIプランまで幅広く展開された機能で、複数エージェントを並列実行する時代のワークフローを大きく変えるピースになりそうです。 記事では、Agent Viewが何を解決するのか、どう使うのか、既存の並列実行機能とどう違うのかをまとめていきます。 そも

  • 個人向け3Dスキャナーの選び方【2025年版】|capbolt

    要約:たいていの用途はフォトグラメトリかImage to 3Dで事足りる。 リバースエンジニアリングをやりたい人だけ3Dスキャナを買うべし。 スキャナの性能は値段に比例する。コスパが欲しけりゃ中古を狙え。 ※私はどのメーカーからもサンプル提供や資金提供などの利益供与を受けておりません。全て自腹で15台もの3Dスキャナーを買っています。そのためこのような「3Dスキャナを買うな」という記事を書くことができます。 3Dスキャナーは当に必要ですか?スマホさえあれば3Dモデルが手に入る時代になりました。 あなたは当に3Dスキャナーを買う必要がありますか? 3Dスキャナを買ってがっかりする前に、フォトグラメトリやImage to 3Dの得意・不得意を確認しておきましょう。 Image to 3DMeshyやTripoなどに代表される「AIで3Dデータを生成する」サービスです。2025年になって一気

    個人向け3Dスキャナーの選び方【2025年版】|capbolt
  • git diff を読みやすくする配色を考える - Qiita

    [color "diff"] meta = 242 238 frag = 239 236 old = 167 normal new = 030 normal context = 240 commit = 246 024 [diff] compactionHeuristic = true [pager] log = diff-highlight | less show = diff-highlight | less diff = diff-highlight | less diff-highlight について Git2.9のキレイなdiffを出すためのconfig - Qiita compactionHeuristic について Git 2.9 has been released iTerm2 で背景色を #002833 に設定している自前の環境だと次のような見栄えになります。 iTerm

    git diff を読みやすくする配色を考える - Qiita
  • Gitの「--color-moved」オプションがかなり便利だったの紹介してみる - Qiita

    Gitの --color-moved オプションで、 移動だけの差分をいい感じに表示する ことができ 、かなり便利だったので紹介してみようと思います。 https://git-scm.com/docs/git-diff#Documentation/git-diff.txt---color-movedltmodegt ちなみに2年くらい前からあるようですが、最近知りました https://www.infoq.com/jp/news/2018/04/git-2.17-released ※ 記事のサンプルでは、Gitのバージョンは2.24.3、シェルはfishを使っています。 サンプル 例えば以下のようなクラスがあった場合。 class MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState:

    Gitの「--color-moved」オプションがかなり便利だったの紹介してみる - Qiita
  • git diff --color-moved を使って、行を移動したときに内容が変わっていないことを確認する

    リファクタリングなどでメソッドやまとまった処理をファイル内で移動したコミットを作成した際、移動前後でその内容が変わっていないことを確認します。 特にレビューでコミットを確認する際に使えるかと思います。 git diff は特にオプションをつけないと単に移動元は削除 (赤) 、移動先は追加 (緑) で表示されます。 しかし位置が変わっただけでコードの内容が変わっていない場合、質的に差分があるとはいえません。 加えて、移動前後でコピペミスなどで差分が生まれてしまった場合でも、移動の分の差分にのまれてしまい diff 上で気づくことが難しくなります。 これを解決するためのオプションが、今回紹介する --color-moved オプションです。 コマンド 特に値を指定しないとzebraになる

    git diff --color-moved を使って、行を移動したときに内容が変わっていないことを確認する
  • git diff に色を付けて見やすくする設定のやり方。 | WWWクリエイターズ

    git diff に色を付ける設定 ~/.gitconfig に設定を書き込むコマンドです。 git config git config --global color.ui true 上記のコマンドで、~/.gitconfigに以下のような記述が書き込まれます。もちろん .gitconfig 直接編集してもOKです。 [color] ui = true .gitconfigファイルについて gitの設定ファイルです。gitには、global設定と呼ばれる、そのユーザであればすべてのレポジトリに適応する設定と、local設定と呼ばれる。 globalの.gitconfigファイルは、あなたのユーザディレクトリ(=~)に、localの.gitconfigは、レポジトリルートの.git/config がそれです。 git diffに関する参考リンク 公式ドキュメントは間違いないですね、ご覧あれ:

  • 【2026/3/9最新】Claude Code新機能『Code Review』、早速使ったら2つのPRで$100超かかった話

    はじめに 2026年3月9日、Claude Codeに新機能「Code Review」がリリースされました。 PRが作成されると、複数のエージェントがチームとして派遣され、バグを並列で探索・検証・ランク付けしてくれるという機能です。 早速使ってみたのですが、非常に高価ということが分かったので、コストを抑える方法も含めて共有します。 想定読者 Claude Code新機能『Code Review』がどんなものか知りたい方 実際のコスト感を把握したい方 コストを抑えつつ同等の機能を使いたい方 参考:公式ブログ・ドキュメント まずはこちらをご覧ください。 Code Reviewとは PRが開かれると、Claude Codeが複数のエージェントをチームとして派遣し、コード変更を深く分析してくれる機能です。 速度よりも深さを重視しており、人間のレビュアーが見逃しがちなバグを検出することを目的としてい

    【2026/3/9最新】Claude Code新機能『Code Review』、早速使ったら2つのPRで$100超かかった話
  • 端末の文字幅問題の傾向と対策 | IIJ Engineers Blog

    電子メール、ネットワーク機器集中管理、異常検知、分散処理、クラウド基盤などのシステム開発に従事。古代Rubyist。 CLI や TUI なアプリケーションを使っていると、端末の画面が崩れてしまうことがよくあります。 たとえば、こんな TUI が、 環境によってはこんな感じで崩れます。 スクロールなどをしながらしばらく使っているとさらにどんどん崩れていきます。 こうなってしまった場合、とりあえず Ctrl-l で画面を再描画することで、大抵はなんとか読める程度にリセットできますので、ことあるごとに Ctrl-l を連打することになります。 ですが、どうしようもないケースもままあります。 例えば、私の場合は以下のようなシチュエーションで困ります。 w3m でテーブルなどを表示するとレンダリングが崩れる less でログの閲覧の際に表示されるべき文字が表示されず見落としが発生する Wander

    端末の文字幅問題の傾向と対策 | IIJ Engineers Blog
  • 【2026/2/6最新アプデ】Claude Code新機能『エージェントチーム』が革新的だったので解説

    はじめに 2026年2月6日、Opus 4.6がリリースされました。 それと同時に試験運用としてリリースされたのが、「エージェントチーム」です。 記事は公式ドキュメントの翻訳を引用しつつ、適宜解説やスクリーンショットを挿入し、日向けに読みやすく編集した紹介記事です。 サブエージェントとエージェントチームの使い分けに主眼を置きつつ、使い所を解説します。 想定読者 エージェントチームとはどんなものか、実際の使い所が知りたい方 公式ドキュメント 記事は、基的に上記公式ドキュメントをベースに翻訳・解説しています。 エージェントチームとは エージェントチームを使用すると、複数のClaude Codeインスタンスの連携を調整できます。1つのセッションがチームリーダーとして機能し、作業の調整、タスクの割り当て、結果の統合を行います。チームメンバーはそれぞれ独自のコンテキストウィンドウで独立して作

    【2026/2/6最新アプデ】Claude Code新機能『エージェントチーム』が革新的だったので解説
  • 【入門】.claudeフォルダの構造と使い方 Claude Codeを思い通りに動かそう

    連載目次 Claude Codeを使い始めると、多くの人がすぐにプロンプトを書き始めます。.claudeフォルダの存在を知らないまま、あるいは後回しにしたまま使い続けてしまうのです。その結果、「毎回同じ指示を繰り返す」「プロジェクトに合わせた動きをしてくれない」といった非効率に陥りがちです。 こうした非効率に心当たりがあるなら、.claudeフォルダを使い倒すのがお勧めです。多くのユーザーはこのフォルダを「何となく存在は知っているが、触ったことがない」場所として見過ごしがちです。しかし実はそれこそが、Claude Codeの挙動を決定する司令塔なのです。 このフォルダには、Claude Codeの動きを細かくコントロールするための仕組みが詰まっています。これらを正しく構成することで、Claude Codeは単なるAIコーディングツールではなく、プロジェクトのルールや背景を理解したチームメン

    【入門】.claudeフォルダの構造と使い方 Claude Codeを思い通りに動かそう