Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Backlog UI リニューアルの舞台裏 / Backlog Renewal UI
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
株式会社ヌーラボ
PRO
April 13, 2017
Design
69k
117
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Backlog UI リニューアルの舞台裏 / Backlog Renewal UI
2017年4月13日の「DevLOVE 関西『デザインリニューアルの難しさ』」にて発表された、Backlog UI リニューアルの舞台裏のスライドです。
株式会社ヌーラボ
PRO
April 13, 2017
Transcript
83 slides
ϦχϡʔΞϧͷཪ גࣜձࣾψʔϥϘ த༟ೋ ʢ8FCσβΠφʔʣ ۚ༔ ʢιϑτΣΞ։ൃऀʣ
None
w ϕʔλެ։ w ਖ਼ࣜϦϦʔε w λεΫ ՝ ཧ 8JLJ (JU47/
ϑΝΠϧڞ༗ w ༗ྉސ٬ ࣾ."6ສਓ
ϦχϡʔΞϧͷ֓ཁ
#BDLMPHΒ͠͞ ͿΓͷେنϦχϡʔΞϧ ϦχϡʔΞϧͷي લճͷϦχϡʔΞϧ YYY
ࠓճͷϦχϡʔΞϧ ػೳΛॆ࣮ͤͯ͞ ӈݞ্͕Γͷ
ϦχϡʔΞϧͷత w ͜Ε͔Βͷ࣌ʹ͋ͬͨσβΠϯ w Γ͍ͨ͜ͱʹूதͰ͖ΔσβΠϯ w ͞ΒͳΔػೳՃɾվળͷ༨Λ࡞Δ
ྫ͑ɺϦχϡʔΞϧલͷ՝ͷৄࡉը໘ʜ
ྫ͑ɺϦχϡʔΞϧલͷ՝ͷৄࡉը໘ʜ ϝχϡʔϦϯΫલޙͷ՝ͷϦϯΫ ϛχίϝϯτΤσΟλ ՝ͷଐੑҰཡ ఴϑΝΠϧҰཡ
ྫ͑ɺϦχϡʔΞϧલͷ՝ͷৄࡉը໘ʜ ՝ͷৄࡉʹ͓͚ΔϝΠϯͷใ
ྫ͑ɺϦχϡʔΞϧલͷ՝ͷৄࡉը໘ʜ ͦͷपΓʹͨ͘͞Μଘࡏײͷ͋Δ ཁૉ͕͋Δ͜ͱͰɺຒΕ͍ͯΔ
w େ෯ͳը໘ߏͷมߋ w طଘػೳͷআ Βͳ͍͜ͱ wʮࣄͷதʹָ͠͞Λʯͱ͍͏#BDLMPHͷίϯηϓτ Ҿ͖ܧ͗ͭͭɺ͜Ε͔Βͷ࣌ʹ͋ͬͨσβΠϯʹ͢Δ w Γ͍ͨ͜ͱʹूதͰ͖ΔΑ͏ʹը໘ΛεοΩϦͤ͞Δ w
ࠓޙΑΓΑ͘վળ͍͚ͯ͠ΔΑ͏ʹཧ͢Δ Δ͜ͱ ϦχϡʔΞϧͷίϯηϓτ
ਖ਼ࣜϦϦʔεޙͷ՝ͷৄࡉը໘
ϦχϡʔΞϧͷλΠϜϥΠϯ ʹΘͨΔϏοάϓϩδΣΫτ
ϦχϡʔΞϧͷλΠϜϥΠϯ ʹΘͨΔϏοάϓϩδΣΫτ ࠓͷ͓͢Δͱ͜Ζ
ϦχϡʔΞϧʹ͋ͨͬͯ ࣄલʹέΞ͍ͯͨ͜͠ͱ
ʢʣΒͳ͍͜ͱΛ໌֬ʹ େ෯ͳը໘ߏͷมߋ͠ͳ͍ ʹͬͨ͜ͱ͕͋ΕɺͳΜͱͳ͍͘ํ͕Θ͔Δ ʹࠓ·ͰͰ͖͍ͯͨ͜ͱͰ͖Δ طଘػೳͷআ͠ͳ͍ ϦχϡʔΞϧʹΑΔετϨεΛ࠷খݶʹ͑Δ
ʢʣϢʔβϏϦςΟςετ ࣗͨͪҎ֎ͷਓʹͬͯΒ͏ wʮͬͨ͜ͱ͕͋ΕɺͳΜͱͳ͍͘ํ͕Θ͔ΔʯͩΖ͏͔ wʮࠓ·ͰͰ͖͍ͯͨ͜ͱͰ͖ΔʯͱࢥͬͯΒ͑ΔͩΖ͏͔ #BDLMPHΒ͠͞ ෆ͕҆গ͠ղফ͞ΕΔ
ʢʣϕʔλظؒΛઃ͚Δ #BDLMPHΒ͠͞ Πϥοͱ͢Δόά͕͙͋ͬͯ͢ʹͤΔ ͍ͭͰ؆୯ʹ৽چΓସ͑ΒΕΔ
࣮ࡍʹͬͯΒͬͯ ղܾ͍͔ͯ͘͠͠ͳ͍
݄ ϕʔλϦϦʔε։࢝
ϦϦʔεڥ͝ͱʹஈ֊తʹ w ͭ Ћͷಠཱͨ͠ϓϩμΫγϣϯڥɹ w Өڹͷগͳ͍ॱʹ͔͚ͯϦϦʔε ւ֎͚ڥ Ϣʔβʔൺ
ࠃ͚Ϣʔβʔগͳ͍ڥ Ϣʔβʔൺ ࠃ͚ݹ͔͘Β͋Δڥ܈ Γ ॳ ޙ ޙ #BDLMPHΒ͠͞ ͱʹ͔͘৻ॏʹʂ
ϕʔλͰ৻ॏʹͨ͠ཧ༝ w ৽͍͠σβΠϯ"KBYԽ͕ਐΈΫΤϦͷมԽ͕༧ w ϞχλϦϯάͯ͠Πϯελϯεௐ͕ඞཁ͔அ͍ͨ͠ w 47(Λ͏ͨΊϦιʔε৴ݩΛҰ෦ม͑ͨ w ࠷ॳʹ่Εͨը໘ݟΔͱ͔ͳΓҹѱ͍ ը໘่Ε͕ؾʹͳΔ
w چσβΠϯʹΕΔΑ͏ʹ͍ͯ͠Δ͚ͲɺΕͳ͘ͳͬͨPSΫϦ ςΟΧϧͳόά͕͋ͬͨ߹ͷରԠʹ༨༟Λ࣋ͭ શমΛ͙ ˞ը໘่͕Ε༷ͨࢠͷྫ ύϑΥʔϚϯε͕ؾʹͳΔ
ЌϦϦʔεޙͷ՝ͷৄࡉը໘
ਖ਼ࣜϦϦʔεޙͷ՝ͷৄࡉը໘
݁Ռ
Ϣʔβʔͷ͕ಧ͘ w μογϡϘʔυ͕ݟͮΒ͘ͳͬͨ w ίϯτϥετ͕ऑͯ͘ݟͮΒ͘ͳͬͨ w શମతʹനͬΆ͕ͯ͘ർΕΔ w ϑΥϯτ͕ಡΈʹ͍͘ w
՝ݕࡧ͕ݟͮΒ͘ͳͬͨ w 8JLJͷݟग़͠ͳͲͷσβΠϯ͕ݟͮΒ͘ͳͬͨ w ݩͷσβΠϯͷํ͕͍͍ɺͯ͠΄͍͠
ͭΒ͍ɻɻ
#BDLMPHΒ͠͞ 5ZQFUBMLͰٞɺ#BDLMPHʹ՝ͱͯ͠ొɺରԠ 6TFS7PJDFϑΥʔϥϜ 5XJUUFSΤΰαʔν ϑΟʔυόοΫͷओͳܦ࿏ νϟοτ#PU ʹΑΔࣗಈϙετ νϟοτ#PU ʹΑΔࣗಈϙετ
ݱ࣮తͳ͢Γ߹Θͤ ରԠͷࣄྫ ϑΟʔυόοΫʹͲ͏ରԠ͔ͨ͠
Ϣʔβʔͷʢ࠶ܝʣ w μογϡϘʔυ͕ݟͮΒ͘ͳͬͨ w ίϯτϥετ͕ऑͯ͘ݟͮΒ͘ͳͬͨ w શମతʹനͬΆ͕ͯ͘ർΕΔ w ϑΥϯτ͕ಡΈʹ͍͘ w
՝ݕࡧ͕ݟͮΒ͘ͳͬͨ w 8JLJͷݟग़͠ͳͲͷσβΠϯ͕ݟͮΒ͘ͳͬͨ w ݩͷσβΠϯʹͯ͠΄͍͠
ϑΟʔυόοΫΛେ·͔ʹྨ͢Δͱ μογϡϘʔυͷ w μογϡϘʔυ͕ݟͮΒ͘ͳͬͨ w ίϯτϥετ͕ऑͯ͘ݟͮΒ͘ͳͬͨ w શମతʹനͬΆ͕ͯ͘ർΕΔ w ϑΥϯτ͕ಡΈʹ͍͘
w ՝ݕࡧ͕ݟͮΒ͘ͳͬͨ w 8JLJͷݟग़͠ͳͲͷσβΠϯ͕ݟͮΒ͘ͳͬͨ ίϯτϥετͷ ϝϦϋϦͷ
μογϡϘʔυͷ ˞ЌϦϦʔε࣌ͷը໘Ͱ͢ Ԡ ̏ͭͷใΛ၆ᛌͯ͠ݟΕͳ͍ ֤λϒʹ·ͱΊΔͱը໘͕εοΩϦͯ͠ूதͰ͖Δ ҙਤ /FX 0ME
ίϯτϥετͷ Ԡ Ԡ w શମతʹനͬΆͯ͘·Ϳ͍͠ w ϑΥϯτ͕΅͚ͯݟ͑ΔͷͰ͕ർΕΔ 8FCϑΥϯτΛͬͨΓͯ͠ɺ͜Ε͔Βͷ࣌ʹ߹ͬͨ γϯϓϧͰεοΩϦͨ͠ҹʹ͔ͨͬͨ͠ ҙਤ
/FX 0ME
ϝϦϋϦͷ աͳϘʔμʔഎܠ৭ͳ͘͠ɺదͳ༨നΛͱͬͯ άϧʔϐϯάͰ͖Εɺը໘͕εοΩϦͯ͠ूதͰ͖Δ /FX 0ME Ԡ ίϯςϯπͷڥͳͲ͕Θ͔Γʹ͘͘ͳͬͨ ҙਤ
େ͖ΊϑΟʔυόοΫͷରԠ w $BDPPͰΠϝʔδͷڞ༗ w σβΠϯΧϯϓ w ϓϩτλΠϐϯά w ࣮ͯ͠͠Β͘͏ #BDLMPHΒ͠͞
σβΠφʔͪΖΜɺ ϓϩμΫτΦʔφʔɺ։ൃऀɺશһͰରԠ #BDLMPHͷ՝ͰΓͱΓͭͭ͠ ि࣍ͷσβΠϯ.5(Ͱٞ
σβΠϯ.5(ͷ݁Ռ
࠷ऴతʹίϯηϓτʹཱͪฦΔ μογϡϘʔυͷ ίϯτϥετͱϝϦϋϦͷ w ʑͷࣄʹ͔ͳΓࢧো͕ग़Δͱ͜Ζɺ 㑌ݟΔͷͭΒ͍ը໘Ͱɺָ͘͠ࣄͰ͖ͳ͍ w ྫྷ੩ʹߟ͑Δͱʮେ෯ͳը໘ߏͷมߋ͠ͳ͍ʯ ͱݴ͍ͭͭɺҰ൪େ͖͘มΘͬͨͱ͜Ζͩͬͨ ʢ#BDLMPHͷίϯηϓτʮࣄͷதʹָ͠͞Λʯʣ
μογϡϘʔυͷ ͕ͭ၆ᛌͰ͖ΔલͷϨΠΞτʹͨ͠ ̏ͭͷใΛ၆ᛌͯ͠ݟΕͳ͍ Ԡ
શମతʹനͬΆͯ͘·Ϳ͍͠ ίϯτϥετͷ #BDLMPHΒ͠͞ Լͱίϯςϯπͷഎܠ৭Λٯసͤͨ͞ Ԡ
ϑΥϯτ͕΅͚ͯݟ͑ΔͷͰ͕ർΕΔ ίϯτϥετͷ ຊޠ8FCϑΥϯτΊ͓ͯͳ͡Έͷͷʹ Google Noto Sans CJK メイリオ Windows ώϥΪϊ
.BD Ԡ
ϝϦϋϦͷ #BDLMPHΒ͠͞ چσβΠϯͷΑ͏ͳࠩ͠৭ͰϝϦϋϦͱ໌Δ͞ 8JLJͰܗޙͷςΩετ͕ݟͮΒ͍ Ԡ
՝ͷҰཡ͕ݟͮΒ͍ ίϯτϥετϝϦϋϦͷ Ұߦ͝ͱͷഎܠ৭ɺ՝ͷঢ়ଶ༏ઌ چσβΠϯͷΑ͏ͳΘ͔Γ͍͢ͷʹͨ͠ Ԡ
Μʁͪΐͬͱͣͭ લͷσβΠϯʹͬͯΔʁ
࣮ࡍɺ͜Μͳ͝ҙݟ
ੜ·Εͯ͘Δ౻ w چσβΠϯʹͯ͠ཉ͍͠ͱ͍͏લఏʹཱͬͨ ϑΟʔυόοΫʮ׳ΕʯͷͰʁ w ൷తͳҙݟ͔ͩΒཱ͍ͬͯΔ͚͔ͩʁ w ৽چͰൺֱ͞ΕͨΒʜͦ͏Ͱ͢Ͷɺɺ ͱ͔͠ݴ͑ͳ͍ࣗ ͲΕ͜ΕղܾͰ͖ͦ͏ʹͳ͍ͷͰɺ
ݱ࣮తͳམͱ͠Ͳ͜ΖΛ୳Δ
چσβΠϯʹ࣮ࡍྑ͍ͱ͜Ζ͋Δ ৽σβΠϯ چσβΠϯ چσβΠϯͷ ྑ͍ͱ͜Ζ چσβΠϯͷϝϦϋϦίϯτϥετΛ ͍͍ײ͡ʹ৽σβΠϯʹϚʔδ͍ͯ͘͠
৽σβΠϯ GFBU چσβΠϯ چσβΠϯ چσβΠϯͷ ྑ͍ͱ͜Ζ چσβΠϯ͕ྑ͍όϥϯεͰGFBUVSJOH͢Δ ϙΠϯτ͕ݱ࣮తͳམͱ͠Ͳ͜Ζʂ چσβΠϯʹ࣮ࡍྑ͍ͱ͜Ζ͋Δ
ϦχϡʔΞϧͷۃҙʢ̍ʣ چσβΠϯͷ ༏Ε͍ͯͨͱ͜ΖೝΊͯɺ ׆͔͢ʂ ͍Β͢ͱ ʢGFBUVSJOH͢Δʣ
͕ɺ૿͑ଓ͚Δ૾Ҏ্ͷ ·Ϳ͍͠ʙͱ͍͏ ʢҰମͳͥʁʣ
·Ϳ͠͞ͷݪҼΛௐࠪ w ·Ϳ͍͠ͱ͍͏ҙݟͷϑΟʔυόοΫͷத͔Βɺ σΟεϓϨΠͷϝʔΧʔͱܕ൪ใΛಘΒΕͨ w ͦͷσΟεϓϨΠ Λ"NB[POͰߪೖ w ౦ژࣄॴʹ͋ͬͨಉϝʔΧʔͰ༻͞Ε͍ͯ
ͳ͔ͬͨσΟεϓϨΠ Λژࣄॴʹૹͬͯ Βͬͨ
എܠͷάϨʔ͕ਅͬനͰɺ͕ʹ௧͍ ࣮ࡍͷࣾͷσΟεϓϨΠʢʣ
৭ͱ͍͏৭Λௐ #BDLMPHΒ͠͞ ͻΒ͢Β৭Λௐ എܠͷάϨʔ͕ਅͬനͰɺ͕ʹ௧͍ ࣮ࡍͷࣾͷσΟεϓϨΠʢʣ
͜ΕͭΒ͍ɻɻ
͜ͷʹؾ͚ͮͳ͔ͬͨݪҼ #BDLMPHΒ͠͞ ϢʔβϏϦςΟςετɺਓͪΖΜ ༷ʑͳڥͰςετ͢Δ͖ͩͬͨ ࣾͷ.BDϢʔβʔͷߴ͞ w αϯμʔϘϧτൃ৭ͷྑ͍σΟεϓϨΠΛ͍͕ͪ w ݹͯ͘ίϯτϥετͷͳ͍Ϟχλ͋Δʢʣ w
ࣾͷ8JOEPXTϢʔβʔେৎͦ͏͔ͩΒେৎʢ8FCϑΥϯτʣ w ʑ৮Ε͍ͯΔͱ͕ࣗͨͪҰ൪ͷϢʔβʔͱ͍͏ϚΠϯυʹͳΓ͕ͪ ࣾυοάϑʔςΟϯάʹཔΓ͗ͨ͢
σΟεϓϨΠ Ͱ·Ϳ͠͞ͷௐ w എܠͷάϨʔؔ࿈ˍઢ৭ͷௐ w จࣈؔ࿈ͷίϯτϥετௐ w 47(ΞΠίϯͷϕʔεΧϥʔௐ
w ςʔϚΧϥʔΛௐ w ڞ௨Ͱ༻͍ͯ͠ΔΧϥʔͷௐ ৭ͱ͍͏৭Λௐ
౻ɺ࠶ͼ
·Ϳ͠͞ͷ౻ ͋ͪΒΛཱͯΕͪ͜Βཱ͕ͨͣεύΠϥϧ ·Ϳ͍͠σΟεϓϨΠ Ͱ ·Ϳ͘͠ͳ͍σΟεϓϨΠͰݟͨҹ͙Β͍·Ͱ ίϯτϥετΛௐ ·Ϳ͘͠ͳ͍σΟεϓϨΠͰݟΔͱɺ ͱͯ҉͍ҹʹ
·Ϳ͠͞ͷ౻ Ͳͷڥ͕࠷͋Δ͖ঢ়ଶͳͷ͔ʁ ҉͞ ·Ϳ͠͞ ·Ϳ͍͠ σΟεϓϨΠͰͷ ·Ϳ͘͠ͳ͍ σΟεϓϨΠͰͷ
·Ϳ͠͞ͷ౻ ҉͞׳ΕΔ͚Ͳɺ·Ϳ͠͞׳Εͳ͍ʂ ҉͞׳ΕΔͱ Ή͠Ζ ʹ༏͍͠ ·Ϳ͠͞ ͭΒͯ͘ ࣄʹ ͳΒͳ͍
҉ͯ͘#BDLMPHΒ͘͠ͳ͍ ͱ͍͏͕ग़Δ͔͠Εͳ͍͚Ͳɺ ͭΒ͍ํΛٹ͓͏
ϓϩδΣΫτϝχϡʔͷ৭͕·Ϳ͍͠ ·Ϳ͠͞ͷௐ #BDLMPHΒ͠͞ Ќఏڙ։͔࢝Βগͣͭ͠ௐͯ͠ೱ͘ͳͬͨ
·Ϳ͍͠ίϯςϯπͷ۠Γ͕Θ͔Γʹ͍͘ ·Ϳ͠͞ͷௐ #BDLMPHΒ͠͞ എܠͷάϨʔ۠Γઢจࣈ৭͞Βʹೱ͘
Ќ࣌ͷ৽σβΠϯͰ͕ࠩग़ͳ͘ͳ͍ͬͯͨʜ 1%5ܕ৭֮Ͱঢ়ଶͷ৭͕ݟ͚ͮΒ͍ ͞Βʹɺݟ͢͞ͷ
ԕ͔Βͷൺֱ #&'03& #BDLMPHΒ͠͞ ݁Ռతʹɺඞཁͳใʹύοͱ͕͍͘Α͏ʹ ਖ਼ࣜϦϦʔε࣌ ЌϦϦʔε࣌
࣮ࡍɺ҉͞ʹର͢Δҙݟͳ͔ͬͨ
ػೳআͤͣʹɺը໘ΛεοΩϦͤͯ͞ɺ Γ͍ͨ࡞ۀʹूதͰ͖ΔΑ͏ʹʢ͍͖ͯ͠·͢ʣ ϦχϡʔΞϧલޙͰ͋ΒͨΊͯൺֱ ϦχϡʔΞϧޙ ϦχϡʔΞϧલ
ϦχϡʔΞϧͷۃҙʢ̎ʣ ࡾาਐΜͰೋาԼ͕Εʂ ͍Β͢ͱ ʢϢʔβʔͷΈͳ͞ΜʹͱͬͯΠϯύΫτେʣ
Ќఏڙޙϲ݄ܦաɺ ϑΟʔυόοΫͷରԠʹؾΛͱΒΕͯ ࢲͨͪେͳ͜ͱΛΕ͍ͯͨ
৽σβΠϯͬͯΔਓɺগͳ͗͢ʜʁ Ќظؒϲ݄ܦա࣌Ͱ৽σβΠϯར༻ w ࣈࣗମܭଌͯͨ͠ͷʹϑΟʔυόοΫͷରԠʹ͍ͬͺ͍ ͍ͬͺ͍Ͱؾ͕ճͬͯͳ͔ͬͨ w ͦͦ৽͍͠σβΠϯʹΓସ͑ΒΕΔ͜ͱʹؾ͍͍ͮͯͳ͍ʁ w ਖ਼ࣜϦϦʔεޙچσβΠϯ͕͑ͳ͘ͳΔͱΘ͍ͬͯͳ͍ʁ w
͚ͬͨͲؾʹೖΒͳͯͨ͘͠ʁ ͳͥͬͯͳ͍ͷ͔ʁ ͜ͷ··ϦϦʔεͨ͠ΒԌ্ؒҧ͍ແ͠ʂ
ͩͬͨͱ͖ͷΞϐʔϧखஈ ЌϦϦʔεϲ݄લɺЌϦϦʔεલؒ࿈ଓ w ϒϩά w ΞϓϦϔομʔʹ͓Βͤ ෩Ͱਓ΄Ͳ དྷ͍͖ͯͨͩ·ͨ͠ w ౦ژͰЌϦϦʔεͷ
͓൸࿐Πϕϯτ ʹө͞Εͳ͍͋·Γʹ͗͢ͳ͍͔ʁ
৽σβΠϯར༻ͷଌΓํͷݟ͠ ܭଌ͞ΕͨશϢʔβʔΛରʹ Կˋ͕৽σβΠϯΛར༻͍ͯ͠Δ͔Λݟ͍ͯͨ w Ќ։࢝લЌॳظʹҰճΞΫηε͚ͨͩ͠ͰͦͷޙΞΫηεͯ͠ ͍ͳ͍ϢʔβʔΓସ͑͠ͳ͍ w Ќظؒͷʑͷमਖ਼ϦϦʔεͷԠΛΈΔͷʹෆద %"6Λରͱ͢ΔΑ͏ʹม͑ͨ ײ֮ʹ͍͕ۙಘΒΕΔΑ͏ʹͳͬͨʂ
͚Ͳ·ͩ͗͢Δ
ཱͭ अຐͳ μΠΞϩά ཱͭʢअຐͳʣΑ͏ʹΓସ͑Ҋ͕ग़Δ ճ िؒܦͬͯ৽͍͠σβΠϯʹΓସ͑ͳ͔ͬͨ Β·ͨग़Δ ճ ʢЌظؒऴ൫ɺར༻ऀ͕૿͑ͳ͍ཧ༝Λ͖ͭͱΊΔͷʹඞࢮʣ ճ
৽σβΠϯʹҰ୴ڧ੍తʹΓସ͑ ༧ఆ௨Γ ͑ͳ͍ͱچσβΠϯʹΕͳ͍Ξϯέʔτ͕ग़Δ
͑ͳ͍ͱΕͳ͍Ξϯέʔτ l৭߹͍͕ബͯ͘ೖྗΫϦοΫͮ͠Β͍ l৭߹͍͕ബͯ͘ॻ͍ͯ͋ΔจষΛಡΈͮΒ͍ lઆ໌͕ݮͬͨͷͰΫϦοΫ͢Δॴ͕ݟ͚ͭʹ͍͘ l՝ݕࡧͷ݅Λબͮ͠Β͍ l՝ݕࡧͷݕࡧ݁Ռ͕ݟͮΒ͍ lҹ͕҉͍ɾݎ͍ l͍·͍͠ͷͰޙͰࢼ͍ͨ͠ lΤϥʔ͕ൃੜͯ͠༻Ͱ͖ͳ͍ͷͰ lͦͷଞ
ࣗ༝ೖྗ z ैདྷͷσβΠϯʹ͍ͨ͠ཧ༝ΛબΜͰ͍ͩ͘͞ɻ େ͖ͳ͕͕͍͋ͬͯͨ෦ ɹௐ͕Γ͍ͯΔ͔֬ೝ͍ͨ͠
Ξϯέʔτ݁Ռͷੳ w σβΠϯૢ࡞ੑ͕ཧ༝Ͱͨ͠Ϣʔβʔ w l͍·͍͠ͷͰޙͰࢼ͍ͨ͠zϢʔβʔ چσβΠϯʹͨ͠Ϣʔβʔ w lͦͷଞ
ࣗ༝ೖྗ zͷճԇᅀͷʹҲΕಡΉͷʹ৺ંΕͦ͏ Ͱ͕ͨ͠ࠓޙͷվળͷώϯτʹ ༧ఆ௨ΓΓସ͑ͯྑͦ͞͏ʁ ͨ͠ཧ༝ͷ େ͕͜Εͩͬͨ Θ͚ΛݟΔͱ
ڧ੍Γସ͑ޙҾ͖ଓ͖ϒϩά ϑΟʔυόοΫड͚ͯվળ͚ͭͮͯΔ͔Β ҆৺ͯ͠Γସ͑ͯͶɺͱ͍͏Ξϐʔϧܧଓ
৽σβΠϯར༻ͷਪҠ ৽ σ β Π ϯ ར ༻ վमʹඞࢮ
ཱͭ अຐͳ μΠΞϩάͰ ࣮֬ʹ͓Βͤ μΠΞϩά ճ Ұ୴શϢʔβΛ৽6*ʹมߋ چσβΠϯʹΔͱ͖ Ξϯέʔτೖྗ ׂΓͱچσβΠϯʹ͢ਓগͳ͍ ͢ਓͷେͷཧ༝ ʮࠓ͍͠ͷͰ͋ͱͰࢼ͢ʯ ϦϦʔεͨ͠ ̏ ͬͯΔਓ͕গͳ͍ͱ͍͏ؾ͖ͮ
݄ ਖ਼ࣜϦϦʔε
ϦχϡʔΞϧޙͷޮՌ w ܧଓͯ͠վળͨ͠ΥονɺϓϧϦΫΤετػೳ ͷ༻͕େ͖͘৳ͼ͍ͯΔ w #BDLMPH্ͰͷਓͨΓͷ׆ಈ͕׆ੑԽ w ৽نͷτϥΠΞϧొ͕૿Ճ ͞ΒͳΔػೳՃɾվળͷ༨Λ࡞Δ ͜Ε͔Βͷ࣌ʹ͋ͬͨσβΠϯ
Γ͍ͨ͜ͱʹूதͰ͖ΔσβΠϯ త త
ਖ਼ࣜϦϦʔεޙܧଓతʹվળ άϧʔϓՃػೳͷվળʹΑΓϢʔβʔཧ͕؆୯ʹ εςʔλεͷ৭ຯΛมߋ͠·ͨ͠ ࢠ՝ͷෆ۩߹ͳͲΛमਖ਼͠·ͨ͠ 8JLJͷఴϑΝΠϧ͕আͰ͖ͳ͍ෆ۩߹ͳͲΛमਖ਼͠·ͨ͠ ࢠ՝ͷදࣔͳͲΛมߋ͠·ͨ͠ ϓϧϦΫը໘ͷԠͱ8JLJϖʔδͷվળ 8JLJͷ1%'ग़ྗɺෳબϦετͷෆ۩߹Λमਖ਼ 8FC%"7ܦ༝ͰͷϑΝΠϧڞ༗࣌ʹൃੜ͢ΔӅ͠ϑΝΠϧΛඇදࣔʹ όάमਖ਼ͱύϑΥʔϚϯεվળ
(JUͷमਖ਼ηΩϡϦςΟʔ্ͷվળͳͲ ಛఆͷίϝϯτ63-ͷίϐʔͱίϝϯτޙͷఴϑΝΠϧͷՃ ɾ ɾ ɾ
خ͍͠͝ҙݟͨ͘͞Μ
·ͱΊ w Βͳ͍͜ͱΛܾΊͨ͜ͱͰɺϑΟʔυόοΫͷϙΠϯτ͕͠΅ΒΕͨ w શһ͕ೲಘͰ͖ΔతʹԊͬͨͷ͕͋Δͱஅ͍͢͠ ίϯηϓτॏཁ w ϦχϡʔΞϧͷΠϯύΫτΛΒ͛ΔЌظ͓ؒޓ͍ʹϝϦοτ w ϑΟʔυόοΫΛड͚औͬͯվળͯ͠Δ͜ͱΛ͑Δ
w ൷తͳҙݟʹΫϦΞʹ͖͢՝͕ӅΕ͍ͯΔ Ϣʔβʔͱͷίϛχϡέʔγϣϯॏཁ w Λ͋͛ͳ͍ϢʔβʔͷଘࡏೝࣝͰ͖Δ ͷܭଌͱੳॏཁ
ژͰ։ൃऀืू͓ͯ͠Γ·͢ ৄ͘͠ʮψʔϥϘɹ%*:ʯͰݕࡧʂ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠
More Decks by 株式会社ヌーラボ
See All by 株式会社ヌーラボ
FinOps in practice for growth and scale
nulabinc
PRO
0
67
成長と拡大を支える FinOps 実践記
nulabinc
PRO
1
160
製造業の設計・生産技術向け Backlog入門
nulabinc
PRO
0
42
配布資料_ヌーラボの情シスがおすすめする_問い合わせ対応を削減するBacklog活用術.pdf
nulabinc
PRO
0
130
Bits Agent Builder の⼊⾨と活⽤事例
nulabinc
PRO
0
3.4k
Getting Started with Bits Agent Builder: Real-World Use Cases
nulabinc
PRO
0
93
The_Evolution_of_Bits_AI_SRE.pdf
nulabinc
PRO
0
440
進化するBits AI SREと私と組織
nulabinc
PRO
4
1.4k
実践 Datadog MCP Server
nulabinc
PRO
4
1k
Other Decks in Design
See All in Design
デザインハーネスをつくるハーネス|誰でも自社らしいデザインをつくれるようにする仕組み
katakai
0
1.5k
The decksh tutorial
ajstarks
1
150
Pra não dizer que não falei das flores...
videlvequio
0
170
AIが作るデザインの レビューコストと向き合って分かったこと. -正社員デザイナー1人の組織でデザインハーネスを立ち上げた話-
hidekiietaka
1
400
20260802東京都市大学オープンキャンパス授業
a2k
0
120
decksh object reference
ajstarks
2
1.9k
デザイナーがいない部署にハーネスを設計する
kenichiota0711
5
6k
Where Imagination Ends AI Begins
r5ni4
0
510
デザインワークフローの最前線。 ログラスでのAI活用の現在地
ukaoli
1
3.7k
言幹と言葉(Stems & Leaves)
kakukoki
0
270
[Unity] VAT×VFX Graphがいま個人的にアツイという話
sakiyama
0
150
飲み会を妻に伝えるベストタイミング分析
kudaranai
0
120
Featured
See All Featured
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
2
6.4k
What does AI have to do with Human Rights?
axbom
PRO
1
2.5k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
23k
brightonSEO & MeasureFest 2025 - Winning Strategies for Black Friday CRO & PPC - Christian Goodrich
cargoodrich
3
900
Building a Modern Day E-commerce SEO Strategy
aleyda
45
9.3k
Side Projects
sachag
456
43k
RailsConf 2023
tenderlove
30
1.6k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.6k
Highjacked: Video Game Concept Design
rkendrick25
PRO
2
570
Paper Plane
katiecoart
PRO
6
55k
Building a Scalable Design System with Sketch
lauravandoore
464
34k
Believing is Seeing
oripsolob
1
280