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
Backlog新UIについて
Search
株式会社ヌーラボ
PRO
September 20, 2016
Technology
0
2.2k
Backlog新UIについて
http://nulab.connpass.com/event/40250/
Backlogユーザーの集い -UIデザイン大幅リニューアルを語り合いましょ会-
株式会社ヌーラボ
PRO
September 20, 2016
Tweet
Share
More Decks by 株式会社ヌーラボ
See All by 株式会社ヌーラボ
人間の尊厳、幸福、アクセシビリティ / 第116回「WEB TOUCH MEETING」アクセシビリティSP
nulabinc
PRO
2
180
Backlog Mobile Apps Migration To Declarative UI
nulabinc
PRO
0
6
スクラムマスター不在でスクラムをやるのは(とても辛いので)やめておけ! #scrumfukuoka
nulabinc
PRO
4
1.1k
コミュニティの中に チームを作るツール活用術
nulabinc
PRO
0
69
あんしん!Backlog導入支援プログラムの提案資料
nulabinc
PRO
0
140
【Backlog】移行フロー操作説明会Q&A集
nulabinc
PRO
0
100
ヌーラボが社内で実施しているD&I研修 ショート版
nulabinc
PRO
0
200
ヌーラボのa11yの取り組み
nulabinc
PRO
0
130
ガントチャート機能開発をRe:Boot!そのために行ったこと
nulabinc
PRO
0
470
Other Decks in Technology
See All in Technology
Discord とビルダー&チャットボットの使い方 / How to use Discord and Builder & Chatbots
ks91
PRO
0
130
Reducing Cross-Zone Egress at Spotify with Custom gRPC Load Balancing Recap
koh_naga
0
120
反実仮想機械学習とは何か
usaito
PRO
7
2.2k
**強い**エンジニアのなり方 - フィードバックサイクルを勝ち取る / grow one day each day
soudai
61
18k
〜小さく始めて大きく育てる〜データ分析基盤の開発から活用まで
kniino
0
2k
NgRx Signal Store
rainerhahnekamp
0
120
SPI原点回帰論:事業課題とFour Keysの結節点を見出す実践的ソフトウェアプロセス改善 / DevOpsDays Tokyo 2024
visional_engineering_and_design
4
1.6k
Hands-on / Kaname Frusawa / Cloud Compare Users Meetup 2024 at University of Tokyo on April 17
paraworld
2
470
コードを書く隙間を見つけて生きていく技術/Findy 思考の現在地
fujiwara3
24
5.2k
20240416_devopsdaystokyo
kzkmaeda
1
190
Delivering Millions of Messages within seconds @ Duolingo
pelelgrino
0
340
少数チームで挑む: SwiftUI, TCA, KMPを用いた 新規動画配信アプリ 「ABEMA Live」の開発について
tomu28
0
540
Featured
See All Featured
Why Our Code Smells
bkeepers
PRO
331
56k
Bash Introduction
62gerente
604
210k
jQuery: Nuts, Bolts and Bling
dougneiner
59
7.1k
Automating Front-end Workflow
addyosmani
1355
200k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
220
21k
The Illustrated Children's Guide to Kubernetes
chrisshort
29
46k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
Optimising Largest Contentful Paint
csswizardry
7
2.3k
Fantastic passwords and where to find them - at NoRuKo
philnash
36
2.5k
The Invisible Customer
myddelton
114
12k
YesSQL, Process and Tooling at Scale
rocio
163
13k
Fireside Chat
paigeccino
20
2.6k
Transcript
#BDLMPH ৽6*ʹ͍ͭͯ גࣜձࣾψʔϥϘ ౻ాਖ਼܇ த༟ೋ
ࣗݾհ த༟ೋ GSPNژ 8FCσβΠφʔ —ɿւ֎υϥϚʢόΠΦϨϯεܥʣ ౻ాਖ਼܇ GSPNԬ ιϑτΣΞ։ൃऀ —ɿྉཧɺԹઘ
#BDLMPH 6*σβΠϯΛ Ұ৽͠·͢
͓͔͛͞·Ͱ w Ќɺਖ਼ࣜϦϦʔε w ͓͖ʹ6*ϦχϡʔΞϧ w ࠓճաڈ࠷େͷΞοϓσʔτ
σβΠϯมߋʂ օ༷ʹෛ୲ʜ ຬԼʜ Ԍ্ʜ
ͳͥࠓʁ ʮͪΐ͏Ͳ͍͍ʯΛఏڙ͠ଓ͚ΔͨΊʹ ػೳՃɺվળͷͨΊͷ ͦͷଞͷཧ༝
େਓؾͷ8FCΞϓϦ w ཁૉؒڱΊ w ͯ͢ͷػೳʹจ ࣈϥϕϧ w ϘʔμʔͰғΜͰ ใΛཧ ʮ͘͢͝γϯϓϧͰ͍͍͢Ͷʂʯ
ݱࡏͷ6* w ཁૉؒΊ w ΞΠίϯϘλϯ w ৭ɺϘʔμʔ࠷ খݶ ػೳ͕૿͑ͯΔͷʹ͖ͬ͢Γͯ͠ݟ͑Δ
ੈͷதͷมԽʹ͍͍ͭͯ͘ w ࠒ৮ΕΔ6*ͷτϨϯυ w ར༻ऀ͕ײ͡Δʮͪΐ͏Ͳ͍͍ʯ͕มԽ w 6*ͷڞ௨ݴޠ͕มԽ ˡઃఆ ˡͦͷଞΞΫγϣϯ ʮͪΐ͏Ͳ͍͍ʯΛఏڙ͢ΔͨΊʹ
6*ར༻ऀʹ߹ΘͤͯมԽ͢Δඞཁ
ͳͥࠓʁ ʮͪΐ͏Ͳ͍͍ʯΛఏڙ͠ଓ͚ΔͨΊʹ ػೳՃɺվળͷͨΊͷ ͦͷଞͷཧ༝
৽͍͠ػೳΛ͓ಧ͚͍ͨ͠ʂ w ཁͷଟ͍ػೳ w ΑΓίϥϘϨʔγϣϯΛଅਐ͢Δػೳ w ΑΓνʔϜͰͷࣄָ͕͘͠ͳΔػೳ
ܧ͗͠ଓ͚ͨ6* ඍົʹ߹͕ʜ ༨ന͕ʜ ಉ͡ػೳͰҧ͏ݟͨ ͭͷը໘ʹ΄ͱΜͲ ಉ͡ػೳ͕ͭ ݸʑͱͯ͠ศར͚ͩͲʜ
ܧ͗͠ଓ͚ͨ6* ͜ͷΜେौ ৽ػೳ Ճ͢Δ΄Ͳෳࡶʹʜ
w ͏ҰશମΛ౷Ұ͠ͳ͓ͨ͢Ίͷίϯηϓτ w ৽ػೳΛ࣮͢ΔͨΊͷͱͳΔ6* ܧ͗͠ଓ͚ͨ6* ৽ػೳΛ͍࣮͘͢͢Δ্Ͱͷো w ֤ʑศར͕ͩશମͱͯ͠ෆ߹ͳՕॴ w ༨നɺ༨༟͕ͳ͍
ͳͥࠓʁ ʮͪΐ͏Ͳ͍͍ʯΛఏڙ͠ଓ͚ΔͨΊʹ ػೳՃɺվળͷͨΊͷ ͦͷଞͷཧ༝
λΠϛϯάతͳ͜ͱ w #BDLMPHɺ$BDPPɺ5ZQFUBMLͷϒϥϯσΟϯά w άϩʔόϧઓུ w ։ൃऀͷ͕ଗ͖ͬͯͨ
࣮ࡍͲ͏มΘΔͷ͔
w େنͳը໘ߏͷมߋ w طଘػೳͷআ Βͳ͍͜ͱ ࠓճͷϦχϡʔΞϧͷίϯηϓτ w ը໘ΛεοΩϦͤ͞Δ w Ϟμϯͳ6*ʹ͢Δ
Δ͜ͱ
ࠓ͓͢Δ͜ͱ ը໘ΛεοΩϦͤ͞Δʢૢ࡞ײతͳͱ͜Ζʣ Ϟμϯͳ6*ʹ͢Δʢײ֮తͳͱ͜Ζʣ
ྫ͑ɺ՝ͷৄࡉը໘ʜ ΞΠίϯ ϥϕϧͷϝχϡʔϦϯΫ ϛχίϝϯτΤσΟλ ՝ͷଐੑҰཡ ఴϑΝΠϧҰཡ
ྫ͑ɺ՝ͷৄࡉը໘ʜ ଟ͘ͷใ͕ݟ͍͑ͯͯɺ ͜Ε͜ΕͰ͍͍͢ɻ ͚ΕͲʜ
৽ػೳͷϝχϡʔ ػೳͷϝχϡʔ ܧ͗͠6* ը໘͕ͲΜͲΜෳࡶʹͳͬͯ͠·͏ ϝχϡʔΛՃ͢Δεϖʔε͕ͳ͘ɺ ૿͑͗ͨͨ͘͢͞Μͷϝχϡʔ͔Β બͿͷπϥ͘ͳΔ ՝ʹؔ࿈͢Δϝχϡʔ
͞ΒʹɺεοΩϦͷ؍͔Β ͋ΒͨΊͯ6*Λݟͯ͠ΈΔͱʜ
՝ͷৄࡉʹ͓͚ΔϝΠϯͷใ ͦͷ̎ ϝΠϯͱͳΔใʹूதͮ͠Β͍
ͦͷपΓʹͨ͘͞Μଘࡏײͷ͋Δ ཁૉ͕͋Δ͜ͱͰɺຒΕ͍ͯΔ ͦͷ̎ ϝΠϯͱͳΔใʹूதͮ͠Β͍
͜Ε͔Βઌͣͬͱ͍ͬͯͨͩͨ͘Ίʹ ͜ΕΒͷΛղܾ͓ͯ͘͠ඞཁ͕͋Δ ͱߟ͑·ͨ͠ɻ
ղܾํ๏ͦͷ ༏ઌஔΛݟ͠ ՝ͷ༰͕ Ҿཱ͖ͭΑ͏ʹ पΓͷཁૉΛҠಈɻ
՝໊ͱৄࡉຊจ͕ ϫϯηοτʹͳͬͯ ใͷྲྀΕ͕εοΩϦɻ ղܾํ๏ͦͷ ༏ઌஔΛݟ͠
ղܾํ๏ͦͷ ओཁతҎ֎ͷཁૉӅ͢ υϩοϓμϯɺ ંΓͨͨΈػೳͰɺ Ұ෦ΛӅ͠·ͨ͠ɻ
ͳͥӅ͢ͷ͔ʁʁ ̍ΫϦοΫ ૿͑ΔΜ ݟ͚ͭʹ͍͘ Μ
ཁૉΛӅ͢͜ͱͰɺ ػೳΛআ͠ͳͯ͘ ը໘ૢ࡞ର͕εοΩϦ͢Δɻ
w େنͳը໘ߏͷมߋ w طଘػೳͷআ Βͳ͍͜ͱ ࠓճͷϦχϡʔΞϧͷίϯηϓτ w ը໘ΛεοΩϦͤ͞Δ w Ϟμϯͳ6*ʹ͢Δ
Δ͜ͱ ૬͢ΔͭΛ ࣮ݱɻ
"'5&3 #&'03& ԕΊ͔Βͷൺֱ Ͱ͖Δ͜ͱมΘΒͳ͍ͷʹ ը໘શମ͕εοΩϦͯ͠ ՝ͷ༰ʹूதͰ͖Δ Α͏ʹͳΓ·ͨ͠ɻ
ࠓճͷϦχϡʔΞϧͰɺ͜ͷߟ͑Λݩʹͯ͠શମΛվળ͍͖ͯ͠·ͨ͠ ը໘͕εοΩϦ͢Δͱ ओཁͳཁૉ͕ࡍཱͬͯ ࡞ۀʹूதͰ͖ΔΑ͏ʹͳΔɻ
࣮ࡍͷը໘ͰϓϨϏϡʔ • μογϡϘʔυ • ՝ͷݕࡧ • ՝ͷৄࡉ
ը໘ΛεοΩϦͤ͞Δʢૢ࡞ײతͳͱ͜Ζʣ Ϟμϯͳ6*ʹ͢Δʢײ֮తͳͱ͜Ζʣ ࠓ͓͢Δ͜ͱ
• 2011ʙ ϑϥοτσβΠϯ 2011- Windows 8 Modern UI / 2013
- iOS7 • 2014ʙ ϚςϦΞϧσβΠϯ 2014 - Google I/O conference • 2015ʙ ϑϥοτσβΠϯ 2.0 ΫϦοΫͰ͖Δ͔Θ͔Βͳ͍ͱ͍ͬͨ ϢʔβϏϦςΟ্ͷ͔Βɺ΄΅ϑϥοτɻ લճͷϦχϡʔΞϧʢʣ ͔Βऑɺͦͷؒʹ
• ৭͍ա͗ͳ͍ • ΞΠίϯγϯϓϧʹ • ০࠷ݶʹ • దͳ༨നΛͱΔ Ϟμϯͳ6*Λͭ͘Δཧɺख๏ͷ ڞ௨Λ؆୯ʹ·ͱΊΔͱ
ˢσβΠϯʹ͓͍ͯɺͱͯجຊతͳ͜ͱɻ ʑมΘ͍ͬͯ͘τϨϯυʹ ߹Θ͍ͤͯ͘͜ͱ͕େɻ
࣮ફɺ#BDLMPHతϞμϯͳ6* ͱ͍͏͜ͱͰ Ϟμϯͳ6*ͷཧʹଇͬͯͬͨ͜ͱ
৭͍ա͗ͳ͍ ςʔϚΧϥʔΛ࠷ݶʹɺ ڞ௨Ͱ༻͢Δ৭ʹɺͳΔ͘ҙຯΛ࣋ͨͤΔ
ΞΠίϯγϯϓϧʹ Χϥϑϧͳ1/(ˠγϯϓϧͳ୯৭ͷ47(ʹͳΔ͜ͱͰ ͍Ζ͍Ζͳղ૾ʹରԠɺ$44͔Β৭มߋͰ͖Δ
০࠷ݶʹ ܁Γฦ͠࠶ར༻ՄೳͳίϯϙʔωϯτΛ͏͜ͱʹΑͬͯɺ ແବͳ০͕ݮΓɺҰ؏ੑΛ࣋ͨͤΔ͜ͱ͕Ͱ͖Δ
దͳ༨നΛͱΔ దͳ༨നͰάϧʔϐϯάɺແବͳғΈഎܠ৭ͱΔɻ จࣈαΠζߦؒௐ͠ɺจষಡΈ͘͢ "'5&3 #&'03&
Ϟμϯͳ6*ɺ σβΠϯͷجຊʹཱͪฦͬͯɺ τϨϯυΛҙࣝ͢Εɺ ͳΔͯ͘͠ɺͳΔɻ
Ϟμϯͳ6*ɺͭ͘ΕΔ
ը໘ΛεοΩϦͤ͞Δʢૢ࡞ײతͳͱ͜Ζʣ Ϟμϯͳ6*ʹ͢Δʢײ֮తͳͱ͜Ζʣ ࠓ͓͢Δ͜ͱ #BDLMPHΒ͠͞ ʴЋ
#BDLMPH͕େʹ͖ͯͨ͠ ͠Έ͘͢ɺָ͍͠σβΠϯͱ Ϟμϯ͞ͱͷόϥϯεͰͩ͜Θͬͨ w 47(ΞΠίϯ w ϑΝΠϧΞΠίϯ w ελʔ˒Ξχϝʔγϣϯ w
ΰϦϥ
47(ΞΠίϯ ੈͷதతʹελΠϦογϡ͚ͩͲ ͋͑ͯϞονϦͯ͠ɺ͠Έ͢͞Λԋग़ #BDLMPHΒ͍͠σβΠϯ ੈͷத
ϑΝΠϧΞΠίϯ ελΠϦογϡ͚ͩͲɺϑΥϧμͱϑΝΠϧͷҧ͍ ͱ͔ͬͺΓલͷ··ํ͕Θ͔Γ͍͢Ͷ ϨςΟʔφରԠͯ͠ɺ σβΠϯͦͷ·· ॳظσβΠϯ ʢ(PPHMF"QQTͬΆ͍ਖ਼ํܗͰࠓ෩
ελʔ˒Ξχϝʔγϣϯ ͩ͜ΘΓͷϨΠϯϘʔՐՖͰɺָ͠͞Λԋग़
ΰϦϥ ͪΐ͍ͪΐ͍ग़ͯ͘Δ
ࠓ͓ͨ͜͠ͱͷ·ͱΊ ը໘ΛεοΩϦͤͨ͞ Ϟμϯͳ6*ʹͨ͠ ৽6*ͷ#BDLMPHΒ͠͞Ͱͩ͜Θͬͨ σβΠϯͷجຊʹཱͪฦͬͯɺτϨϯυΛҙࣝ͢Ε Ϟμϯͳ6*ɺͳΔͯ͘͠ɺͳΔ ༏ઌஔΛݟͯ͠ɺओཁͳཁૉҎ֎ΛӅ͢͜ͱͰɺ
ػೳΛআͤͣʹɺը໘͕εοΩϦͯ͠ूதͰ͖Δ
Β͘͝ར༻͍͍͍ͨͩͯΔ ϢʔβʔͷΈͳ͞·ʹ ͝ෆศ͓͔͚͢Δ͔͠Ε·ͤΜ͕ɺ ͝ཧղͱ͝ڠྗͷ΄ͲΑΖ͓͘͠ئ͍͠·͢ɻ
Ҏ্ɺ࣮ࡍมΘͬͨ͜ͱ
͘͠Έతͳ .Z42- 4FBTBS 8FC8PSL BQBDIFUPNDBU BQBDIFWFMPDJUZ )5.-ςϯϓϨʔτ 8FCϑϨʔϜϫʔΫ "QQαʔό 3%#
+BWB4DSJQU $44 ϑϩϯτΤϯυ BQBDIFWFMPDJUZ +BWB4DSJQU $44 ৽6*ͷ࣮ DPPLJFͰΓସ͑ ϏδωεϩδοΫͷมߋ΄΅ ҆৺͓͍͍ͯͩ͘͠͞ طଘ6*ͷ มߋ΄΅ Ќظؒத Γସ͑์
ఏڙεέδϡʔϧ ݄ <ЌϦϦʔε> ݸਓ͝ͱʹ ͖ͳํΛ͑Δ εϖʔε͝ͱʹॱ࣍ ݄ <ຊϦϦʔε> ৽͍͠6*͚ͩʹͳΔ શεϖʔεҰ੪
*&ɺʹ͍ͭͯ w ЌϦϦʔε࣌ʢ݄ʣɿະαϙʔτ ؒʹ߹ΘͣN @@ N w ຊϦϦʔε࣌ʢ݄ʣɿݶఆతʹαϙʔτ
࠷ݶͷૢ࡞Ͱ͖ΔΑ͏ʹͳΓ·͢ w ࣌ظະఆɿαϙʔτഇࢭ༧ఆ
0OFNPSFUIJOH
εΫϩʔϧͤͣ։͚Δ؆қฤू
ߴͳ՝ؒҠಈ
՝μΠΞϩά
8JLJͷݟग़͠Ϛοϓ
৽6*Λ ΑΖ͓͘͠ئ͍͠·͢