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

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

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

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

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

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

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

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

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

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

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

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

例：huggingfaceのようなBERTのMLM Demo • 出力を表示

デプロイ • streamlit cloudを利用し、Githubにリンク

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

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

Lexuss-D

More Decks by Lexuss-D

Other Decks in How-to & DIY

Featured

Transcript