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
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
670
Other Decks in Programming
See All in Programming
AI 時代のソフトウェア設計の学び方
masuda220
PRO
29
13k
Oxlintのカスタムルールの現況
syumai
6
1.1k
依存関係から依存物へ―Dependencyという言葉の歴史をひも解く
j_lee
0
130
Semantic Version 単位で戦略を柔軟に変えて、パッケージアップデートを自動化する
daitasu
1
280
スマートグラスで並列バイブコーディング
hyshu
0
250
ローカルLLMを使ってB2Bサービスを作っていての学び
yaotti
0
200
AI 輔助遺留系統現代化的經驗分享
jame2408
1
910
さぁV100、メモリをお食べ・・・
nilpe
0
150
Javaの型とAI時代に型が大事な理由 / java types and type in AI era
kishida
2
150
技術記事、AIに書かせるか、自分で書くか? 〜それでも私が自分の手で書く理由〜 / #QiitaConference
jnchito
2
1.4k
フロントエンドとバックエンドで「1文字」を揃えよう
youkidearitai
PRO
0
720
Strategic Design in the Frontend: Moduliths & Micro Frontends @DDDEurope
manfredsteyer
PRO
0
120
Featured
See All Featured
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.3k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
3.5k
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
200
Producing Creativity
orderedlist
PRO
348
40k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
400
Building AI with AI
inesmontani
PRO
1
1.1k
GraphQLとの向き合い方2022年版
quramy
50
15k
Ten Tips & Tricks for a 🌱 transition
stuffmc
0
140
Measuring & Analyzing Core Web Vitals
bluesmoon
9
870
The Curious Case for Waylosing
cassininazir
1
400
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.3k
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の紹介両方を埋め込んだアプ候補にするに作成できるするフレームワーク と良さそう