PartyRock の使い方

382 Views

May 31, 24

スライド概要

profile-image

ユニークビジョン株式会社 テックリード。 業務でRust書きつつ、チームの生産性を向上させるような改善を推し進めています。 取るに足らないツイートが多いですが、技術的な話や最近勉強したことをつぶやきます。 第25回世界コンピュータ将棋選手権 9位。 ヤクルトスワローズ/将棋/キャンプ/DQW/謎解き/リアル脱出ゲーム

シェア

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

関連スライド

各ページのテキスト
1.

ノーコードで LLM アプリが作れる! PartyRock の使い方 第2回 LLM で業務改善!社内ハッカソン

2.

PartyRock Copyright ©Unique Vision Company, All Rights Reserved. 2

3.

PartyRock とは ● Amazon Bedrock というサービスのお試し環境 ● 無料で使える! ● ノーコードで LLM アプリケーションが作れる! Copyright ©Unique Vision Company, All Rights Reserved. 3

4.

アカウント作成 Sign in を Click! Copyright ©Unique Vision Company, All Rights Reserved. 4

5.

アカウント作成 Google アカウントで 始められます! Copyright ©Unique Vision Company, All Rights Reserved. 5

6.

アカウント作成 1. ユーザー名を入力 2. Submit を Click! Copyright ©Unique Vision Company, All Rights Reserved. 6

7.

データ収集のオプトアウト Backstage を Click! Copyright ©Unique Vision Company, All Rights Reserved. 7

8.

データ収集のオプトアウト 「Share PartyRock data with AWS」のチェックを外します Copyright ©Unique Vision Company, All Rights Reserved. 8

9.

まずは使ってみよう! この辺を Click! Copyright ©Unique Vision Company, All Rights Reserved. 9

10.

まずは使ってみよう! このアプリはキーワードから 俳句とイラストを作ります。 User Input に入力して Ctrl + Enter を押してください これが PartyRock で作成した アプリです! Widget と呼ばれる UI 要素を 組み合わせてアプリを作ります! Copyright ©Unique Vision Company, All Rights Reserved. 10

11.

まずは使ってみよう! タイトルバーが黄色い Widget は AI が動きます! ユーザーの入力から 俳句とイラストを生成しました Copyright ©Unique Vision Company, All Rights Reserved. 11

12.

アプリを作ってみよう! Generate app を Click! Copyright ©Unique Vision Company, All Rights Reserved. 12

13.

アプリを作ってみよう! 作りたいアプリの説明を 書いて Generate を Click! Copyright ©Unique Vision Company, All Rights Reserved. 13

14.

アプリを作ってみよう! Copyright ©Unique Vision Company, All Rights Reserved. 14

15.

アプリを作ってみよう! Widget のサイズを少し調整し、 思い出を入力してみました! 藤の花じゃないし、誰だこの女... 投稿文もイマイチ... Copyright ©Unique Vision Company, All Rights Reserved. 15

16.

プロンプトを改善してみる! 1. 編集したい Widget の 編集ボタンを Click! 2. 右側に編集画面が出ます! Prompt という欄を編集します 黄色の網掛けは他の Widget と 連携する部分です! 3. 編集が完了したら Save を Click! Copyright ©Unique Vision Company, All Rights Reserved. 16

17.

プロンプトを改善してみる! 多分いいねは貰えないですが ちょっと良くなりましたね! こんな感じでアプリが作れます! Copyright ©Unique Vision Company, All Rights Reserved. 17

18.

Widget の種類:AI-powered テキスト生成 チャットボット 画像生成 プロンプトとウィジェットのパラ メータに基づいてテキスト出力を生 成します。テキスト生成ウィジェッ トをユーザー入力ウィジェットや他 のAI対応ウィジェットに接続できま す。 インタラクティブなチャットをあな たのプロンプトとウィジェットパラ メーターに基づいて作成します。 チャットボットは他のウィジェット に接続することができます。 ユーザーの入力ウィジェットや他の AIウィジェットに接続して、プロン プトとウィジェットのパラメータに 基づいて画像を生成します。 Copyright ©Unique Vision Company, All Rights Reserved. 18

19.

Widget の種類:⼈間が⼊⼒する ユーザー入力 ドキュメント選択 静的テキスト アプリユーザーがプロンプトデータ を提供するための入力フィールド。 AI生成ウィジェットのプロンプト内 でユーザー入力ウィジェットに言及 し、アプリユーザーがアプリ出力を 変更できるようにします。 アプリユーザーがテキストコンテン ツを含むファイルやドキュメントを 提供するための入力フィールド。AI による生成ウィジェットのプロンプ トにドキュメントウィジェットを参 照し、ユーザーがアプリの出力を変 更できるようにします。 アプリ内で永続的に表示されるテキ スト。アプリのユーザーは静的テキ ストを閲覧することができますが、 編集できるのはアプリの作成者のみ です。静的テキストは、説明、ユー ザーの指示などのコンテキストを提 供するためや、AI搭載ウィジェット によって参照されるテキストとして 使用されます。 Copyright ©Unique Vision Company, All Rights Reserved. 19

20.

Widget の設定項⽬ プロンプト AI に対する指示を記述する項目。 「プロンプトエンジニアリング」 という技術が重要! 発展的な設定 創造的なタスクの場合は バーを右の方にしてみて下さい! モデル AI の賢さを決定する項目。 モデル名の右にあるメーターは クレジットの消費量に影響! Copyright ©Unique Vision Company, All Rights Reserved. 20

21.

「クレジット」という概念 クレジット 無料トライアルの使用量を表す数値。 入出力の文字数やモデルの性能に応じて消費量が変わる! Copyright ©Unique Vision Company, All Rights Reserved. 21

22.

アプリを作る際のコツ|流れを書いてみる 「思い出投稿ヘルパー」の場合 テキスト入力 テキスト生成 思い出の入力 魅力的な投稿文 画像生成 思い出のイラスト Copyright ©Unique Vision Company, All Rights Reserved. 22

23.

アプリを作る際のコツ|Widget を分ける 「日本語からSQLを作るアプリ」の場合 テキスト入力 テキスト生成 テキスト生成 作成したい クエリの説明 SQL の生成 SQL の解説 テキスト入力 テーブル構造 タスクを分けることで クオリティを上げる 入力欄を分けることで タスクを分けることで クオリティを上げる 使いやすくする! Copyright ©Unique Vision Company, All Rights Reserved. 23

24.

Prompt Engineering Guide Copyright ©Unique Vision Company, All Rights Reserved. 24

25.

プロンプトライブラリ Copyright ©Unique Vision Company, All Rights Reserved. 25