Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Demoの作り方_研究会チュートリアル
Search
ShitoRyo
July 13, 2022
How-to & DIY
0
140
Demoの作り方_研究会チュートリアル
ShitoRyo
July 13, 2022
Tweet
Share
More Decks by ShitoRyo
See All by ShitoRyo
Tutorial of Coding Environment for Research by Docker
lexusd
0
13
Computational Approaches for Diachronic Semantic Change Detection_2024_8
lexusd
0
35
論文紹介_Learning Dynamic Contextualised Word Embeddings via Template-based Temporal Adptation
lexusd
0
110
論文紹介_Are Embedded Potatoes Still Vegetables_ On the Limitation of WordNet Embeddings for Lexical Semantics
lexusd
0
130
論文紹介_Interpretable Word Sense Representations via Definition Generation_ The Case of Semantic Change Analysis
lexusd
0
100
論文紹介_Twitter Topic Classification
lexusd
0
96
論文紹介_What is Done is Done_ an Incremental Approach to Semantic Shift Detection
lexusd
0
110
論文紹介_Ruddit_Norms of Offensiveness for English Readdit Comments
lexusd
0
44
論文紹介_I Beg to Differ A study of constructive disagreement in online conversations
lexusd
0
49
Other Decks in How-to & DIY
See All in How-to & DIY
JAWS-UG 福岡 in 北九州 | JAWS-UG/AWSコミュニティ プログラムのご紹介
awsjcpm
1
150
在宅フルリモートワークを可能にするスキルと知識n連発! / how to more effective remoteworking
masaru_b_cl
3
1.2k
Node-REDで制御できるエッジカメラのreCameraを触る #iotlt #JLCPCB #recamera
n0bisuke2
0
100
新婚19年目から学ぶ夫婦円満の正しい歩き方 / Life is beautiful
soudai
PRO
12
4.8k
Raspberry Pi Connectを使って #Manus => Node-RED操作チャレンジ #iotlt vol121
n0bisuke2
0
150
ミシンと刺繍とOSS
godan
3
140
苦手の克服方法 / How to overcome weaknesses
toma_sm
0
290
スイングやカードをいい感じに立てるスタンドの話
niccolli
0
210
「無理」を「コントロール」するスキル / Skills to Control "Muri"
hageyahhoo
5
3k
QFHアンテナを作ってみた、 それとパッチアンテナ
takurx
1
220
How to make the Groovebox
asonas
2
1.7k
未来大生の胃を支える函館グルメ
deflis
0
540
Featured
See All Featured
Why Our Code Smells
bkeepers
PRO
339
57k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
610
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6.1k
Site-Speed That Sticks
csswizardry
11
870
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Java REST API Framework Comparison - PWX 2021
mraible
33
8.8k
How STYLIGHT went responsive
nonsquared
100
5.8k
Building an army of robots
kneath
306
46k
Transcript
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? ◦ デプロイ → どう設定する? 0から構築するのは時間がかかる
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にリンク