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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
yujikawa
December 20, 2017
Technology
2
500
可視化ライブラリでWebツールを作ってみた
Pythonのdashを使った可視化ツールのお話です。
yujikawa
December 20, 2017
Tweet
Share
More Decks by yujikawa
See All by yujikawa
Tauriでデスクトップアプリを作る with ChatGPT
yujikawa
0
110
データ品質について考えてみた
yujikawa
0
240
大問題を解決する
yujikawa
1
170
Airflowの話/about airflow
yujikawa
0
240
FastAPIに入門してみた/fastAPI
yujikawa
0
580
Jupyterでダッシュボードを簡単に作る!
yujikawa
2
950
私がUXの大切さを知った瞬間/uxjam_kitaq_1
yujikawa
0
93
AngularDart
yujikawa
1
310
Introduce Flutter
yujikawa
0
390
Other Decks in Technology
See All in Technology
22nd ACRi Webinar - 1Finity Tamura-san's slide
nao_sumikawa
0
110
AIエージェントに必要なのはデータではなく文脈だった/ai-agent-context-graph-mybest
jonnojun
1
250
Tebiki Engineering Team Deck
tebiki
0
24k
Agile Leadership Summit Keynote 2026
m_seki
1
680
私たち準委任PdEは2つのプロダクトに挑戦する ~ソフトウェア、開発支援という”二重”のプロダクトエンジニアリングの実践~ / 20260212 Naoki Takahashi
shift_evolve
PRO
2
210
CDK対応したAWS DevOps Agentを試そう_20260201
masakiokuda
1
440
Claude Code for NOT Programming
kawaguti
PRO
1
110
~Everything as Codeを諦めない~ 後からCDK
mu7889yoon
3
530
量子クラウドサービスの裏側 〜Deep Dive into OQTOPUS〜
oqtopus
0
150
【Ubie】AIを活用した広告アセット「爆速」生成事例 | AI_Ops_Community_Vol.2
yoshiki_0316
1
120
Exadata Fleet Update
oracle4engineer
PRO
0
1.1k
顧客の言葉を、そのまま信じない勇気
yamatai1212
1
370
Featured
See All Featured
Optimizing for Happiness
mojombo
379
71k
The agentic SEO stack - context over prompts
schlessera
0
650
Building an army of robots
kneath
306
46k
How to build an LLM SEO readiness audit: a practical framework
nmsamuel
1
650
Docker and Python
trallard
47
3.7k
WCS-LA-2024
lcolladotor
0
450
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
Why Our Code Smells
bkeepers
PRO
340
58k
We Are The Robots
honzajavorek
0
170
Being A Developer After 40
akosma
91
590k
A better future with KSS
kneath
240
18k
Large-scale JavaScript Application Architecture
addyosmani
515
110k
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Ͱ։ൃͯ͠Έͨʯͱ͍͏ςʔϚͰൃද͠·͢
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠