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

Slide 1

Slide 1 text

Demoの作り方研究会チュートリアル M1　凌　志棟 2022.7.13

Slide 2

Slide 2 text

Demoとは ● 研究で構築したモデルはどのような挙動を示したい ● 多くの人に試してもらいたい →研究成果をアプリの形式で公開 ● 現在のDemoは一般的にUIがあるアプリ

Slide 3

Slide 3 text

どのようなDemo ● クライアントアプリ ○ ユーザ側で計算 ○ ユーザのコンピュータ性能に引っかかる可能性はある ● Web アプリ ○ ブラウザーで開く ○ サーバ側で計算 ○ 環境にこだわらない →Webアプリを推奨

Slide 4

Slide 4 text

● イメージとしてはどのようなDemo 入力モデル出力 HuggingFaceでBERTのMLM Demo

Slide 5

Slide 5 text

どう作る ● Webアプリの構築（去年李さんのチュートリアル資料 link） ○ バックエンド ○ データベース ○ サーバー ○ フロントエンド ○ デプロイ

Slide 6

Slide 6 text

どう作る ● Webアプリの構築（去年李さんのチュートリアル資料 link） ○ バックエンド　→ python? Javascript? Ruby? ○ データベース → SQL?NOSQL? ○ サーバー → AWS? Azure? Heroku? ○ フロントエンド → jQuery? React? ○ デプロイ → どう設定する？０から構築するのは時間がかかる

Slide 7

Slide 7 text

　　Streamlit ● PythonコードをAPPにするためのフレームワーク link ○ Pythonだけでアプリを作れる（学習コストが低い） ○ たくさんのグラフライブラリーに対応 ■ グラフやチャートの表示が簡単 ○ デプロイが簡単、Github上のRepositoryをstreamlit cloudとリンクすればいい

Slide 8

Slide 8 text

例：huggingfaceのようなBERTのMLM Demo ● タイトルを追加

Slide 9

Slide 9 text

例：huggingfaceのようなBERTのMLM Demo ● モデルとTokenizerを定義 ○ HuggingfaceのExample

Slide 10

Slide 10 text

例：huggingfaceのようなBERTのMLM Demo ● 文を入力するためのtext areaを追加 ● 入力文を変数に保存

Slide 11

Slide 11 text

例：huggingfaceのようなBERTのMLM Demo ● ボタンを追加して、押したらモデル計算開始