株式会社renue、AIコーディングエージェント「Claude Code」をブラウザで利用できる対話型UI「コードだもん」を公開

未分類

「コードだもん」の概要

「コードだもん」は、Claude Codeをブラウザから利用可能にする対話型UIです。Claude CodeがCLIツールであるのに対し、本プロダクトはブラウザ上でのコード相談、生成、修正を可能にします。独自のAIモデルや中間サーバーを介さず、Claude Codeをエンジンとして利用し、UIの刷新に特化しています。

「東北ずん子・ずんだもんプロジェクト」の公式キャラクター「ずんだもん」をアバターとして搭載し、AIの応答状況を表情で伝えることで対話感を創出します。また、音声での入出力にも対応しており、手を止めずにAIと会話するスタイルを選択できます。個人・法人を問わず無償で利用でき、GitHubからソースコードを取得して利用を開始できます。

開発の背景と目的

Claude Codeは開発生産性向上に貢献する一方で、その利用にはターミナル操作が必須でした。このCLIベースの導線が、日常業務への定着や非エンジニアへの展開を妨げる要因となっていました。

renueは、この状況を「AIを道具として扱う段階から、相棒として共に働く段階へ移行する際のラストマイル問題」と定義しています。本プロダクトは、Claude Codeの利用を「ブラウザで完結する日常体験」へ引き上げ、ブラウザ統合、キャラクター、音声という3つの要素で対話性を高めることを目的としています。非エンジニアでもAIエージェントに気軽に話しかけ、アプリ制作や事務作業を依頼できる体験の実現を目指しています。

従来の課題

CLIによる導線の分断

日常業務の大半をブラウザで行う利用者にとって、AIに相談するたびにターミナルへ切り替える手間は、利用頻度を低下させる要因でした。コンテキストの切り替えコストが蓄積し、AI活用の習慣化を妨げる可能性がありました。

画面体験による疲労と心理的距離

ターミナルの文字中心のやり取りは、長時間の利用で視覚的な疲労を蓄積させることがありました。テキストのみのインターフェースでは、AIを相棒として扱う感覚が生まれにくく、相談や壁打ちの文化が根付きにくい状況でした。

エンジニア以外への展開障壁

チーム全体へのAI活用を推進する際、コマンド体系に馴染みのない非技術者には抵抗感が生まれやすく、一部のヘビーユーザー以外が定着しないという課題がありました。

本ソリューションの特長

「コードだもん」は、「ブラウザで完結する対話的なClaude Code体験」を以下の3つの要素で実現します。

ブラウザ上でのClaude Code利用

Claude Codeの応答をブラウザ画面上で受け取り、対話を完結できます。ターミナルを開く必要がなくなり、AIとの対話が日常業務の導線に溶け込みます。会話のコンテキストは保持され、ページ再読み込み後も作業を継続可能です。複数の作業テーマを同一画面で並行管理することもできます。

ずんだもんアバターによる対話感の創出

「東北ずん子・ずんだもんプロジェクト」公式キャラクター「ずんだもん」をアバターとして搭載しました。親しみやすいビジュアルはAIへの心理的な距離を縮め、エンジニア以外のメンバーが初めて触れる際のハードルを下げます。キャラクター素材は公式ガイドラインに従って使用しています。

音声で話しかける開発スタイル

音声入力と音声読み上げに対応しており、キーボードから離れた状態でもAIと会話しながら作業を進められます。AIの応答は自動で読み上げられるため、画面を見続ける必要がなく、資料を読みながら相談する、コードを見ながら壁打ちするといった並行作業が可能です。テキスト入力と音声入力は切り替え可能で、AIを「検索対象」から「相談相手」へと印象を変え、活用の幅を広げます。

想定される効果

個人開発者の使い勝手向上

  • ブラウザで完結するため、ターミナル切り替えの手間が不要になります。

  • 視線分散により、長時間作業時の疲労が軽減されます。

  • 音声入力の併用で、手を止めずにAIと相談できます。

  • 応答状況の可視化で、次アクションへの切り替えが迅速化します。

  • セッション保持により、作業の中断と再開が容易になります。

  • 複数テーマの並行管理で、業務ごとの文脈が整理しやすくなります。

チーム全体のAI活用促進

  • ブラウザで使えるため、非エンジニアの導入障壁が下がります。

  • キャラクターの親しみやすさが、初回利用時の心理的ハードルを下げます。

  • 短時間で利用開始でき、チームへの展開が進めやすくなります。

  • 表情や音声が共通の話題となり、チーム内でAI活用の話が広がることが期待されます。

組織への展開しやすさ

  • 無償で利用でき、導入検討のハードルが低い形態です。

  • ソースコードが公開されており、組織内での独自改修も制限されません。

  • 個人の利用から組織展開まで、同じプロダクトでスケール可能です。

会社概要

会社名:株式会社renue
所在地:〒105-7105 東京都港区東新橋1-5-2 汐留シティセンター 5階
代表者:山本悠介
事業内容:AIコンサルティング業
URL:https://renue.co.jp/

本件に関するお問い合わせ:info@renue.co.jp

ご利用にあたっての注意事項

  • 本サービス「codedamon」は株式会社renueが提供しています。

  • 本サービスで使用している「ずんだもん」のキャラクター・立ち絵・音声等は、権利者より正式な使用許諾を得た上で、権利者のガイドラインに従って利用しています。ずんだもんに関するお問い合わせは権利者ではなく株式会社renueまでご連絡ください。

  • 本サービスは、Anthropic, PBCが提供する「Claude Code」をブラウザ経由で操作するためのインターフェースを提供するものです。Anthropic社の公式サービスではなく、同社または関連会社が運営・監修するものではありません。「Claude」「Claude Code」は Anthropic, PBCの商標です。

  • 本サービスは Claude Code との通信を中継するUIを提供するものであり、ユーザーとClaude Codeとのやりとりの内容を収集・保管・学習目的で利用することはありません。ただし、サービス運用上必要最小限のログ(認証・アクセス・エラー情報等)を取得する場合があります。

  • ユーザーが Claude Code に入力する情報は Anthropic 社のシステムへ送信されます。機密情報等の入力はユーザー自身の責任と判断で行ってください。また、Claude Codeのご利用にあたっては Anthropic 社の利用規約が別途適用されます。

  • 本サービスは現状有姿で提供され、株式会社renueは本サービスおよび Claude Codeの可用性・正確性等について保証いたしません。本サービスの利用により生じた損害について、株式会社renueは故意または重過失の場合を除き責任を負いません。

  • 本サービスは予告なく内容の変更・中断・終了を行う場合があります。

関連情報

  • VOICEVOX:ずんだもん:https://voicevox.hiroshiba.jp/

  • キャラクター「ずんだもん」© 東北ずん子・ずんだもんプロジェクト:https://zunko.jp/

  • Claude™ および Claude Code™ は Anthropic, PBCの商標です。

コメント

タイトルとURLをコピーしました