そして､ ラボにおかえりなさい｡
ここJupyter Labで2週目に入る｡
そして2日目に入る｡
ラジオの日だ｡
今日は､ とんでもなくシンプルなGradioフレームワークを使ってユーザー・インターフェースを構築する｡
喜びの準備をしよう｡
そうだ｡
輸入もするつもりだ｡
そして､ この不思議なセリフは､ グラディオをGRとしてインポートする｡
そして私は､ ああそうだと言った｡
そうだ｡
そして､ 通常の方法で環境変数をロードする｡
次のおなじみのセルは､ APIを立ち上げて準備するための3つの類似したコマンドだ｡
オーケー｡
変数にシステム・メッセージを設定することから始めましょう｡ これは非常に一般的なUIで､
システム・メッセージの標準的な出発点となることが多い､ 役に立つアシスタントです｡
だから､ 私たちが取るのはそれだ｡
さて､ これからGPT4ミニに電話をかける｡
ええと､ このような単純な関数では､ メッセージGPTはプロンプトメッセージに等しいものを受け取ります｡
さて､ この時点で､ できればこの構成に飽きていてほしい｡
シンプルな会話構造､ 辞書のリスト､ システムメッセージ､ ユーザープロンプト､
そしてOpenAIチャットの補完､ ドット補完､ ドット作成｡
モデルを渡し､ メッセージを渡す｡
そして､ 私たちが返すのは完成点の選択肢である｡
私たちは最初の選択肢であるドットメッセージの内容を取る｡
これは､ GPTにメッセージを送り､ レスポンスを返すためにラップしている関数だ｡
それを実行しよう｡
さっそく試してみよう｡
何と言うべきか？
メッセージ GPTの得意なこと､ 不得意なことをいくつか試してみた｡
もうひとつだけ試してみよう｡
時事問題が苦手なのは知っている｡
とてもシンプルなもので行こう｡
今日の日付は何か､ GPTが考える今日の日付を見てみよう｡
今日の日付は2023年10月3日｡
そこで､ いくつか注意しておきたいことがある｡
ひとつは､ 予想通り､ 時事問題に対するセンスがないことだ｡
そして2つ目は､ トレーニングデータが2023年10月まで､
つまり10月の初めまで有効だったということだ｡
私は10月だと思っていたが､ 10月3日なら､ それは無意味なことなのかもしれない｡
もう9月も終わりだ｡
いずれにせよ､ 10月初旬が答えだろう｡
これはとてもシンプルな機能だ｡
そのことは頭の片隅に置いておいてほしい｡
ユーザー・インターフェースを作る時だ｡
まず第一に､ データサイエンスとは何の関係もない｡
簡単なユーザー・インターフェースの作り方を見てみよう｡
では､ shoutという非常にシンプルな関数を紹介しよう｡
そして､ 叫ぶにはテキストが必要だ｡
そして､ そのテキストが大文字で返信される｡
簡単なことだよ｡
だから､ ハローと叫ぼう｡
そして､ ハローと大文字で怒鳴るように言い返す｡
うーん､ わかった｡
つまり､ 小さなハローを大きなハローに変換できる入出力を備えた洗練されたユーザー・インターフェースを構築するのは､
これくらい簡単なことなのだ｡
2行で表示される素晴らしいインターフェイスだ｡
つまり､ 新しいインターフェイスが欲しいということだ｡
欲しい機能を伝えるのだ｡
このユーザー・インターフェースは､ この場合はシャウトを中心に構築されている｡
この関数は､ 関数名と何を渡すかをここで説明している｡
そして､ 入力と出力を渡さなければならない｡
そしてグラディオは､ ここでパスできるものに関して非常に柔軟だ｡
複数の入出力がある場合は､ リストを渡すことができる｡
入力と出力が1つずつしかない場合は､ それがどのようなものかを文字列で表せばいい｡
それだけで十分だ｡
それがすべてを解決してくれる｡
これは2行のコードですが､ お見せするために1行のコードにすることもできます｡
すべてを1行にまとめて､ それを実行して､ どうなるか見てみよう｡
私たちはここに小さなユーザー・インターフェイスを持っている｡
ハローと打つよ｡
そして､ 私は送信を押すつもりだ｡
そして､ 私に向かって怒鳴るような挨拶が返ってきた｡
素晴らしい操作性を備えたユーザーインターフェースだ｡
そしてそれはすべて､ この､ この､ ブラウザーの中で動いている｡
ここでひとつお気づきの点があるとすれば､ ここにフラグボタンがあり､ フラグ付きというフォルダが作成されていることだ｡
これは､ 機械学習でよくあるユースケースで､ ユーザーが何が起こっているかを確認し､
結果に問題があればメモを取ることができるようにしたい場合です｡
その代わりに､ フラグを立てることを許可するイコール
"never "を渡すのだ｡
だから今､ その代わりにそれを実行すると､ あー､ 繰り返しになるけど､ このように1行で済ませることも同じようにできたのに､
2行にしたことがちょっと恨めしいよ｡
一本の線｡
そしてここに､ ユーザー・インターフェイスがある｡
ええと､ それで､ この件に関していくつかやったことがあるんだけど､ それについて言っておきたいことがあるんだ｡
そのうちのひとつは､ これらのケースのいずれかを選択した場合､ この一番上にリンクが表示されます｡
このリンクをクリックすると､ このようにまったく別のウィンドウにインターフェイスが表示される｡
行こう｡
こんにちは｡
そして､ うまくいくんだ｡
というのも､ Gradioを実行すると､ バックグラウンドで小さなウェブ・サーバーが動くからだ｡
ええと､ 最初に空いているポートを見つけて､ ローカルで実行するんだ｡
何回目か､ 何回目か......760回目くらいからが始まりで､ そこからが本番だと思う｡
だから､ 最後の1本がそうだったんじゃないかと思う｡
そうだね｡
760だったか？
それで､ その小さなウェブサーバーを動かすんだ｡
同じJupyterノートブックに出力することもできるし､
別の画面に表示することもできる｡
しかしそれ以上に､ 私がここで示したもう一つのことは､ シェア・イコール・トゥルーを通話に反映させることができるということだ｡
そうすれば､ Gradioは同じインターフェイスをパブリックURLで提供し､
他の人と共有することができます｡
そして､ この部分は少し心を曲げる部分でもある｡
誰かがこのユーザー・インターフェースを表示させたら､ 今すぐにでも表示させることができる｡
舞台裏ではもう少しいろいろなことが起こっている｡
来たぞ｡
これがユーザーインターフェースだ｡
見た目はもちろんこれと同じだ｡
こんにちは｡
そして､ それがうまくいくのを見るだろう｡
ここで何が起きているのか｡
これはもちろんグラディオが提供している｡
しかし､ submitを呼び出したとき､ submitを押して関数を呼び出したとき､ その関数helloは､
このJupyter環境の私のローカル・ボックスで実行されている｡
ちょっとクレイジーなんだ｡
私のボックスで実行されているコードはそのまま実行されている｡
公開されているURLがあるだけだ｡
一種のマジックだ｡
ええと､ どういう意味か説明させてください｡
ここに戻って､ ここに印刷することで
シャウトがインプットされた｡
だから今､ 私たちは何が起こっているのかを明確にしている｡
だから､ それを実行すると､ shoutが入力で呼び出されたと表示される｡
こんにちは｡
では､ ここに戻ってもう一度実行してみよう｡
これでまた公開URLで実行されるようになった｡
来たぞ｡
これから打つよ｡
これはとてもクールだ｡
そして送信を押す｡
そして明らかに､ これは非常にクールだ｡
これはグラディオが主催している｡
しかし､ ちょっと注目すべき点は､ ここに戻って出力を見てみると､ shoutが入力で呼ばれていることだ｡
これはとてもクールだ｡
つまり､ 実行されている機能は私のボックスで実行されているのだ｡
ユーザー・インターフェースは公共ラジオGradioのウェブサイトを通じて提供されているが､ コードは私のローカル・ボックス上で動いている｡
つまり､ 自分のローカル・ボックスで動作するモデルを書き､ インターフェイスを構築し､ それを自分のためにローカルに立ち上げることも､
他の人と共有することもできるということだ｡
そして､ 共有されたユーザー・インターフェイスで作業している人たちは､ 自分のボックス上で動いているコードを信じられないほど便利なものとして呼び出しているのだ｡
そして､ 想像できるように､ 人々と共同作業をしたり､ モデルを共有したり､ 同僚に協力してもらったりするのに､
これ以上簡単なものはない｡
よし､ では続けてもう2つほど見せよう｡
これから入出力を指定するインターフェイスを表示する｡
ここで私がやっていることは､ 入力がリストになっているということだ｡
ただ､ 一つだけあるんだ｡
テキストボックスだ｡
メッセージのラベルがあり､ 6行ある｡
出力はレスポンスで､ 8行ある｡
そして､ シャウトという関数を呼び出している｡
それを見てみよう｡
そして､ それはあなたが期待するように出てきて､ あなたのために少し大きくする｡
これでよし｡
メッセージがある｡
手応えはある｡
もう一度挨拶をして､ 送信を押すことができる｡
そしてこっちは大文字バージョン｡
とても簡単で､ 素晴らしく､ 設定可能だ｡
良いUIに見える｡
さて､ 私が次に何を提案するかは想像がつくだろう｡
素晴らしいと思わないか？
シャウトという言葉を別の機能で置き換えることができたら素晴らしいと思わないか？
何か機能は？
先に書いたメッセージGPT関数ではダメなのか？
シャウトという言葉をその関数に置き換えるだけで､ LLMの上にユーザー・インターフェースを構築することができる｡
それは素晴らしいことだと思わない？
素晴らしいと思わないか？
ハハハ｡
では､ 見てみよう｡
見てみよう｡
さあ､ 始めよう｡
同じだ｡
同じコードだ｡
機能を入れ替えました｡
もはやシャウトではない｡
今はメッセージGPTだ｡
どうなるか見てみよう｡
別ウィンドウで表示しよう｡
これだ｡
ジョークを言ってください｡
何が戻ってくるか見てみよう
スケアクロウが受賞した理由は？
彼はその分野で傑出していたからだ｡
いいジョークだね｡
ああ､ わかった｡
GPTフォーミニの素晴らしいジョーク｡
そして､ LLMを舞台裏で使っているユーザー・インターフェースを構築することが､
いかに簡単なことかを示す好例だ｡
皆さんも私と同じように､ この経験で大喜びしてほしい｡
グラディオはすごいと思う｡
それではまた次回､ グラディオをさらに有効活用するためにお会いしましょう｡