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
可視化ウェブアプリケーションフレームワークの紹介: DashとStreamlit
Search
ksnt
April 29, 2020
Programming
650
0
Share
可視化ウェブアプリケーションフレームワークの紹介: DashとStreamlit
ksnt
April 29, 2020
More Decks by ksnt
See All by ksnt
AutoGenを触ってみた
ksnt
0
330
データ分析者にとってのDjango: StreamlitやDashとの比較
ksnt
1
1.9k
データ分析で切り拓け! エンジニアとしてのデータ分析職キャリア戦略
ksnt
0
1k
勉強会で発表してみよう!
ksnt
0
320
Kaggleに置かれているデータを 可視化する
ksnt
0
420
CourseraのDigital Transformationというコースを受けてみた
ksnt
2
700
Pythonで挑む計算社会科学
ksnt
0
1.5k
turtleであそぼう!
ksnt
0
290
データ分析と競技プログラミングに使えるPython標準ライブラリ入門
ksnt
1
650
Other Decks in Programming
See All in Programming
Codex CLI でつくる、Issue から merge までの開発フロー
amata1219
0
330
ネイティブアプリとWebフロントエンドのAPI通信ラッパーにおける共通化の勘所
suguruooki
0
250
Xdebug と IDE による デバッグ実行の仕組みを見る / Exploring-How-Debugging-Works-with-Xdebug-and-an-IDE
shin1x1
0
350
仕様漏れ実装漏れをなくすトレーサビリティAI基盤のご紹介
orgachem
PRO
9
5.1k
Going Multiplatform with Your Android App (Android Makers 2026)
zsmb
2
350
forteeの改修から振り返るPHPerKaigi 2026
muno92
PRO
3
250
3分でわかるatama plusのQA/about atama plus QA
atamaplus
0
120
CDK Deployのための ”反響定位”
watany
1
510
生成 AI 時代のスナップショットテストってやつを見せてあげますよ(α版)
ojun9
0
340
PDI: Como Alavancar Sua Carreira e Seu Negócio
marcelgsantos
0
110
テレメトリーシグナルが導くパフォーマンス最適化 / Performance Optimization Driven by Telemetry Signals
seike460
PRO
2
220
AIと共にエンジニアとPMの “二刀流”を実現する
naruogram
0
130
Featured
See All Featured
Amusing Abliteration
ianozsvald
1
150
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
150
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
160
Fireside Chat
paigeccino
42
3.9k
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
1.1k
Are puppies a ranking factor?
jonoalderson
1
3.3k
Raft: Consensus for Rubyists
vanstee
141
7.4k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
1.8k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
450
BBQ
matthewcrist
89
10k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
122
21k
Paper Plane (Part 1)
katiecoart
PRO
0
6.5k
Transcript
可視化ウェブアプリケウェブアプリケーション フレームワークの紹介の紹介紹介: DashとStreamlit by ksnt 超カンタンなカンタンな
Dash
Dashとは • Plotly社が開発しているが開発しているフ開発しているフレーしているフレームワークフレームワークの紹介 • plotlyを埋め込んだアプ埋め込んだアプリめ込んだアプリケ込んだアプリケーんだアプリケーショアプリケーション(ダッシュボード)が開発しているフ簡 単に作成できるに作成できる作成できるできるフレームワーク • plotlyを埋め込んだアプ使うとインタラクうとインタラクの紹介ティブに作成できる操作できるフレームワークグラフを埋め込んだアプ簡単に作成できる に作成できる作成できるできるフレームワーク •
plotlyの紹介グラフは超カンタンなきれい
Dashの紹介使うとインタラクい方 インストールはは $pip install dash でok. あとはdashを埋め込んだアプimportしたpythonコードを埋め込んだアプ書いい て、実行すれば実行すればすればwebサーバーが開発しているフ立ち上がるち上がる上がるが開発しているフるフレームワーク
デモ • 最近COVID-19感染状況ダッシュボードダッシュボードを埋め込んだアプ作っ ているフレームワークの紹介で見てもらうてもらう
Streamlit
Streamlitとは • 簡単に作成できるに作成できるダッシュボードが開発しているフ作成できるできるフレームワーク • Dashよりさらに作成できる簡単に作成できるだアプリケーショが開発しているフ、実行すれば汎用性は低いっぽいは低いっぽいいっぽい • https://www.streamlit.io/ • インストールはは $pip
install streamlit でok
デモ • デモ用の紹介アプリケーションを埋め込んだアプ動かしてみるかしてみるフレームワーク • $ streamlit run qiita.py • $
streamlit run uber.py
まとめ込んだアプリケ • 私ははDashが開発しているフ好きだが、きだアプリケーショが開発しているフ、実行すればStreamlitもなかなか良 い • 可視化ウェブアプリケに作成できる特化ウェブアプリケしたアプリケーションを埋め込んだアプつくりた いときはDashとStreamlitの紹介両方を埋め込んだアプ候補にするに作成できるするフレームワーク と良さそう