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
43
論文紹介_I Beg to Differ A study of constructive disagreement in online conversations
lexusd
0
48
Other Decks in How-to & DIY
See All in How-to & DIY
AWS Community Day 2024: Using AWS to build a launchable knowledge rocket 👉 Organize knowledge, accelerate learning and understand AI in the process
dwchiang
0
230
JAWS-UG会津 & JP Stripes会津 合同勉強会 JAWS-UGとAWSコミュニティプログラムアップデート
awsjcpm
0
120
JAWS-UGのご紹介 JAWS-UGとは?
awsjcpm
0
5.3k
[電子工作]クリップモーターをつくろう
oriontakemura
0
320
とある航空会社の飛行機の乗り方をお教えします。/20240913-lt
kwada
3
320
AWS Summit Japan 2025 個人的参加レポート
midnight480
0
160
Xの"だるま"とコナミコマンド #iotlt #obniz
n0bisuke2
0
230
骨折と入院とIoT #iotlt
n0bisuke2
1
360
個人制作コンテンツの多言語展開のノウハウを全公開! 〜世界に自分を発信しよう!〜
syotasasaki593876
0
100
AWSと学生支援 - Education-JAWS #0
awsjcpm
1
180
Terra Charge|急速充電器ご利用ガイドブック / Terra Charge Fast Charger Guidebook
contents
1
450
スマートハウスの蓄電性能の効率化を実現してみた~電気自動車編~
runrunsan
0
270
Featured
See All Featured
Building Better People: How to give real-time feedback that sticks.
wjessup
368
20k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
How to Think Like a Performance Engineer
csswizardry
27
2k
Gamification - CAS2011
davidbonilla
81
5.4k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.6k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
600
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Being A Developer After 40
akosma
90
590k
Scaling GitHub
holman
463
140k
The Power of CSS Pseudo Elements
geoffreycrofte
78
6k
A Tale of Four Properties
chriscoyier
160
23k
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にリンク