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
660
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
可視化ウェブアプリケーションフレームワークの紹介: DashとStreamlit
ksnt
April 29, 2020
More Decks by ksnt
See All by ksnt
AutoGenを触ってみた
ksnt
0
350
データ分析者にとってのDjango: StreamlitやDashとの比較
ksnt
1
2k
データ分析で切り拓け! エンジニアとしてのデータ分析職キャリア戦略
ksnt
0
1.1k
勉強会で発表してみよう!
ksnt
0
340
Kaggleに置かれているデータを 可視化する
ksnt
0
430
CourseraのDigital Transformationというコースを受けてみた
ksnt
2
720
Pythonで挑む計算社会科学
ksnt
0
1.5k
turtleであそぼう!
ksnt
0
310
データ分析と競技プログラミングに使えるPython標準ライブラリ入門
ksnt
1
680
Other Decks in Programming
See All in Programming
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
210
エンジニアにデザインハーネスを 〜デザインプロセスを規定するためのハーネス〜 / Design harness from an engineer's perspective
rkaga
2
1.5k
ビデオ通話が繋がる0.2秒で何が起きているのか
supurazako
2
150
Prismを使った型安全な暗号化_関数型まつり2026
_fhhmm
0
130
Claude Team Plan導入・ガイド
tk3fftk
0
190
PHP初心者セッション2026 〜生成AIでは見えない裏側を知る:今だからLAMPを通して仕組みを学ぶ〜
kashioka
0
370
Embedded SREと共に達成した会員管理システムのAWS移行 - SRE NEXT 2026 ランチスポンサーセッション
niftycorp
PRO
1
2.5k
【やさしく解説 設計編・中級 #1】一つの車に、運転手は一人 ~ある倉庫システムの事例から~
panda728
PRO
0
170
そのテスト、説明できますか?~LWテスト戦略FW~のご紹介
nakahara
0
200
OSINT for SRE: 学術論文とポストモーテムから探る システム障害の共通パターン / SRE NEXT 2026
tomoyk
1
3.7k
AI がコードを書く時代における新卒エンジニアの仕事風景 (2026) / New Graduate Engineers in the Era of AI Coding (2026)
sushichan044
0
220
『コードを書く以外の』エンジニアリング〜課金基盤移行プロジェクト推進のためのTips4選
yuriko1211
0
490
Featured
See All Featured
Building Flexible Design Systems
yeseniaperezcruz
330
40k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
Design in an AI World
tapps
1
260
Prompt Engineering for Job Search
mfonobong
0
370
Being A Developer After 40
akosma
91
590k
So, you think you're a good person
axbom
PRO
2
2.1k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
340
jQuery: Nuts, Bolts and Bling
dougneiner
66
8.5k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
65
56k
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
1
410
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
650
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の紹介両方を埋め込んだアプ候補にするに作成できるするフレームワーク と良さそう