BabyAGI UIの魅力と使い方、ブラウザー版BabyAGIが登場！

目　次

はじめに
BabyAGI UI とは？
BabyAGI UI の始め方及び使い方
1. BabyAGI UI を利用するまで
2. BabyAGI UI を使ってみたよ！
  1. BabyAGI UI を利用するまで
  2. 目標を記入して実行
BabyAGI UI の評判
BabyAGI UI を使った感想
おわりに

はじめに

　皆さんは、BabyAGI UI を知っていますか？

　BabyAGI UIは、前に紹介したBabyAGIの改良版でブラウザーから利用でき、モデル、ループの回数などが画面上から設定できる初心者にも優しいユーザーインターフェース（UI)を持ったBabyAGIなんです。

　ということで、今回は、この BabyAGI UI についてもう少し深堀して紹介しようと思います。

　この記事を読むと次の疑問について知ることができます。

　なお、OS、機種などで説明の仕方が変わってくることがありますので、私の使用しているパソコン環境について載せておきます。

パソコンOS　：　Windows11 Pro
Windowsバージョン　：　22H2
Pythonプログラムのバージョン　：　3.11.3
VS-Code エディターのバージョン　：　1.78.1
Node.js のバージョン　：　18.16.0
BabyAGI UIのバージョン　：　0.1.0（package.json内に明記）

BabyAGI UI とは？

　BabyAGI UIとは、自律型AIのBabyAGIをブラウザで使えるようにしたウェブアプリで、OpenAIとPineconeを使って、目標に向かってタスクを自動で作成し、優先順位をつけて自動で実行するプログラムです。

　BabyAGI UIは、ChatGPTのようにテキストボックスに目標を入力（目標）するだけで、BabyAGIが勝手にタスクを作成し、目標を達成するために自動で実行してくれます。

　BabyAGI UIは、gpt-3.5-turboやgpt-4などの最新のモデルにも対応しており、オープンソースでGitHubに公開されており、誰でも利用や開発に参加が可能です。

　BabyAGI UIの開発者は、Yoshiki Miuraという方で、2023年5月3日にGitHubに公開されました。

　また、realminchoi Min Choiと言う方が開発したBabyAGI UIもありますが、ここではYoshiki Miuraさんが開発したBabyAGI UIの方を紹介します。

BabyAGI UI の始め方及び使い方

BabyAGI UI を利用するまで

　BabyAGI を利用するには次のステップで進めていきます。

Python 3.11.3 のダウンロードとインストール
VScode（エディタ）のダウンロードとインストール
BabyAGI UI のインストール
1. Node.jsのインストール（既にインストール済みの場合は必要なし）
2. Git for Windowsのインストール（既にインストール済みの場合は必要なし）
3. BabyAGI UIのダウンロード
4. npmコマンドによりBabyAGI UIのウェブアプリのフロントエンド部分を構築
OpenAI APIキーの取得
Pinecone APIキーや環境変数の取得（なくとも実行は可能）
BabyAGIへAPIキーなどの設定（UI上からも設定が可能）

Python 3.11.3 のダウンロードとインストール

　Pythonをすでにインストールしている方はこの部分は読み飛ばしてください。

　Pythonのページに移動し、「Download」⇒「Pythin 3.11.3」を順にクリック。

　すると、左下に「この種類のファイルはコンピュータに損害を与える可能性があります。…」と聞かれるので。「保存」をクリック。（この部分の画像は省略）

　パソコンのダウンロードフォルダーにPythonのセットアッププログラム「python-3.11.3-amd64.exe」がダウンロードされます。

　このファイルをダブルクリックして起動したら、最初のインストールのウインドウの下にある「Add python.exe to PATH」にチェックを入れて、「Install Now」をクリックして、インストールを始めると、「このアプリがデバイスに変更を加えることを許可しますか？」と聞いてくるので「はい」をクリックして、画面の指示にしたがいインストールを終えます。（この部分の画像は省略）

VScode（エディタ）のダウンロードとインストール

　VScodeをすでにインストールしている方はこの部分は読み飛ばしてください。

　VScodeのページに移動し、「Download for Windows Stable Build」をクリック。

　パソコンのダウンロードフォルダーにVScodeのセットアッププログラム「VSCodeUserSetup-x64-1.77.3.exe」がダウンロードされます

　このファイルをダブルクリックして起動したら、「使用許諾契約書の同意画面」でに「同意する」にチェックを入れ、「次へ（N)>」をクリック、「インストール先の指定」画面、「スタートメニューホルダーの指定」画面、「追加タスクの選択」画面と続き、全てで「次へ（N)>」をクリック、最後の「インストール準備完了」画面で「インストール」をクリックし、画面の指示にしたがいインストールを終えます。（この部分の画像は省略）

Node.jsのインストール

　Node.jsのダウンロードページに移動し、あなたのパソコンに合ったインストーラーをダウンロードします。

　すると、ダウンロードフォルダーに「node-v18.16.0-x64.msi」がダウンロードされます。

　ダウンロードされたファイル「node-v18.16.0-x64.msi」をダブルクリックしてインストーラーを起動し、指示に従ってインストールを終了します。インストール時の途中で表示される「Automatically install the necessary tools. Note that these tools are not required by Node.js or npm, but may be useful for some native modules.」にチェックを入れ、その他は「Next」をクリックし、最後に「Install」をクリックしてください。（この部分の画像は省略）

BabyAGI UI のインストール

　BabyAGI をインストールするために、Git for Windowsをまずインストールしてください。

　Git for Windowsのインストール方法は、次の記事の「Gitのインストール」部分を参照。

　コマンドプロンプトを起動し（Windowsスタート⇒すべてのアプリ⇒Windowsツール⇒コマンドプロンプト順にクリック）、次のコマンドを1つずつ実行します。なお、VScodeのターミナルから下記のコマンドを実行してもOKです。

git clone https://github.com/miurla/babyagi-ui
cd babyagi-ui
npm install

OpenAI APIキー及びPinecone APIキー、環境変数の取得

　OpenAI APIキー及びPinecone APIキー、環境変数の取得については、前に紹介したAutoGPTの「OpenAI APIキーの取得」及び「Pinecone APIキーの取得」の項目の部分を参照してください。

　ここでは、BabyAGIで取得した同じOpenAI APIキー及びPinecone APIキー、環境変数を利用しました。

BabyAGI UI へAPIキーなどの設定

　VScodeを開き、「EXPLORER」から先程インストールした「babyagi-ui」フォルダー内を開き、その中にある「.env.template」⇒「.env」に名前変更をしてください。又は、下記のコマンドを実行して、新たに「.env」を作成してください。

cp .env.example .env

2023年5月12日現時点での、「.env」ファイル内の次の行番号にこれまで取得したAPIキー、環境変数を設定してください。

2行目(赤文字の部分をあなたが取得したAPIキーを記入)
OPENAI_API_KEY=あなたが取得したOpenAI APIキー
5行目(赤文字の部分をあなたが取得したAPIキーを記入)
PINECONE_API_KEY=あなたが取得したPinecone APIキー
8行目（赤文字の部分をあなたが取得した環境変数を記入）
PINECONE_ENVIRONMENT=あなたが取得したPineconeの環境変数

　上述の、2.と3.の設定は行わなくとも「BabyAGI UI」を使う上では支障がありませんが、タスクの結果が保存されません。

BabyAGI UI を使ってみたよ！

BabyAGI UI を利用するまで

　Windowsのターミナルウインドウ（Windowsスタートキ ⇒ すべてのアプリ ⇒ Windows ツール ⇒ コマンドプロンプト）を開き、又は、VScodeを起動し、下にあるターミナルウインドウの右にある「V 」をクリックすると表示されるメニュで「PowerShell」、「Command Promt」のどちらかを選択（ここでは、「Command Promptを選択」）し、babyagi-uiのディレクトリーに入ります。

　それから、Promptに「npm run dev」と打ち込んでリターン。

　すると、「ready - started server on 0.0.0.0:3000, url: http://localhost:3000」と表示された「url: http://localhost:3000」を「Ctrl +クリック」又は、URLをコピーしてブラウザーで別タブでコピーしたURLをペーストして立ち上げるとBabyAGI UIが立ち上がります。

目標を記入して実行

　ここでは、条件は次の通り。

モデル　：　OpenAI GTP-3.5-turbo
Iterations　：　20
目標　：　東京大学の理学部に入学する

　最初のリストから結果まで

🎯目的
東京大学の理学部に入学する
📝タスクリスト
タスクリストを作成する
👉次のタスク
タスクリストを作成する
✅タスク結果
東京大学理学部の研究入学要件。
成績証明書や推薦状など入学に必要な書類を用意します。
センター試験や理学部入試などの必修試験を受験する。
申請書類を提出し、採否通知を待ちます。
受け入れられた場合は、学生ビザの取得やクラスへの登録など、登録に必要な追加の手順を完了します。

　20回実施した後の結果が次の通り。

📝タスクリスト
東京大学理学部の留学生向けに、数学科目のアカデミックアドバイスとコース登録に関連する大学の方針と規制をナビゲートするためのガイドを作成します
環境科学分野の研究を行っている東京大学理学部の大学院生が利用できる研究助成の機会を調査し、リストを作成します。
東京大学理学部で物理学分野の研究プロジェクトや出版物が進行中の教員を調査し、リストを作成する。
東京大学理学部の留学生向けガイドとして、学生の住居と宿泊施設に関する大学の方針と規制をナビゲートするガイド
東京大学理学部に在籍し、数学を学んでいる留学生のために利用可能な奨学金と財政援助の選択肢のリストを調査し、編集します
東京大学理学部の学生向けに、時間管理のヒント、学習戦略、推奨リソースなど、「数学入門」コースを効果的に学習および準備する方法に関するガイドを作成します
東京大学近郊の物理学分野で利用可能なインターンシップまたはジョブシャドウイングの機会のリストを調査して編集します
東京大学近郊の数学分野で利用可能なインターンシップまたはジョブシャドウイングの機会のリストを調査して編集します
東京大学理学部で開講されている「数学入門」科目の推奨教材・資料リスト(教科書、オンライン資料、学習ガイドなど)を作成する
東京大学理学部内の課外活動やクラブのうち、物理学や天体物理学を中心とした学生が興味を持ちそうなもののリストを調査し、まとめる
東京大学理学部の学生が数学分野のコンプライアンスを確保するために知っておくべき学術アドバイスとコース登録に関連する主要な大学の方針と規制の概要を作成します
東京大学理学部で開講されている「生物学入門」の教材やリソース(教科書、オンラインリソース、学習ガイドなど)のリストを作成する
東京大学理学部に在籍する留学生のために利用可能な奨学金と財政援助の選択肢のリストを作成します
東京大学理学部で生物学・生化学分野の研究プロジェクトや出版物が進行中の教員の調査・リスト作成
東京大学理学部主催のキャリアフェアや交流会に参加し、就職希望や就職先情報収集
大学近くの住居の選択肢を探索し、研究中に快適な生活状況を確保するために宿泊施設の手配をする
コンプライアンスを確保し、潜在的な問題を回避するために、大学のポリシーと規制に関する情報を常に把握してください
東京大学理学部内の留学生が興味を持ちそうな学生団体やサークルを調査し、リストを作成する。
東京大学理学部の教員のうち、宇宙物理学分野の研究プロジェクトや出版物が進行中の教員の調査・リスト作成
東京大学理学部で開講されている「宇宙物理学入門」の教材・リソース(教科書、オンラインリソース、学習ガイドなど)の推奨教材・リソースのリストを作成
👉次のタスク
東京大学理学部の留学生向けに、数学科目のアカデミックアドバイスとコース登録に関連する大学の方針と規制をナビゲートするためのガイドを作成します
✅タスク結果
AIとしての私の仕事は、東京大学理学部の留学生向けに、数学科目のアカデミックアドバイスや履修登録に関する大学の方針や規制をナビゲートするためのガイドを作成することです。
アカデミックアドバイス: まず、東京大学のアカデミック・アドバイジング・システムを理解することが大切です。各専攻には指導教員がおり、履修選択、進学方針、進路計画の指導を行っています。留学生は指導教員と面談し、学業の進捗状況について話し合い、履修登録の指導を受けることができます。
履修登録: 数学コースに登録する前に、登録プロセスを理解することが重要です。学生は、大学の登録システムであるUTASにログインして、利用可能なコースを表示し、登録することができます。スケジュールの競合を避けるために、登録する前にコーススケジュールを確認することが不可欠です。
数学コースの要件: 東京大学理学部を卒業するためには、数学科目の特定の要件を満たす必要があります。これらの要件は、学生の専攻によって異なる場合があります。したがって、学生が適切な数学のコースを受講していることを確認するために、指導教員に相談することが重要です。
ポリシーと規制: アカデミックアドバイスとコース登録に関連する大学の方針と規制を理解することが不可欠です。学生は、大学のウェブサイトを参照するか、指導教員に相談して詳細を確認することができます。これらのポリシーや規制に違反した場合の結果を理解することも重要です。
結論として、数学コースのアカデミックアドバイスとコース登録に関連する大学のポリシーと規制をナビゲートするには、アカデミックアドバイスシステム、コース登録プロセス、数学コースの要件、およびポリシーと規制を理解する必要があります。留学生は指導教員に相談し、詳細については大学のWebサイトを参照できます。

　以上のような一連のタスクを実行していきますが、1回目のタスクリストより20回目のタスクリストがかなり増えており、そのため、２０回の繰り返しでは終了しませんでした。

　以上のように、この程度の目標でも終了しません。この辺の工夫がほしい所です。例えば、終了した時点でどこまで進み、後どの程度で終了する見込みなのかなど・・・・。

BabyAGI UI の評判

　BabyAGI につてい、Twitterでのツイートを調べてみました。

　検索ワードは「BabyAGI」で検索して、「最新」から２つほど載せます。

BabyAGIがブラウザで使える『BabyAGI UI』がリリース⚡️

・BabyAGIがChatGPTライクなブラウザで使用できるように
・BabyAGIがオープンソース化
・gpt-3.5-turbo, gpt-4などが対応

これは自律型AIを使ったことない方でも使いやすいかも！

是非トライしてみて欲しいです👇

技術スタックは

Next.js… pic.twitter.com/zH6qly4qed

— 木内翔大｜AI時代に乗り遅れない為の必見情報を毎日配信📣 (@shota7180) May 3, 2023

　書き込みは、ほとんどが外国人ですが、日本人の書き込みを見られるようになりました。

　ブラウザー対応になったことが、初心者にも使い易くなり「BabyAGI」の時よりも、日本人の使う方が増えてきています。

BabyAGI UI を使った感想

　BabyAGI UI は、以前のBabyAGIに比較すると格段に進歩し、使い易くなりました。

　しかし、まだまだ問題点は山済みであり、先に指摘したように次の点の改良を望みます。

ChatGPTのように、普通の質問にも対応でき、答えられるようにすること。
大きな目標に対して、途中で終了した際には、その時点までのまとめを出力ができるようにすること
さらに、予測として後どの程度で終了見込みなのかなども分かるとよいです。
まだまだ先のことかもしれませんが、マルチモーダルな対応ができるようにすること

　いずれにしても、この短期間で大変使い易く進歩しており、これからが楽しみなアプリであると思います。

　今後もAutoGPT、BabyAGIなどの関連技術の動向に注目していきたいと思います。

おわりに

　皆さんいかがだったでしょうか。

　BabyAGI UI とは？、BabyAGI UI の始め方及び使い方、BabyAGI UI を利用するまで、Python 3.11.3 のダウンロードとインストール、VScode（エディタ）のダウンロードとインストール、Node.jsのインストール、BabyAGI UI のインストール、OpenAI APIキー及びPinecone APIキー、環境変数の取得、BabyAGI UI へAPIキーなどの設定、BabyAGI UI を使ってみたよ！、BabyAGI UI を利用するまで、目標を記入して実行、BabyAGI UI の評判、BabyAGI UI を使った感想などについて解説してきました。

　この記事が少しでも皆様のお役に立てればこれほど嬉しいことはありません。

以上です。