AIの返事を待つ時間を「見える化」。サイバーウェーブ代表が3日間で完成させた『ClaudeDeck』とは

AIと働くのが当たり前になった今、新しい非効率が生まれています。「AIの対応を待つ時間」です。

プロンプトを投げると、AIはソースコードを読み、しっかり考えて数分後に大きな成果を返してくれます。生産量は人間の比ではありません。それでも、その数分間を待つのを「遅い」と感じてしまう。サイバーウェーブの代表取締役・梨木自身も、まさにそう感じていた一人でした。

そこで取った行動は、「待つ」ではなく「作る」でした。市販のデバイスとAIを使い、わずか3日間でAIの稼働状況をひと目で把握できる社内ツール『ClaudeDeck』を形にしたのです。本記事ではその開発の裏側と、経営者自らが手を動かす理由を紹介します。

複数のAI画面を行き来する非効率を解決するために

今年に入ってAIを本格的に使い始めて、課題として気になったのは「作業完了までの待ち時間が長く感じること」でした。

AIを共に手を動かせる存在として、全社で導入していく。サイバーウェーブ株式会社が目指すAI活用の現場

AIの対応はプロンプトを送信してから数分で完了しますし、人に仕事を頼むと時間がかかることを思えば十分に速いはずです。それでも、画面の前で完了するのを待つ数分は長く感じました。

そこで待ち時間を埋めるために、複数の画面でAIを並行して動かし始めました。最初に使ったのはWindowsの仮想デスクトップです。タッチパッドを4本指でなぞれば画面が切り替わるので、作業Aはデスクトップ1、作業Bはデスクトップ2と分けられます。画面は整理されましたが、今度は別の小さなストレスが生まれました。作業が完了しているかどうか、複数のデスクトップを何度も行き来するように確認する必要があるのです。AIが動いているのか止まっているのか、切り替えないと分からないためです。

画面が3つ、4つと増えると、どの画面で何をやらせていたのかも怪しくなります。そのとき頭に浮かんだのが、トヨタ自動車グループの工場で導入されている「あんどん」方式でした。工場のラインで異常が起きるとランプが点灯し、異常が起きた箇所が一目で分かる仕組みです。仮想デスクトップごとのAIの動きも、「あんどん」方式のように目に見えれば楽になるはず。LEDがいくつかあるデバイスをもとに作れるのではと考えました。

調べてみると、望ましい形のデバイスは市販されていないものの、あるハードウェアをソフトウェアでうまく制御すれば実現できそうだと判断できました。それがElgato社の『Stream Deck』です。液晶のボタンがたくさん並んだ操作用のデバイスで、YouTuberが配信中に効果音を鳴らすために使うイメージを当初は持っていました。一方でボタンの表面が液晶で、色もプロジェクト名も自由に表示できます。AIの稼働状態を色で、何をしているかを文字で示せるため、私の感じていた課題を解決できるのではないかと思いました。すぐにデバイスを注文し、開発に動き出しました。

思いついたら即着手。ClaudeDeckを3日間で形にするスピード感

claudedeck

Stream Deckを注文したのは4月5日でした。届いた4月7日の夜、業務を終えた19時過ぎから開発を始めています。

  • 開発期間:2026年4月7日の夜〜4月10日
  • コミット数(ソースコードの変更を履歴に保存した回数):32
  • 試作品の完成まで:約4時間
  • 社内で5画面を使える形にするまで:約48時間

初日の夜には、AIの状態(作業中・指示待ち・停止)を決まった書式のファイルに書き出し、ボタンの色といま開いているAsana(業務で使うタスク管理ツール)のタスク名を表示するところまで完了しました。

当初はHTTP APIでやり取りする方式で進め、ほとんど作り込んでいたものの、サーバー側とStream Deck側の両方でうまく動かないというトラブルもありました。それを受け、思い切って全部壊し、ファイルベースに作り替えました。この判断がツールを単純で壊れにくいものにし、スムーズに稼働するために一役買っています。

開発するにあたって、今回はプログラムのコードを1行も書いていません。コードを書くのはAIに任せ、設計やフィードバックなど、人間でしかできない部分は自分自身で行いました。

  • 自分自身で決めたこと:作る指示と設計。ファイルベースにするかAPIにするか。15個(5×3)あるボタンの役割。ボタンの色やデザイン。デバイスの購入と接続
  • AIが担ったこと:ライブラリの選定と組み込み、コードの記述、実行、再実行と動作確認

AIには見えない、Stream Deckのボタン表示の見え方や光り方は私がフィードバックしました。大枠が動いたのは初日の夜で、残りの2日は細かい調整と不具合の修正に使いました。

『ClaudeDeck』とは何か ― AIの稼働状態を見える化する仕組み

こうして完成したClaudeDeckは、Claude Codeの動作状態を色で表示するシステムです。状態の表示先は、机の上のStream Deckかパソコン画面上の小窓のどちらかを選べます。

Stream Deckの全景(10画面分のボタンが点灯している状態)

  • 緑:AIが作業中
  • 赤:AIが判断を求めて止まっている(指示待ち)
  • 青:作業が完了して停止
  • 青+右上の赤丸:AIの対応は終わったが、人間がまだ何も対応していない

この4段階の色表示で、切り替えなくてもClaudeDeck上でAIの動作状態が分かります。特に赤丸は、使い始めてから追加した部分です。青だけでは、AIが作業を終えて私の対応を待っている画面なのか、私が結果を確認し終えて対応が不要な画面なのか、区別できなかったからです。赤丸があれば、いま自分が対応すべき画面が一目で分かります。自分で対応が必要な赤の画面と、赤丸付きの青い画面だけを順に回り、結果を確認して次の指示を出し、再びAIを動かします。この繰り返しを、現在では最大10個の画面に対して回せるようになりました。

Stream Deckのボタンの一部を拡大(番号とプロジェクト名が表示されている状態)

10画面分あるボタンの液晶には、番号とプロジェクト名が表示されます。白い枠が付いているのが、いま表示している画面です。例えば「6番と7番でAIが動いているな」というのもパッと見で分かります。使っているうちに「8番から10番はこういう仕事のときに立ち上げよう」と自分なりの使い方も決まってきました。

液晶に番号やプロジェクト名などの文字を出すこと自体が、実は大がかりな作業でした。もともとStream Deckにそのための機能は用意されていないため、

フォントを読み込む→フォントから画像を生成する→シールのようにボタンへ貼り付けていく

という流れで整備しました。

Stream Deckのボタンの最下段

また、最下段のボタンは自分が使いやすいようにカスタムしました。

  • Windowsキー
  • タイル:画面の左にChrome、右にVS Codeを配置(私の定番の作業スタイル)
  • ロック:画面をロック
  • ゴミ箱:仮想デスクトップ上のウィンドウをすべて閉じ、真っさらにする

当社のセキュリティ基準に対応するロック機能

ロックをかけてもStream Deckにプロジェクト名が出たままでは意味がありません。そのため、ロック時はStream Deckも完全に消灯します。この機能は当社のセキュリティ基準(離席時の画面ロックの徹底)に対応して加えました。

リモートサーバーの状態もSSH経由で取得

社内のAIは手元のPCだけでなく、社内サーバー上でも動いています。ClaudeDeckは、SSH経由でサーバー上のClaude Codeの状態も取得して表示します。

そのほかにも、以下の対応を行っています。

  • Stream Deck自体の制御:どんな命令を送ればボタンが光るのか、手がかりがない状態から始めました。まずボタンを1つ光らせ、次に文字、最後に画像を表示できるよう、段階的に進めました
  • 仮想デスクトップの番号取得:ボタンの白枠で「いま見ている画面」を示すには、何番のデスクトップにいるかをClaudeDeckが知る必要があります。Windows標準の機能ではこの番号が取れないため、取得できる専用のライブラリを探して組み込みました

ClaudeDeckの仕組み自体はシンプルです。Claude Code自身が、自分の状態(作業中・待機中・停止中)を決まった書式のファイル(JSON)に書き出します。ClaudeDeck本体はそのファイルを定期的に確認しに行き、色やアイコンに反映するだけです。

展開後 ― AIを活用したバグ修正と機能追加

ClaudeDeckは作って終わりではなく、適宜バグの修正や機能の追加を行っています。

開発の2日目から3日目にかけて、他の開発メンバーにも使ってもらいました。すると、ClaudeDeck上のステータスが点滅し始めるという問題が起きました。1人で使っているうちは気づきませんでしたが、他のメンバーがAIを動かし始めると、私のClaudeDeckまで緑になってしまうのです。原因は、同じサーバーで複数人がAIを動かしていることでした。他の人のAIの状態まで読んでしまい、自分の状態と交互に表示されて点滅していたのです。ユーザー単位で状態を分離する修正を入れて解決しました。チームで使って、初めて分かる不具合でした。

その後も、バグ修正と機能追加を行い続けています。バージョンは1.0.1から1.0.20まで進みました。

  • 画面数:当初は5画面を想定していたものの、足りなくなり、8月25日に10画面へ拡張
  • ボタン設定:ボタンやアイコンを自分で設定できるカスタム機能を追加
  • 作業の依存関係の扱いなど、機能追加を継続

私だけではなく、開発メンバーもすでに日常的に使っています。Stream Deck本体は導入として1台のみ購入したため、メンバーはパソコン画面上のボタンで同じように切り替えと状態表示を使ってもらっています。日常的に使いこなす人が増えれば、Stream Deckを備品として購入することも考えています。

実際に開発メンバーに使い心地を聞くと、毎日のように使っているという回答が多かったです。同時進行の案件が複数あるときや、Claude Codeに作業を依頼して放置できるときに使っている人が多いようでした。「Claude Codeでの作業が完了しているもの、作業者への確認で止まってるものが判別できるようになりました」という感想からは、どの画面がどの状態か分からない、という私自身が感じた課題が複数の案件を並行して抱えるメンバーにとっても同じだったことがわかりました。また「ブラウザやClaude Codeをいっぱい立ち上げてしまい、探してるものがどこにあるか探す無駄な時間は減った」という意見もあり、効率的な開発環境の実現に一役買っていることがうかがえます。

今後は開発事務のメンバーへの説明会も予定しています。開発事務ではマニュアル作成をAIで行っており、ここにも数分の待ち時間があるからです。

なぜ経営者自ら作ったのか

私がClaudeDeckを作ったのは、単純にものづくりが楽しいからです。生産性が上がり、仕事が楽になるならどんどんやっていきたいと考えています。

加えて私には、小さなストレスを見過ごせない性分があります。少々の待ち時間や手間なら我慢すればいいという考え方もあるでしょう。しかし私は「無駄だな、こうすればもっと良くなるのに」と思ってしまいます。そして「それなら作ろう」という意識があります。どんなに小さな問題でも見過ごさず、自ら手を動かし解決しようと行動できるのは自分の強みだと思っています。単にプログラミングやシステム開発が得意な方だけでなく、このようなマインドを持つメンバーにもたくさん集まってほしいと考えています。

もう一つの理由として、自分たちで手を動かして問題解決しようとする姿勢の背景には、お客様への価値提供と同じ考え方があります。自分たちの仕事を自分たちで改善し続ける姿勢がなければ、お客様に改善を提案することはできません。技術力を強みとする会社だからこそ、トップ自らが新しい技術を使いこなし、先頭を走り続けたいのです。そのこだわりを形にしたのがClaudeDeckです。

サイバーウェーブ株式会社では今期の方針に「AIと磨く、VK(受託開発の土台となる自社プロダクトのこと)の価値」を掲げています。ClaudeDeckはこの方針の実現をかなえるシステムのひとつです。AIの活用が増えて待ち時間が減れば、待っている間に別の指示を出せて並行して進められる仕事が増えます。生産性が上がることにもつながるため、今期のAI活用の中でも重要な枠組みとして作りました。私1人で使うためのものではなく、社内全体で活用していきます。

AIと働く力は、会社の仕組みが育てる

ClaudeDeckは、特別な部署の特別なプロジェクトで生まれたものではありません。「AIを待つのがもどかしい」という日常の小さなストレスから、業務後の夜に開発が始まりました。そして3日間で形になり、チーム全体で使われ今も改善が続けられています。

この過程には、当社の姿勢が表れていると思います。

  • 技術が分かる経営者が、自ら課題を見つけて自ら解決の枠組みを作る
  • 小さな改善は現場判断で即着手でき、思いついたら動くスピード感
  • 作って終わりにせず、現場の状況に合わせて直し、改善し続ける

ClaudeDeckは、エンジニアの仕事を支えるために経営者の私が作ったものです。AIと働く力は、個人の努力だけで育つものではありません。最先端の技術を惜しみなく取り入れる柔軟な環境と、修正や改善をどんどん進められる仕組みが育てるのだと考えています。

サイバーウェーブでは、次のような方を求めています。

  • AIを使うだけでなく、仕事のやり方そのものを変えたい方
  • 手を動かして課題を解決していきたい方
  • 今回紹介した、ClaudeDeckのようなものづくりが好きな方
  • 新しい技術をどんどん導入している、技術力の高い会社で活躍したい方

プログラミングやSEの仕事に限りません。「もっと良くできるのに」と思える方と、一緒に働きたいと考えています。この環境でAI活用力を磨きたい方は、ぜひ下記の採用情報をご覧ください。選考ではサイバーウェーブの開発環境だけでなく、ここには書ききれなかったClaudeDeckの開発秘話もお伝えします!

サイバーウェーブ株式会社ではエンジニア経験のある方の採用活動を実施中です↓

ページの先頭に戻る