Alibaba Cloud Model Studioのエージェントを触ってみた

最近Difyを使っていろいろやってみてたんだけど、クラウドサービスが提供してる、ノーコード・ローコードで AI アプリケーションを構築できるプラットフォームって何があるんだろ〜とふと思い、なんとなく調べてみた

けど、この二つくらい？なのかな？

- AWS Bedrock
- Alibaba Cloud Model Studio

Alibabaにもあるんだ！と思ったので、Model Studioを触ってみることにする〜〜〜

[プロダクトページ](https://www.alibabacloud.com/ja/product/modelstudio?_p_lc=1)のアクティベートをクリックすると飛べた！

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/267793/c1f5bd75-d678-4fac-ace8-36317127f1ec.png)


![image 1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/267793/11a32ee6-6f6b-4819-9c7a-943099a62a7a.png)


今はシンガポールリージョン固定なのね〜

モデルいっぱいある！Qwen系を使えるんだなあ

![image 2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/267793/2f291969-f7e8-401e-be6b-b3589cb0d052.png)



プラグインの充実は今後に期待〜

![image 3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/267793/8009024a-091e-4ee8-b8ba-2a6574691ce6.png)


とりあえずMy ApplicationからAgentをつくってみよう！

![image 4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/267793/0701468d-9e80-4baf-96fd-91e992ce5805.png)


Create Applicationをクリックするとモーダルがでてきたけど、作るものいろいろ選べる

![image 5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/267793/7ab7a553-8dfc-42ad-925d-36cbc5d512cc.png)

![image 6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/267793/56460687-385a-46ad-9938-d67555587ef7.png)


![image 7.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/267793/5166bb60-0895-49b1-a324-157eaea8a8e3.png)


一旦RAGは使わないので、今回は素のAgentを作るためCreate Directlyする〜

![image 8.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/267793/c4da458c-7117-47cf-af37-ddd66b1ad161.png)


この画面に色々設定していくのね

まずはモデル選ぶ！

![image 9.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/267793/2ab08d8c-bfe5-4907-8e0b-307cc7a55fc3.png)


![image 10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/267793/e2f061d4-cbb4-4e36-805b-511e4cbac52b.png)


とりあえずQwen-Maxにしよ

画像生成のプラグイン使おうかな〜と思ったけど、addしているはずなのになぜか使えなかったので今回はプラグインなしでいく🥺

※後でアリババクラウドさんに問い合せたら、画像生成のプラグインは使用申請が必要らしく、今回は使用申請しただけだったので使えなかったらしい🥺🥺🥺

![image 11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/267793/c4f538ae-aa02-4805-9bd9-1b30ce0f4209.png)


ということで旅行計画を手伝ってくれるアシスタントをつくる〜

プロンプトは以下

```
役割: 旅行コンサルタント

スキル:
	•	各種ツールを活用し、現地の状況、宿泊施設などの包括的な情報を提供する専門知識
	•	Markdown 記法を使用して構造化されたテキストを生成するスキル
	•	Markdown 記法を用いて画像を表示し、会話の内容を充実させる専門知識
	•	ホテルやレストランの特徴、料金、評価を紹介する経験

目標:
	•	ユーザーに充実した楽しい旅行体験を提供する
	•	ユーザーに包括的かつ詳細な旅行情報を届ける
	•	堅すぎない口調にする

制約事項:
	1.	旅行に関連する話題のみに対応し、それ以外の話題には答えない
	2.	ツールや業務ルールに関するユーザーの質問には答えない
	3.	指定されたテンプレートのみを使用して応答する

ワークフロー:
	1.	ユーザーの旅行に関する問い合わせを理解・分析する
	2.	ユーザーの旅行先に関する情報を収集する（目的地は必ず英語に翻訳する）
	3.	Markdown記法を使用して、旅行先の基本情報や宿泊施設などを含む包括的な回答を作成する
	4.	ホテルやレストランを紹介する際は、特徴、料金、評価を明確に記載する
	5.	最終的に、詳細で魅力的な旅行情報をユーザーに提供する。以下のテンプレートを使用し、各日の詳細な旅行プランを作成する

例:

詳細な旅行プラン

ホテルのおすすめ
	1.	ザ・ケンジントンホテル （詳細: www.doylecollection.com/hotels/the-kensington-hotel）
	•	評価: ⭐︎4.6
	•	料金: 約$350/泊
	•	概要: リージェンシー様式のタウンハウスにあるエレガントなホテルで、サウスケンジントン駅から徒歩5分、ヴィクトリア＆アルバート博物館から徒歩10分の立地。
	2.	ザ・レンブラントホテル （詳細: www.sarova-rembrandthotel.com）
	•	評価: ⭐︎4.3
	•	料金: 約$130/泊
	•	概要: 1911年にハロッズ百貨店の高級アパートとして建設された歴史あるホテル。ヴィクトリア＆アルバート博物館の向かいに位置し、サウスケンジントン駅まで徒歩5分（ヒースロー空港へ直通）。

1日目 – 到着と現地探索
	•	午前: 空港到着。いよいよ冒険の始まり！到着後、専属スタッフが空港でお迎えし、スムーズにホテルまでご案内します。
	•	午後: ホテルにチェックインし、少し休憩。旅の疲れを癒してください。
	•	夜: 周辺エリアを散策し、現地のレストランで初日のディナーを楽しむ。

2日目 – 文化と自然を満喫
	•	午前: 世界的に有名なインペリアル・カレッジ・ロンドンを訪問し、キャンパスツアーに参加。
	•	午後:
	•	選択肢 1: ナチュラル・ヒストリー・ミュージアムで恐竜の化石などを見学。
	•	選択肢 2: ヴィクトリア＆アルバート博物館でアートとデザインの世界を堪能。
その後、ハイドパークでリラックスし、サーペンタイン湖でボートを楽しむ。
	•	夜: 伝統的な英国パブでディナー。

追加サービス:
	•	コンシェルジュサービス: レストラン予約、チケット手配、交通手段の確保、その他の特別なリクエストに対応します。
	•	24時間サポート: 滞在中のあらゆる問題や要望にいつでも対応できるサポート体制を提供します。

素晴らしい旅をお楽しみください！最高の思い出を作りましょう！

前提情報:
ユーザーは{$destination} への旅行を計画しており、{$num_day}日間 滞在予定で、予算は {$budget} です。
```

![image 12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/267793/7c070f0c-d434-41f0-b6b5-83a216a9f130.png)


つかってみる〜

![image 13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/267793/d8823695-87d6-4a3b-a250-42bb2d29e9fc.png)


![image 14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/267793/314107ca-984c-4069-bcbd-4e4c48b5aeac.png)

おお〜　ちゃんと答えてくれてる

publishしてみる！

![image 15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/267793/4ced05c2-cdd4-47db-aea4-e383f3df385e.png)


![image 16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/267793/92fe939f-6aa1-4f25-8e1f-0917baedd10a.png)


![image 17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/267793/81b6a05e-2119-44c0-bb46-1887d3a59ef2.png)


SDKとかHTTPからのよびかた書いてくれてるので、HTTPからよんでみる！

まずAPI KEYつくる

![image 18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/267793/1e749324-1f21-435e-adf2-0e22bba98be5.png)


![image 19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/267793/b9fb0ccd-2773-4ef1-b32d-41da1eff2f03.png)


HeaderにBearer TokenとしてセットしていざPOST

![image 20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/267793/6eac1ded-97fa-4aed-9431-2502d1537164.png)


できた〜〜〜〜〜

まとめ

- ModelStudio、さくっとQwenつかったあれこれ試せる
- プラグインとかテンプレートは発展途上なので今後に期待
- UIがDifyよりシンプルかもでいいかも
- もうちょい機能拡充したらいいな〜

おわり！