ASADASHI
バイブコーディング
バイブコーディング2026.08.06·読了 2·難易度: むずかしい

AIにPCを渡してコードを書かせる時代が来た

朝の出汁版(通勤2分)

  • ポイント1: Cloudflareが公開した「computer」は、AIエージェントに仮想的なPC操作環境を与えるTypeScriptライブラリで、エージェントが自律的にブラウザやツールを動かしながらコーディングタスクをこなせるようになる。
  • ポイント2: 単にコードを生成させるだけでなく、エージェント自身が「操作しながら考える」設計になっている点が注目で、複数ステップにまたがる作業の自動化に向く構成となっている。
  • ポイント3: GitHubリポジトリのREADMEにサンプルコードが掲載されているので、TypeScriptを触ったことがあれば、そこを起点に自分のエージェントに「PC操作」を追加するところから試してみると入りやすい。

出汁の素(深読みモード)

「コードを書かせる」から「PCを操らせる」へ

AIにコードを生成させるだけなら、すでに多くのツールで実現できる。ただ、それは「指示された一行を書く」レベルの話だ。Cloudflareが公開した「computer」は、そこから一歩先を行く設計になっている。

このTypeScriptライブラリがやっていることをざっくり言うと、AIエージェントに「仮想的なPC操作環境」を渡すことだ。ブラウザを開く、フォームに入力する、結果を確認して次の操作に進む——そういった複数ステップにまたがる作業を、エージェントが「操作しながら考える」形で自律的にこなせるようになる。

これまでのコード生成AIは、いわば「答えを書いてくれるアシスタント」だった。computerが目指しているのは「手も動かせるアシスタント」に近いイメージだ。指示に対して単発で応答するのではなく、タスクを達成するまでの一連の動作を自分で組み立てる。AIエージェントに長時間仕事を任せる仕組みで取り上げた「長時間タスクを任せる」設計とも連続する流れで、業界全体がこの方向に動いていることがわかる。

GitHubのスター数は現時点で2,545。Cloudflareのエコシステムと組み合わせることを前提にした設計ではあるが、ライブラリとしての構造はオープンに公開されており、参照しながら自分の環境に取り込むことが可能だ。

コードが書けると有利になる部分、書けなくてもわかる部分

dev カテゴリの記事として、ここははっきり分けておく。

コードなしでも把握できること: computerが「何をするライブラリか」という設計思想はREADMEを読むだけで理解できる。「エージェントにPC操作の手足を渡す」という概念は、コードが書けなくてもイメージをつかむのは難しくない。業界の方向性として「生成だけでなく操作ができるエージェント」が増えていくことは、ツールを選ぶ判断軸として持っておけばよい。

TypeScriptが書けると一気に使いやすくなること: READMEにはサンプルコードが掲載されており、TypeScriptの基本的な読み書きができるなら、そのコードを起点に自分のエージェントに「PC操作」機能を追加する最初のステップまで到達できる。具体的には、既存のエージェント処理にcomputerを組み込み、ブラウザ操作や複数ステップのタスク実行を追加するという流れだ。

また、同時期にGitHubで注目を集めているリポジトリとして「code_puppy」(740スター)もある。こちらはPythonベースで「コードを書くためのエージェント型AI」という位置付けで、computerとは実装言語もアプローチも異なるが、「エージェントがコーディングをこなす」というテーマ自体は共通している。コーディングAIだけで本番エージェントを作る新手順でも触れたように、この領域は選択肢が急速に増えている段階だ。

「エージェントに何をさせるか」を先に決めると試しやすい

computerを触り始めるときに迷いやすいのは「で、何に使うの?」という部分だ。ライブラリ単体では何も起きないので、「こういう作業を自動化したい」というユースケースを先に一つ決めてから入るほうが動きやすい。

現実的な入り口としてイメージしやすいのは次のような場面だ。

  • 複数のサイトを順番に開いて情報を収集し、まとめる
  • フォームへの入力と送信を含むルーティン作業
  • ページの表示内容を確認しながら条件分岐する処理

いずれも「人間がブラウザを手で操作しながらやっていたこと」をエージェントに肩代わりさせるイメージだ。

実際に動かすための最初の一手: GitHubリポジトリ(https://github.com/cloudflare/computer)のREADMEにあるサンプルコードをそのまま手元のTypeScript環境に貼り付けて動かすところから始めるのが最短ルートだ。Cloudflareのアカウントとの連携が前提になっている部分もあるので、その点はドキュメントで確認しながら進める必要がある。

コーディングの経験が浅い場合は、まずREADMEを読んで「エージェントに何を渡しているか」の設計を理解するだけでも、他のエージェント系ツールを選ぶときの判断基準になる。

中国発・体系的なAgent学習リポジトリの存在も押さえておく

今回の元情報の中にもう一つ注目リポジトリがある。「ai-agents-from-zero」(3,455スター)は、AIエージェントをゼロから学ぶための中国語圏向けガイドで、LangChain、LangGraph、Coze、Dify、MCPなどを網羅した体系的なカリキュラムになっている。

このリポジトリが興味深いのは、「エンジニア向けの詰め込み教材」ではなく、学習パス・実践プロジェクト・面接対策を一体化した構成になっている点だ。Agent開発を職能として定義し直そうとする動きが、すでに中国のエンジニアコミュニティでは本格化していることが見えてくる。

日本語でのまとまった資料はまだ少ないが、このリポジトリを翻訳ツール経由で読み進めるだけでも、Agent開発の全体地図を掴むのに使える。LangChainやDifyはすでに日本語ドキュメントも整備されており、このリポジトリのカリキュラム順を参考にしながら日本語リソースに当たるという使い方も現実的だ。コードベース全体をAIで地図化して編集できるツール登場で取り上げたように、コードの「全体像を把握する」ための視点はAgent設計でも同様に重要で、この学習リポジトリが体系的な地図として機能しうる。

「操作できるエージェント」を自分の環境に組み込むための発展ルート

computerの設計をさらに深掘りしたい場合、注目したいのはCloudflare Workers AIとの連携構造だ。エッジで動作するエージェントがブラウザ操作まで担う、という構成はサーバー管理の手間を減らしながらエージェントを常駐させる方向性と一致している。

一方、Pythonベースで進めたい場合はcode_puppy(https://github.com/mpfaffenberger/code_puppy)が現実的な選択肢になる。こちらはコーディング特化の設計で、TypeScript環境が整っていない場合の代替エントリーポイントとして位置付けられる。

二つを組み合わせるイメージとしては、「大まかな指示や設計はPythonエージェントが担い、ブラウザや外部ツールへのアクセスはcomputerが担う」という役割分担が考えられる。ただしこれは現時点では実験的な領域で、動作確認しながら進める前提で取り組むほうが現実的だ。

「エージェントが操作できる」ことの価値は、単発のコード生成では届かない領域、すなわち「人間が手でやっていたワークフローそのもの」を引き受ける点にある。このレイヤーを自分でコントロールできるようになると、ツールに課金して使う側から、ツールを組み立てる側にじわじわとシフトしていける。

参照ソース