ComputerUseでドキュメント生成のRPAしてみた

## はじめに
この記事では、AnthropicのComputerUseを使用して、JSpreadSheetのドキュメントをMarkdown形式で生成する方法について説明します。



## 目的
OSSに関してAIのコーディングがあまりできないため、Markdownファイルのドキュメントを食わせてコーディングできるか調査したかったため。

## 前提条件
- Windows環境
- Docker Desktopのインストール
- PowerShellの使用環境
- Claude APIキーの取得

## セットアップ手順

### 1. ClaudeAPIキーを取得する
https://console.anthropic.com/settings/keys

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2742767/f3b98472-bd51-224a-9b04-efbadaa91a5c.png)

### 2. anthropic-quickstartsをCloneする

```powershell
git clone https://github.com/anthropics/anthropic-quickstarts.git
```

### 3. Dockerコンテナの起動
Docker Desktopインストールしておいて起動後に
PowerShellで以下のコマンドを実行します：
**【APIキー】** 部分は更新してください。

```powershell
docker run `
-e ANTHROPIC_API_KEY=【APIキー】 `
-v $HOME/.anthropic:/home/computeruse/.anthropic `
-p 5900:5900 `
-p 8501:8501 `
-p 6080:6080 `
-p 29999:8080 `
-it ghcr.io/anthropics/anthropic-quickstarts:computer-use-demo-latest
```
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2742767/5e513e2f-1d66-ddb9-c091-616806a28014.png)


### 4. アプリケーションアクセス
ブラウザで以下のURLにアクセス：
```
http://localhost:29999
```
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2742767/52f576cc-7890-53a1-803f-9e5b4b2d0015.png)

### 5. プロンプト開いてフォルダにフル権限を与えます

#### ドキュメント生成時の注意点
#### パーミッションエラーへの対処
ファイル生成時にパーミッションエラーが発生した場合の対処方法：

1. 一時ディレクトリの作成
```bash
sudo mkdir -p /work
```


2. ファイル作成
```bash
sudo chmod 777 /work
```
### 6. 指示を与えてスクレイピングしてMarkdownファイルを作成

**■依頼したプロンプト**
```markdown
以下のJSpreadsheetドキュメントのセクションにアクセスし、各セクションの内容をMarkdownファイルとして保存してください：

1. URL: https://bossanova.uk/jspreadsheet/docs/react

2. アクセス対象セクション:
   - Spreadsheet features
   - Editors
   - Scripting
   - Appearance

3. 出力要件:
   - 出力先: /home/computeruse/work
   - 形式: Markdown
   - 言語: 英語（原文）
   - テーブルやコードブロックなどもMarkdown形式で変換

4. ファイル形式例:
   [セクション名].md
   ==============
   # [タイトル]
   [コンテンツ]
   ==============

注意点：
- 各セクションは個別のMarkdownファイルとして保存
- テーブル、コードブロック等のフォーマットは保持
- 原文の英語をそのまま使用
- サイドバーのメニューから各セクションにアクセス

```

### 8.ComputerUseがファイル作ります
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2742767/bf1195bf-5c2f-2efe-84dd-90f6fe46de86.png)

**途中で続けるか確認もしてくれますが、自分は全部やってくれと指示しちゃいました。**


### 9.ファイルの取得方法
生成したファイルをローカル環境に取得する手順：

1.コンテナID確認
```bash
docker ps
```
2.ファイルコピー

```bash
docker cp [コンテナID]:/home/computeruse/work ./localwork
```
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2742767/832e8414-6dd3-76a5-9c75-df8245bb3837.png)


#### 取得したファイル群
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2742767/7923ee1e-9215-e7e0-d0e9-41c5a09f7810.png)

#### ファイルの中身
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2742767/65abb12c-9396-e106-735c-1b9e67d440a8.png)

#### スクレイピングしたサイト
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2742767/177075a4-a57d-ebbf-cc9f-d99f4564c118.png)


## まとめ
- ComputerUseを使用することで、AIによるドキュメント生成が可能
- 生成されたファイルはDockerコマンドでローカルに取得可能
- パーミッションエラーは一時ディレクトリを使用することで回避可能

## 感想
少し重いところがありますが、
エージェントで単純作業が本当に効率化されてきているなというのを実感しました。
事務作業もAIに変わっていくだろうな。。
**OpenAI Operator**も試してみたいですが

## 参考リンク
- LIG記事: https://liginc.co.jp/653318
- note記事: https://note.com/masaland/n/n29801871173e