Demoの作り方_研究会チュートリアル

Transcript

1. Demoの作り方 研究会チュートリアル M1　凌　志棟 2022.7.13
2. Demoとは • 研究で構築したモデルはどのような挙動を示したい • 多くの人に試してもらいたい →研究成果をアプリの形式で公開 • 現在のDemoは一般的にUIがあるアプリ
3. どのようなDemo • クライアントアプリ ◦ ユーザ側で計算 ◦ ユーザのコンピュータ性能に引っかかる可能性はある • Web アプリ ◦ ブラウザーで開く ◦ サーバ側で計算 ◦ 環境にこだわらない →Webアプリを推奨
4. • イメージとしては どのようなDemo 入力 モデル 出力 HuggingFaceでBERTのMLM Demo
5. どう作る • Webアプリの構築 （去年李さんのチュートリアル資料 link） ◦ バックエンド ◦ データベース ◦ サーバー ◦ フロントエンド ◦ デプロイ
6. どう作る • Webアプリの構築 （去年李さんのチュートリアル資料 link） ◦ バックエンド　→ python? Javascript? Ruby? ◦ データベース → SQL?NOSQL? ◦ サーバー → AWS? Azure? Heroku? ◦ フロントエンド → jQuery? React? ◦ デプロイ → どう設定する？ ０から構築するのは時間がかかる
7. 　　Streamlit • PythonコードをAPPにするためのフレームワーク link ◦ Pythonだけでアプリを作れる（学習コストが低い） ◦ たくさんのグラフライブラリーに対応 ▪ グラフやチャートの表示が簡単 ◦ デプロイが簡単、Github上のRepositoryをstreamlit cloudとリ ンクすればいい
8. 例：huggingfaceのようなBERTのMLM Demo • タイトルを追加
9. 例：huggingfaceのようなBERTのMLM Demo • モデルとTokenizerを定義 ◦ HuggingfaceのExample
10. 例：huggingfaceのようなBERTのMLM Demo • 文を入力するためのtext areaを追加 • 入力文を変数に保存
11. 例：huggingfaceのようなBERTのMLM Demo • ボタンを追加して、押したらモデル計算開始
12. 例：huggingfaceのようなBERTのMLM Demo • 出力を表示
13. デプロイ • streamlit cloudを利用し、Githubにリンク