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
0
630
可視化ウェブアプリケーションフレームワークの紹介: DashとStreamlit
ksnt
April 29, 2020
Tweet
Share
More Decks by ksnt
See All by ksnt
AutoGenを触ってみた
ksnt
0
280
データ分析者にとってのDjango: StreamlitやDashとの比較
ksnt
1
1.8k
データ分析で切り拓け! エンジニアとしてのデータ分析職キャリア戦略
ksnt
0
860
勉強会で発表してみよう!
ksnt
0
290
Kaggleに置かれているデータを 可視化する
ksnt
0
390
CourseraのDigital Transformationというコースを受けてみた
ksnt
2
670
Pythonで挑む計算社会科学
ksnt
0
1.5k
turtleであそぼう!
ksnt
0
260
データ分析と競技プログラミングに使えるPython標準ライブラリ入門
ksnt
1
580
Other Decks in Programming
See All in Programming
Building, Deploying, and Monitoring Ruby Web Applications with Falcon (Kaigi on Rails 2025)
ioquatix
4
2.1k
私はどうやって技術力を上げたのか
yusukebe
43
18k
Swift Concurrency - 状態監視の罠
objectiveaudio
2
520
Web フロントエンドエンジニアに開かれる AI Agent プロダクト開発 - Vercel AI SDK を観察して AI Agent と仲良くなろう! #FEC余熱NIGHT
izumin5210
3
520
高度なUI/UXこそHotwireで作ろう Kaigi on Rails 2025
naofumi
4
4k
非同期jobをtransaction内で 呼ぶなよ!絶対に呼ぶなよ!
alstrocrack
0
860
コードとあなたと私の距離 / The Distance Between Code, You, and I
hiro_y
0
160
Cloudflare AgentsとAI SDKでAIエージェントを作ってみた
briete
0
140
タスクの特性や不確実性に応じた最適な作業スタイルの選択(ペアプロ・モブプロ・ソロプロ)と実践 / Optimal Work Style Selection: Pair, Mob, or Solo Programming.
honyanya
3
170
階層構造を表現するデータ構造とリファクタリング 〜1年で10倍成長したプロダクトの変化と課題〜
yuhisatoxxx
3
1k
開発生産性を上げるための生成AI活用術
starfish719
3
680
オープンソースソフトウェアへの解像度🔬
utam0k
15
2.8k
Featured
See All Featured
The Invisible Side of Design
smashingmag
302
51k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Six Lessons from altMBA
skipperchong
28
4k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
A designer walks into a library…
pauljervisheath
209
24k
Automating Front-end Workflow
addyosmani
1371
200k
Into the Great Unknown - MozCon
thekraken
40
2.1k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.1k
GitHub's CSS Performance
jonrohan
1032
470k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Speed Design
sergeychernyshev
32
1.2k
Making the Leap to Tech Lead
cromwellryan
135
9.6k
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の紹介両方を埋め込んだアプ候補にするに作成できるするフレームワーク と良さそう