Slide 1

Slide 1 text

魔法少女が、 Claude Code の実行状況を そっと見守って教えてくれる

Slide 2

Slide 2 text

Noriyuki TAKEI 武井 宜行 Information • Microsoft MVP for AI Platform • サイオステクノロジー株式会社 blog https://tech-lab.sios.jp/ X Favorites • • • • スカッシュ スキー 走ること PCデスクまわりの環境改善 books 世界一やさしいRAG構築入門 @noriyukitakei core skill Azureによる クラウドネイティブなアプリ開発

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

PROBLEM ・ 困りごと 気づかないうちに、待ち時間が積もる Claude Code でターミナルを何枚も開いて並行作業していると… 裏のタスクが見えない 確認待ちを見逃す 完了を見逃す 別ターミナルで走らせたセッ ションが、今どうなっている か分からない 「許可して」「これで良い? 」の確認待ちに気づかず、 Claude が止まったまま放置 終わっているのに気づかず、 次の指示を出すのが遅れる 結局、確認しに何度もターミナルを巡回 → その巡回こそが一番の無駄 本当は、コーディングエージェントを止めずに最大限働かせ続けたい。

Slide 5

Slide 5 text

SOLUTION ・ そこで… Claude Code Portal です! 状態が変わった その瞬間に 魔法少女が全力で気づかせてくれる ライブ監視 複数セッションの idle / running / waiting / done をリアルタイ ム表示 魔法少女で気づかせる waiting・done の瞬間に、変身・きらめき・吹き出しでアピー ル 多層通知 OS通知+音+タブ明滅+ウィンドウ前面化で、どうしても気 づかせる

Slide 6

Slide 6 text

ARCHITECTURE ・ ccportal の構成 アーキテクチャ Chrome (Appモード) Claude Code Rest SSE Push ccportal 常駐Nodeプロセス Devcontainer Claude Code ポイント:監視の本体は launcher。Chrome 窓を閉じても監視は続く/公式インターフェースを外から読むだけの非破壊監視。

Slide 7

Slide 7 text

LIVE DEMO デモ ① ② ③ npx で起動 複数セッションを走らせる waiting / done の瞬間 コマンド一発で常駐&魔法 少女コンソールが開く LOCAL と DOCKER のセッ ションがカードで並ぶ 魔法少女が変身・通知・前 面化で気づかせる 放置ゼロを、その場で体感してください

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

GET STARTED ・ つかいかた npx ccportal で、いますぐ ① コマンド一発でインストール&起動 npx ccportal これだけ。常駐プロセスが立ち上がって、 魔法少女コンソールがブラウザで開きます。 ② リポジトリはこちら github.com/noriyukitakei/ccportal オープンソースで公開中。 Star・Issue・PR、ぜんぶ大歓迎です。 わたしと契約しなくても、使えます。 面倒なセットアップも不要。npx 一発でだれでも使えます。 ぜひ使ってみてください ─ あなたの待ち時間、 魔法少女が見守ります。