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
可視化ライブラリでWebツールを作ってみた
Search
yujikawa
December 20, 2017
Technology
2
490
可視化ライブラリでWebツールを作ってみた
Pythonのdashを使った可視化ツールのお話です。
yujikawa
December 20, 2017
Tweet
Share
More Decks by yujikawa
See All by yujikawa
Tauriでデスクトップアプリを作る with ChatGPT
yujikawa
0
35
データ品質について考えてみた
yujikawa
0
180
大問題を解決する
yujikawa
1
170
Airflowの話/about airflow
yujikawa
0
230
FastAPIに入門してみた/fastAPI
yujikawa
0
570
Jupyterでダッシュボードを簡単に作る!
yujikawa
2
910
私がUXの大切さを知った瞬間/uxjam_kitaq_1
yujikawa
0
86
AngularDart
yujikawa
1
300
Introduce Flutter
yujikawa
0
370
Other Decks in Technology
See All in Technology
AI時代の開発生産性を加速させるアーキテクチャ設計
plaidtech
PRO
3
160
KubeCon + CloudNativeCon Japan 2025 Recap Opening & Choose Your Own Adventureシリーズまとめ
mmmatsuda
0
280
FOSS4G 2025 KANSAI QGISで点群データをいろいろしてみた
kou_kita
0
400
KubeCon + CloudNativeCon Japan 2025 Recap by CA
ponkio_o
PRO
0
300
SmartNewsにおける 1000+ノード規模 K8s基盤 でのコスト最適化 – Spot・Gravitonの大規模導入への挑戦
vsanna2
0
140
Core Audio tapを使ったリアルタイム音声処理のお話
yuta0306
0
190
United Airlines Customer Service– Call 1-833-341-3142 Now!
airhelp
0
170
第4回Snowflake 金融ユーザー会 Snowflake summit recap
tamaoki
1
290
成長し続けるアプリのためのテストと設計の関係、そして意思決定の記録。
sansantech
PRO
0
120
Sansanのデータプロダクトマネジメントのアプローチ
sansantech
PRO
0
160
Operating Operator
shhnjk
1
590
AIの全社活用を推進するための安全なレールを敷いた話
shoheimitani
2
520
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Navigating Team Friction
lara
187
15k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
690
Site-Speed That Sticks
csswizardry
10
690
The Pragmatic Product Professional
lauravandoore
35
6.7k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Raft: Consensus for Rubyists
vanstee
140
7k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Facilitating Awesome Meetings
lara
54
6.4k
Music & Morning Musume
bryan
46
6.6k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
6
300
How GitHub (no longer) Works
holman
314
140k
Transcript
ՄࢹԽϥΠϒϥϦͰ 8FCπʔϧΛ࡞ͬͯΈͨ 1Z'VLVPLB Ώ͔͡Θ!ZVKJLBXB@QZ
ࣗݾհ w ໊લ w ্༞࢘ Ώ͔͡Θ w ॴଐ w
ΧϥϏφςΫϊϩδʔ w ৬छ w όοΫΤϯυΤϯδχΞ w 5XJUUFS w !ZVKJLBXB@QZ w ࠷ۙ&MJYJS͍ͬͯ·͢
ڵຯΛ࣋ͬͨํ8BOUFEMZͰਃ͠ࠐΈΛ͓ئ͍͠·͢ʂ
͋Δͷ͜ͱʜ ຖ݄ɺΈΜͳͷੜ ࢈ੑଌΓ͍͔ͨΒ։ൃͷ ༧࣮ใ͘ΕΑ ++*3"Ͱཧͯ͠ ͍ΔͷͰग़͠·͢ʂ
͍ͭͳΒ w +*3"ͷϨϙʔτػೳΛ͏ w +*3"ͷ$47ग़ྗػೳͰࢉग़ ͜͜ΤϯδχΞͬΆ͘ πʔϧΛ࡞ͬͯΈΑ͏ʜ
Γ͍ͨ͜ͱ w +*3"͔ΒνέοτΛऔಘ w ݄͝ͱͷݸਓͷ༧࣮ใऔಘ w ຖͷνʔϜ༧࣮ใऔಘ w ՄࢹԽϥΠϒϥϦͰάϥϑΛඳը w
݄͝ͱͷݸਓͷ༧࣮ใˠάϥϑ w ຖͷνʔϜ༧࣮ใˠંΕઢάϥϑ
༻ͨ͠ϥΠϒϥϦ w +*3"͔ΒνέοτΛऔಘ w KJSB w ՄࢹԽϥΠϒϥϦͰάϥϑΛඳը w EBTI
+*3"ͷใऔಘ w +*3"ͷใΛऔಘ͢Δઐ༻ͷϥΠϒϥϦ͕͋Γ·͢ w IUUQTKJSBSFBEUIFEPDTJPFONBTUFS w Πϯετʔϧํ๏ w QJQJOTUBMMKJSB ؆୯ʂʂ
σʔλՄࢹԽϥΠϒϥϦ w %BTICZQMPUZʢIUUQTQMPUMZQSPEVDUTEBTIʣ w 1ZUIPOͷΈͰάϥϑͷՄࢹԽ͕Ͱ͖Δπʔϧ w QMPUZKT 3FBDUKT 'MBTLͳͲͰߏ͞Ε͍ͯΔ
%BTIͷΠϯετʔϧ ެࣜαΠτʹैͬͯΠϯετʔϧ͠·͢ɻ pip install dash==0.19.0 # The core dash backend
pip install dash-renderer==0.11.1 # The dash front-end pip install dash-html-components==0.8.0 # HTML components pip install dash-core-components==0.15.2 # Supercharged components pip install plotly --upgrade # Plotly graphing library used in examples ͜ΕͰ͋ͱPython͚ͩͰϓϩάϥϛϯάʂԼهͷΑ͏ͳάϥϑΛ࡞ΕΔʂ
%BTIαϯϓϧίʔυ import dash import dash_core_components as dcc import dash_html_components as
html app = dash.Dash() app.layout = html.Div(children=[ html.H1(children='Hello Dash'), html.Div(children=''' Dash: A web application framework for Python. '''), dcc.Graph( id='example-graph', figure={ 'data': [ {'x': [1, 2, 3], 'y': [4, 1, 2], 'type': 'bar', 'name': 'SF'}, {'x': [1, 2, 3], 'y': [2, 4, 5], 'type': 'bar', 'name': u'Montréal'}, ], 'layout': { 'title': 'Dash Data Visualization' } } ) ]) if __name__ == '__main__': app.run_server(debug=True)
࡞ͬͨͷ Λೖྗͯ͠ૹ৴͢Δͱ ͦͷظؒͷνέοτใΛ औಘूܭΛߦ͍ඳը͢Δ IUUQTHJUIVCDPNZVKJLBXBKJSBEBTI
·ͱΊ %BTI׳ΕΔͷʹͪΐͬͱ͕࣌ؒඞཁɻ·ͨ+BWB4DSJQU ઈରॻ͖ͨ͘ͳ͍ͱ͍͏1ZUIPOJTUʹ͓͢͢Ίɻ ͦ͏͡Όͳ͍ਓ%KTDIBSUKTͳͲ͍Ζ͍Ζ͋Γ·͢ͷ ͰͦͪΒΛͬͨํ͕ྑ͍͔͠Ε·ͤΜɻ +BWB4DSJQUͷษڧ͍ͨ͠ํʜʜʜ
+BWB4DSJQUΛ͍ͬͯΔٕज़ऀಉ͕࢜ަྲྀͰ͖Δ ίϛϡχςΟΛฐࣾͷϑϩϯτϝϯόʔ͕࡞Γ·ͨ͠ ॳճΠϕϯτʢۚʣ ਃࠐઌɿIUUQTGVLVPLBKTDPOOQBTTDPNFWFOU
ͪͳΈʹ ʮ1ZUIPOϥΠϒϥϦΛ&MJYJSͰ։ൃͯ͠Έͨʯͱ͍͏ςʔϚͰൃද͠·͢
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠