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
ヤギでもわかるオブジェクト指向UIデザイン
Search
KeitaroOkamura
September 23, 2020
Design
360
3
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
ヤギでもわかるオブジェクト指向UIデザイン
KeitaroOkamura
September 23, 2020
Transcript
76 slides
ϠΪͰΘ͔Δ ΦϒδΣΫτࢦ6*σβΠϯ ʙλεΫ͔ΒΦϒδΣΫτʙ
! Φ ϯ ϥ Π ϯ
͡Ίʹ ΦϒδΣΫτࢦ6*ͱʁ 006*ͷઃܭ ϫʔΫΞτ ࠷ޙʹ
͘͡
͡Ίʹ
ͳͥੈͷதʹ l͔Γʹ͍͘6*z͕ ຮԆ͍ͯ͠Δͷ͔ʁ
ϐβͷจαΠτΛྫʹͱΔͱ ϐβͷจαΠτ Ϣʔβʔͷ৺ཧ Ұཡ͔Β ৯͍ͨϐβΛ બͿ ୡઌࢧ͍ํ ๏Λࢦఆ͢Δ ϐβ͕ಧ͘ ϐβΛจ͢Δͱ͖
͜ͷΑ͏ͳྲྀΕΛظ͍ͯ͠Δ
w จ͢Δʹɺ·ͣϐβΛબͳ͍ͱ͍͚ ͳ͍͕ɺʮϝχϡʔʯΛԡͤϐβͷҰཡ ͕ग़ͯ͘Δʁ w ͔͠͠ɺʮจ͢Δʯͱ͍͏Ϙλϯ͕ผʹ ͋ΔͷͰʮϝχϡʔʯ͔ΒจͰ͖ͳ ͍ʁ ͔Γʹ͍͘6*ͷྫ ͱ͋ΔจαΠτ
ࠞཚϙΠϯτ ʮจ͢ΔʯΛԡͯ͠ΈΔ
w ొࡁΈϢʔβʔͰϩάΠϯͯ͠จ͢Δ ͷ͔ɺະొͰจ͢Δͷ͔खଓ͖Λબ ͞ΕΔ w ࣍ʹߦ͑Δૢ࡞͕ݶఆ͞Ε͓ͯΓɺલͷૢ ࡞ʹΓ͍ͨͱࢥͬͯൈ͚ग़ͤͳ͍ ͔Γʹ͍͘6*ͷྫ ͱ͋ΔจαΠτ ࠞཚϙΠϯτ
ʮϩάΠϯʯΛԡͯ͠ΈΔ
w ظ௨Γͷૢ࡞ॱংͰϩάΠϯϑΥʔϜ͕ දࣔ͞ΕΔ͕ɺϩάΠϯϘλϯΛԡͨ͠ޙ ͷߦ͖ઌΘ͔Βͳ͍·· ͔Γʹ͍͘6*ͷྫ ͱ͋ΔจαΠτ ࠞཚϙΠϯτ ೖྗͯ͠ϩάΠϯ͢Δ
w ʮࠓ͙͢ୡʯͱ͍͏ϥϕϧ͚ͩݟΔͱɺ ͜ΕΛԡ్ͨ͠ʹୡ͕͡·Δʁ w ͔͠͠ɺ͓ಧ͚ઌͷࢦఆ࣌ؒࢦఆͷબ ͔͠ͳ͘ɺଞʹԡ͖͢Ϙλϯ͕ͳ͍ ͔Γʹ͍͘6*ͷྫ ͱ͋ΔจαΠτ ࠞཚϙΠϯτ ʮࠓ͙͢ୡʯΛԡͯ͠ΈΔ
w ࠓ͙͢ୡ͞ΕΔ͜ͱͳ͘ɺࢯ໊࿈བྷ ઌ͕දࣔ͞ΕΔ͚ͩͩͬͨʁʁʁ w ʮ֬ೝը໘ਐΉʯͱ͍͏Ϙλϯ͕͋Δ͕ ɺ·ͩϐβબΜͰ͍ͳ͍ͷʹԿΛ֬ೝ͢Δ ͷ͔ʁ͔ͯ͠͠ૢ࡞खॱΛؒҧ͑ͨʁ ͔Γʹ͍͘6*ͷྫ ͱ͋ΔจαΠτ ࠞཚϙΠϯτ
ʮ֬ೝը໘ਐΉʯΛԡͯ͠ΈΔ
w ୡํ๏͓٬༷ใͷ֬ೝͱͱʹɺ ʮͷબਐΉʯͱ͍͏Ϙλϯ͕ݱΕ ͯΑ͏͘จϑϩʔʹਐΉ͜ͱ͕Ͱ͖Δ w ΛબͿલʹԿ͔Λ֬ఆ͠ͳ͚ΕͳΒ ͳ͍ʁ ͔Γʹ͍͘6*ͷྫ ͱ͋ΔจαΠτ ࠞཚϙΠϯτ
ʮͷબਐΉʯΛԡͯ͠ΈΔ
w Ұཡ͕දࣔ͞ΕɺΑ͏͘ΛબͿ ͜ͱ͕Ͱ͖Δ w ʮϝχϡʔʯΛબΜͩ߹ɺ·ͣҰ ཡ͕දࣔ͞ΕͯɺʮΧʔτʹೖΕΔʯͱ͍ ͏Ϙλϯ͔ΒจϑϩʔʹೖΕΔͷͰɺ݁ ہʮจ͢Δʯ͔Β࢝ΊΔྲྀΕͷଘࡏҙٛ ͕Α͘Θ͔Βͳ͍ ͔Γʹ͍͘6*ͷྫ
ͱ͋ΔจαΠτ ࠞཚϙΠϯτ
ͳͥ͜͏ͳͬͨͷ͔ʁ
ϐβΛจ͢Δͱ͍͏ϢʔβʔͷతΛ λεΫͱͯ͠ઢܗͷϑϩʔʹམͱ͠ࠐΉൃ ͰσβΠϯ͕ੜ·Ε͔ͨΒ
͜ͷΑ͏ͳΰʔϧΛಈػͱͨ͠λεΫϕʔεͷ6*Λ lλεΫࢦ6*zͱݴ͍·͢
λεΫࢦ6* ʮΞΫγϣϯʢಈࢺʣˠΦϒδΣΫτʢ໊ ࢺʣʯͷૢ࡞Λڧ͍ΒΕΔਓؒͷϝϯλϧ Ϟσϧʹͨ͠6*ͷ͜ͱ ͭ·ΓɺϢʔβʔࣗͷͯΛ෴͍Ӆ ͞ΕɺιϑτΣΞʹΑͬͯԿ͔Λͤ͞Β Ε͍ͯΔঢ়ଶ IUUQTBUPDIPUUPDPN
ͳͥ6*͕λεΫࢦʹ ͳͬͯ͠·͏ͷ͔ʁ
എܠᶃ w ϢʔβʔͷཁٻΛຬͨ͞ͳ͚ΕγεςϜͷଘࡏՁ ͕ͳ͍ͷͰɺઃܭऀ৺ʹϢʔβʔͷΓ͍ͨ͜ͱ Λఆٛ͠Α͏ͱ͢Δ w ϢʔβʔཁٻʮΔ͜ͱʯͱͯ͠·ͱΊΕɺͦΕΛ ࣮ݱ͢ΔͨΊʹ༷ʑͳػೳ͕࣮͞Ε͍ͯ͘͜ͱͰɺ 6*ͷߏͦͷʮΔ͜ͱʯΛϕʔεʹΈཱͯΒΕ ͯ͠·͏
݁ՌɿλεΫࢦ6*
എܠᶄ w ʮϢʔβʔத৺ઃܭʯʮ69σβΠϯʯʹ͓͍ͯ ϢʔβʔͷମݧʹՁ͕͋Δͷͩͱ͍͏ߟ͑ํ͕ਁಁ ͍ͯ͠Δ w Ϣʔβʔ͕Γ͍ͨ͜ͱΛߦ͢Δ͜ͱ͕σβΠϯͷ తͰ͋Δ͔ͷΑ͏ʹଊ͑ΒΕɺΞϓϦέʔγϣϯࣗ ମͦͷதͷϝχϡʔ͕λεΫϕʔεͰߏ͞Εͯ͠ ·͏
݁ՌɿλεΫࢦ6*
λεΫࢦ6*͕ڐ༰͞ΕΔέʔε
w ରΦϒδΣΫτ͕ݶఆతͰબͷඞཁ͕ͳ͍߹ w ࣗݾ݁తͳखଓ͖Λఆܕೖྗϑϩʔͱͯ͠ఏڙ͢Δ߹ ߹తੑΛߴΊΔέʔε
λεΫࢦ6*͔Β͢Δํ๏
ΦϒδΣΫτࢦ6*ͱʁ
ΦϒδΣΫτࢦ6*ͱ ΦϒδΣΫτΛखֻ͔Γʹૢ࡞ઃܭ͞Εͨ6*ͷ͜ͱ ͭ·ΓɺϢʔβʔ͕ରʢΦϒδΣΫτʣ తʹΞϓϩʔνͰ͖ΔΑ͏ʹ͢Δ͜ͱ
ΦϒδΣΫτͬͯʁ
ΦϒδΣΫτͱ ΦϒδΣΫτ ใ ΦϒδΣΫτ Ϣʔβʔ͕ ૢ࡞͢Δର Ϣʔβʔͷ ؔ৺ ʢͯʣ ຊޠʹ͢Δͱ͍͠ݴ༿ʢ಄ͷதͰΠϝʔδͰ͖Ε0,ʣ
Ϣʔβʔͷؔ৺ͷରͰ͋ΔΦϒδΣΫτΛΫϥεͱͯ͠ ఆٛ͠ɺͦΕΛͦͷ··εΫϦʔϯʹొͤ͞ΔͷͰ͢ɻ $PVOUFSQBSUc.PEFMFTTBOE.PEBM
ΦϒδΣΫτࢦ6*ৗత ΦϒδΣΫτࢦ6*ɺզʑ͕ৗੜ׆ ͷதͰ࡞ۀΛ͢Δͱ͖ͱಉ͡Α͏ʹର ͕ݟ͍͑ͯͯɺͦΕΛ৮Δ͜ͱ͕Ͱ ͖ɺ࡞ۀͷ݁ՌΛରͷมԽͱͯ͠ৗ ʹͦͷͰ֬ೝͰ͖·͢ IUUQTBUPDIPUUPDPN
ΦϒδΣΫτࢦ6*Ͱͷૢ࡞ৗత ूதܕ ϦϯΰΛ͔͡Δͱ͖ɺ·ͣରͰ͋ΔϦϯΰΛखʹ͔ͯ͠ΒᴩΓ·͢ ूதܕ ᴩ͔ͬͯΒϦϯΰΛखʹ͢Δਓ͍·ͤΜ ⭕ ❌
λεΫࢦͱΦϒδΣΫτࢦ
ूதܕ λεΫϕʔεʮΞΫγϣϯʯˠʮΦϒδΣΫτʯ ूதܕ ΦϒδΣΫτϕʔεʮΦϒδΣΫτʯˠʮΞΫγϣϯʯ ΛબͿ ͓ۚΛ͏ ͓ۚΛ͏ ΛબͿ
ΦϒδΣΫτࢦ͔ʁλεΫࢦ͔ʁ ΛબͿ ͓ۚΛ͏ ΦϒδΣΫτࢦͷ6*ͱɺ؆୯ʹݴ͑ ʮϢʔβʔ͕ରͷΦϒδΣΫτΛબͿͱ͜Ζ ͔Βૢ࡞͕࢝·ΔͷʯΛݴ͍·͢
ϢʔβʔɾλεΫɾΦϒδΣΫτͷؔ ूதܕ Ϣʔβʔ ूதܕ 6* ΦϒδΣΫτ ूதܕ λεΫ ूதܕ λεΫ
ूதܕ λεΫ
Ϟʔμϧ74ϞʔυϨε
͓ۚΛ͏ Ωϟϯηϧ λεΫࢦ6*ͷ ్தͰߪೖΛΊͨ͘ͳͬͨͱ͖ɺϢʔβʔ͓ۚΛऔ Γͨ͢Ίʹฦ٫ϨόʔΛԡ͞ͳ͍ͱ͍͚ͳ͍ ͓ۚΛೖΕͨλΠϛϯάͰʮબϞʔυʯʹೖͬͯ ͍Δ͔Β
͓ۚΛ͏ Ωϟϯηϧ λεΫࢦ6*ˠϞʔμϧ ʮಈࢺˠ໊ࢺʯࣜͷλεΫࢦͷ6* ϞʔμϧʢϞʔυ͕͋ΔʣͰ͋Γɺૢ࡞ͷࣗ༝Λୣ ͍ɺ༨ܭͳखଓ͖Λ૿ͯ͠͠·͏
ҰํͰΦϒδΣΫτࢦ6* ΛબΜͰ͔ΒߪೖΛதࢭͨ͘͠ͳͬͨΒɺϢʔβʔ ୯ʹͦ͜ΛཱͪڈΕΑ͍ͷͰ͢ɻ ߪೖͷҙࢥදࣔྉۚͷࢧ͍ͱ͍͏ΞΫγϣϯʹू ͞Ε͍ͯͯɺͦΕҎ֎ͷૢ࡞ʹϦεΫ͕͋Γ·ͤΜ ཱͪڈΔ
ΦϒδΣΫτࢦ6*ˠϞʔυϨε ཱͪڈΔ ઌʹରΛબΜͰ͔ΒΔ͜ͱΛબͿʮ໊ࢺˠಈ ࢺʯࣜͷૢ࡞ϞʔυϨεʢϞʔυ͕ͳ͍ʣͰ͋Γɺ ೝతͳίετମతͳίετ࠷ݶͰࡁΉ
ϞʔυϨεΛ৴ไ͠ͳ͍͞ɻϢʔβʔ͔Βίϯτϩʔϧݖ Λୣ͏࠷Ұൠతͳํ๏ɺϢʔβʔʹಛఆͷਐ࿏Λ ڧཁ͢ΔϞʔυΛཚ༻͢Δ͜ͱͰ͢ "QQMFʮ049)VNBO*OUFSGBDF(VJEFMJOFTʯ
Ϟʔμϧ74ϞʔυϨε 6*Λઃܭ͢Δ্ͰɺՄೳͳݶΓϢʔβʔʹγεςϜ ͷίϯτϩʔϧݖΛ༩͑Δ͘ϞʔυΛഉআ͠ɺϞʔυ ϨεΛఏڙ͢Δ͜ͱ͕ྑ͍ͱ͞Ε͍ͯΔ ΦϒδΣΫτࢦ6*ͷ༏Ґੑͷຊ࣭
ΦϒδΣΫτࢦ6*ͷݪଇ
ΦϒδΣΫτࢦ6*ͷݪଇ ΦϒδΣΫτΛ֮Ͱ͖తʹಇ͖͔͚ΒΕΔ ΦϒδΣΫτࣗͷੑ࣭ͱঢ়ଶΛମݱ͢Δ ΦϒδΣΫτબˠΞΫγϣϯબͷૢ࡞ॱং ͯ͢ͷΦϒδΣΫτ͕ޓ͍ʹڠௐ͠ͳ͕Β6*Λߏ ͢Δ
ΦϒδΣΫτࢦ6*ͷݪଇ
006*ͷઃܭ
ιϑτΣΞσβΠϯͷϨΠϠʔ ϓϨθϯςʔγϣϯ ΠϯλϥΫγϣϯ Ϟσϧ ιϑτΣΞσβΠϯ ֓೦తͳॲཧͷ୯Ґͱͯ͠ఆٛ͞ΕΔ ֓೦ͷͨΊϢʔβʔૢ࡞Ͱ͖ͳ͍ Ϣʔβʔ ΦϒδΣΫτࢦ6*Λղ͢Δͱ ͭͷநͷϨΠϠʔʹ͔ΕΔ
Ϣʔβʔ͕ΦϒδΣΫτͱ࡞༻͠ɺͦͷ ೖग़ྗΛϞσϧͱͭͳ͛ΔΈ ΠϯλϥΫγϣϯͷ༷ࢠΛదʹݱ͠ɺ γεςϜʹର͢ΔϢʔβʔͷ֮Λ࡞Δ
006*ઃܭͷجຊεςοϓ ɹɹɹɹɹΦϒδΣΫτͷఠग़ ɹɹɹɹɹϏϡʔͱφϏήʔγϣϯͷݕ౼ ɹɹɹɹɹϨΠΞτύλʔϯͷద༻ Ϟσϧ ΠϯλϥΫγϣϯ ϓϨθϯςʔγϣϯ
ΦϒδΣΫτͷఠग़
ΦϒδΣΫτఠग़ͷͦͷલʹ ΦϒδΣΫτΛఠग़͢ΔͨΊʹɺϢʔβʔ͕ͦͷυϝΠϯͰԿΛ ͲͷΑ͏ʹߦͳ͍ͬͯΔͷ͔ɺۀͷ༰ΛΑ͘Ѳ͍ͯ͠ͳ͚ ΕͳΓ·ͤΜɻͦͷͨΊʹϢʔβʔͷ؍ΠϯλϏϡʔɺ୲ ऀཧऀ͔ΒͷώΞϦϯάɺطଘγεςϜͷௐࠪͱ͍ͬͨ લஈͷऔΓΈ͕ඞཁʹͳΓ·͢
ΦϒδΣΫτͷఠग़ ྫ&ϝʔϧΫϥΠΞϯτ ΞϓϦέʔγϣϯ͕ఏڙ͢ΔରྖҬͷυϝΠϯ͔Β Ϣʔβʔͷૢ࡞ରͱͳΔΦϒδΣΫτΛఠग़͠·͢ ϝʔϧϘοΫε ໊শ ΦϒδΣΫτ Ϟσϧ ϝοηʔδ ໊݅
ड৴࣌ ࠩग़ਓ ຊจ ΦϒδΣΫτ ✳ ✳ෳ
ΦϒδΣΫτͷखֻ͔Γ ✓ ͑ΒΕΔ໊ࢺͱͯ͠දͤΔ ϝʔϧϘοΫεɺϝοηʔδ ✓ ಉछͷू߹ͱͯ͠ཧ͞ΕಘΔ ΞϓϦέʔγϣϯͷதͰ ✓
ڞ௨ͷΞΫγϣϯΛ͍࣋ͬͯΔ ʮมߋʯʮҠಈʯ 6*ϞσϦϯάʹ͓͍ͯϢʔβʔ͕ ҙ͍ࣝͯ͠Δҙ͖ࣝ֓͢೦͚ͩΛఆٛͰ͖͍ͯΕྑ͍
ϏϡʔͱφϏήʔγϣϯͷݕ౼
Ϗϡʔͷදݱ Ϗϡʔͷදݱʹ༷ʑͳܗ͕͋Γ·͕͢ɺେ͖͘ ʮίϨΫγϣϯʯͱʮγϯάϧʯͷೋ͕ͭ͋Γ·͢ ίϨΫγϣϯ γϯά ϧ ͻͱͭͷϏϡʔͷதʹ ಉछͷΦϒδΣΫτΛ ෳฒͯදࣔ͢Δͷ ௨ৗίϨΫγϣϯϏϡʔ
ͰɺΦϒδΣΫτ͕ ࣋ͭଐੑͷதͰॏཁͳ ͷ͚ͩΛදࣔ͢Δ ͻͱͭͷϏϡʔͰ ΦϒδΣΫτͻͱͭΛ දࣔ͢Δͷ ௨ৗίϨΫγϣϯΑΓ ଟ͘ͷଐੑΛදࣔ͢Δ
ϏϡʔͱφϏήʔγϣϯͷݕ౼ ΦϒδΣΫτ͕ͦΕͧΕͲͷΑ͏ͳ୯ҐͱॱংͰ Ϣʔβʔʹఏࣔ͞ΕΔ͖͔ΛɺϏϡʔͷؔͱͯ͠ݕ౼͢Δ ϝʔϧϘοΫε ΦϒδΣΫτ Ϟσϧ ϝοηʔδ ΦϒδΣΫτ ✳ ΠϯλϥΫγϣϯ
ʻίϨΫγϣϯʼ ϝʔϧϘοΫε Ұཡ ʻίϨΫγϣϯʼ ϝοηʔδ Ұཡ ʻγϯά ϧʼ ϝοηʔδ ৄࡉ Ϗϡʔ Ϗϡʔ Ϗϡʔ ։͘ ։͘
ϨΠΞτύλʔϯͷద༻
ϨΠΞτύλʔϯͷద༻ ΦϒδΣΫτͱͦͷϏϡʔ͕͓͓Αͦఆٛ͞ΕͨΒɺ ͦΕΒΛը໘্ͷϨΠΞτͱͯ͠ஔ͍͖ͯ͠·͢ ϨΠΞτํ๏λʔήοτσόΠεͷ ը໘αΠζʹΑͬͯมΘΓ·͢ $ $ 4 4 4
4 ϞόΠϧɾγϯά ϧϖΠϯ σεΫτοϓɾϚϧνϖΠϯ
ϓϨθϯςʔγϣϯʢσεΫτοϓʣ Ϗδωε .BJM ZZZZNNEEIINN 'SPNాॴஐ߂ ͓ੈʹͳΓ·͢ɻ
ϓϥΠϕʔτ ϑΝϛϦʔ Ҵ༿ೋZZZZNNEEIINN ాॴஐ߂ZZZZNNEEIINN ࠓઍਘZZZZNNEEIINN ࠓ߁ZZZZNNEEIINN ُஐZZZZNNEEIINN ຊଜ৴ZZZZNNEEIINN ా༞ೋZZZZNNEEIINN Ճ আ ৽ن ฦ৴ Ҡಈ আ $ $ 4 σεΫτοϓɾϚϧνϖΠϯ ը໘
ϞσϧͱϏϡʔͷ֓೦ਤʹՃ͑Δͱ ϝʔϧϘοΫε ΦϒδΣΫτ Ϟσϧ ϝοηʔδ ΦϒδΣΫτ ✳ ΠϯλϥΫγϣϯ ʻίϨΫγϣϯʼ ϝʔϧϘοΫε
Ұཡ ʻίϨΫγϣϯʼ ϝοηʔδ Ұཡ ʻγϯά ϧʼ ϝοηʔδ ৄࡉ Ϗϡʔ Ϗϡʔ Ϗϡʔ φϏήʔγϣϯ φϏήʔγϣϯ ը໘
Ϗδωε ฤू ϝʔϧϘοΫε ฤू ϓϨθϯςʔγϣϯʢϞόΠϧʣ 4 4 4 ϞόΠϧɾγϯά
ϧϖΠϯ ZZZZNNEEIINN 'SPNాॴஐ߂ ͓ੈʹͳΓ·͢ɻ Ϗδωε ϓϥΠϕʔτ ϑΝϛϦʔ ৽ن Ҵ༿ೋZZZZNNEEIINN ాॴஐ߂ZZZZNNEEIINN ࠓઍਘZZZZNNEEIINN ࠓ߁ZZZZNNEEIINN ُஐZZZZNNEEIINN ଜ৴ZZZZNNEEIINN ৽ن ৽ن ฦ৴ Ҡಈ আ ը໘ ը໘ ը໘
ϞσϧͱϏϡʔͷ֓೦ਤʹՃ͑Δͱ ϝʔϧϘοΫε ΦϒδΣΫτ Ϟσϧ ϝοηʔδ ΦϒδΣΫτ ✳ ΠϯλϥΫγϣϯ ʻίϨΫγϣϯʼ ϝʔϧϘοΫε
Ұཡ ʻίϨΫγϣϯʼ ϝοηʔδ Ұཡ ʻγϯά ϧʼ ϝοηʔδ ৄࡉ Ϗϡʔ Ϗϡʔ Ϗϡʔ φϏήʔγϣϯ φϏήʔγϣϯ ը໘ ը໘ ը໘
ϫʔΫΞτ
006*ઃܭͷجຊεςοϓ ɹɹɹɹɹΦϒδΣΫτͷఠग़ ɹɹɹɹɹϏϡʔͱφϏήʔγϣϯͷݕ౼ ɹɹɹɹɹϨΠΞτύλʔϯͷద༻ Ϟσϧ ΠϯλϥΫγϣϯ ϓϨθϯςʔγϣϯ
εςοϓdͲ͔͜Β࢝Ίͯྑ͍ ֤εςοϓΛߦ͖ͭΓͭ͠ͳ͕ΒਐΊΔͷ
ϫʔΫΞτɿجૅ CPTDI͞Μͷ ॴଐνʔϜΛ ֬ೝ͢Δ XBUTPO͞ΜΛ ϑϩϯτνʔ ϜʹՃ͢Δ LJE͞ΜΛϑ ϩϯτνʔϜ ͔Βআ͢Δ
ϑϩϯτνʔ ϜͷࣾһΛ֬ ೝ͢Δ ࣾһΛ৽نొ ͢Δ όοΫΤϯυ νʔϜͷհ จΛ֬ೝ͢Δ [FSP͞Μͷ ΦϯϥΠϯε ςʔλεΛ֬ ೝ͢Δ CVMM͞Μͷ࿈ བྷઌΛ֬ೝ͢ Δ ूதܕ ԼهͷλεΫ͔Βࣾһ໊ΞϓϦέʔγϣϯΛσβΠϯ͍ͯͩ͘͠͞
λεΫ͔Βʮ໊ࢺʯΛఠग़͢Δ CPTDI͞Μͷ ॴଐνʔϜΛ ֬ೝ͢Δ XBUTPO͞ΜΛ ϑϩϯτνʔ ϜʹՃ͢Δ LJE͞ΜΛϑ ϩϯτνʔϜ ͔Βআ͢Δ
ϑϩϯτνʔ ϜͷࣾһΛ֬ ೝ͢Δ ࣾһΛ৽نొ ͢Δ όοΫΤϯυ νʔϜͷհ จΛ֬ೝ͢Δ [FSP͞Μͷ ΦϯϥΠϯε ςʔλεΛ֬ ೝ͢Δ CVMM͞Μͷ࿈ བྷઌΛ֬ೝ͢ Δ
ʮ໊ࢺʯͱͦΕΒͷؔΛఠग़͢Δ CPTDI͞Μ ॴଐνʔϜ XBUTPO͞Μ ϑϩϯτνʔϜ LJE͞Μ ϑϩϯτνʔϜ [FSP͞Μ ΦϯϥΠϯεςʔλε ϑϩϯτνʔϜ
ࣾһ CVMM͞Μ ࿈བྷઌ όοΫΤϯυνʔϜ հจ
ʮ໊ࢺʯΛ൚Խ͠ɺཻΛଗ͑Δ ࣾһ νʔϜ ࣾһ νʔϜ ࣾһ νʔϜ ࣾһ ΦϯϥΠϯεςʔλε νʔϜ
ࣾһ ࣾһ ࿈བྷઌ νʔϜ հจ
ʮ໊ࢺʯͷؔੑΛͭͳ͛ɺ ΦϒδΣΫτΛಛఆ͢Δ ࣾһ νʔϜ ΦϯϥΠϯεςʔλε ࿈བྷઌ հจ
ࣾһ νʔϜ ΦϯϥΠϯεςʔλε ࿈བྷઌ հจ ΦϒδΣΫτͷதͰʮϝΠϯΦϒδΣΫ τʯʹͳΔͷΛಛఆ͢Δ ✳ ઢͰͭͳ͕ΕͨͭͷϝΠϯΦϒδΣΫτͷؒͰɺଟॏʹͳΔՄೳ ੑ͕͋Δͷͷଆʹʮ✳ʯΛ͚·͢
ΦϒδΣΫτͷఠग़ ࣾһ ࢯ໊ ΦϯϥΠϯεςʔ λε ࿈བྷઌ Ϟσϧ νʔϜ ໊শ հจ
✳ ϝΠϯΦϒδΣΫτ ϓϩύςΟ ΦϒδΣΫτΛࣝผͰ͖ΔΑ͏ʹ ʮ໊শࢯ໊ʯͱ͍͏ϓϩύςΟඞਢʹͳΔ
λεΫ͔ΒΞΫγϣϯΛݟ͚ͭΔ ࣾһ ࢯ໊ ΦϯϥΠϯεςʔ λε ࿈བྷઌ Ϟσϧ νʔϜ ໊শ հจ
✳ ϝΠϯΦϒδΣΫτ ϓϩύςΟ ΞΫγϣϯλεΫͷதͷಈࢺΛख͕͔Γʹ୳͠·͢ɻ ϝΠϯΦϒδΣΫτʹඥͮ͘ΞΫγϣϯ͚ͩΛ ໌Β͔ʹ͢Δ ৽نొ͢Δ ॴଐνʔϜΛՃ ॴଐνʔϜΛআ ৽نొ͢Δ ॴଐࣾһΛՃ ॴଐࣾһΛআ ΞΫγϣϯ
ϝΠϯΦϒδΣΫτʹʮίϨΫγϣ ϯʯʮγϯάϧʯͷϏϡʔΛ༩͑Δ ʻίϨΫγϣϯʼ ࣾһ ʻγϯάϧʼ ࣾһ ʻίϨΫγϣϯʼ νʔϜ ʻγϯά ϧʼ
νʔϜ
ʻίϨΫγϣϯʼ ࣾһ ʻγϯάϧʼ ࣾһ ʻίϨΫγϣϯʼ νʔϜ ʻγϯά ϧʼ νʔϜ ϏϡʔͱφϏήʔγϣϯͷݕ౼
ίϨΫγϣϯϏϡʔͱγϯάϧϏϡʔͷ ݺͼग़ؔ͠Λݕ౼͢Δɻ ࣾһ͚ͭͩͷνʔϜʹॴଐ͢ΔͷͱԾఆ
ϨΠΞτύλʔϯͷద༻ ΦϒδΣΫτͱఆٛͨ͠ϏϡʔΛݩʹɺ Ծఆͨ͠λʔήοτσόΠεͷϨΠΞτΛ ࣗͰߟ͑ͯΈ·͠ΐ͏ɻ ΦϒδΣΫτࢦ6*ʹదͨ͠ϨΠΞτύλʔϯΛࢀߟʹ ;͞Θ͍͠ͷΛద༻ͯ͠Έ͍ͯͩ͘͞
࠷ޙʹ
υϝΠϯϞσϧ͕ڞ௨ݴޠʹͳΔ υϝΠϯϞσϧ %%% 006* ϏδϡΞϧσβΠϯ ιϑτΣΞ։ൃ υϝΠϯۦಈઃܭ ΦϒδΣΫτࢦ6* σβΠφʔ ΤϯδχΞ
·ͱΊ ✴ 006*͜Ε·ͰϓϩηεԽݴޠԽ͞Ε͍ͯͳ͔ͬͨ ʢͨͿΜײ֮Ͱ͍ͬͯͨʣ6*ઃܭͷϕετϓϥΫ ςΟε͔͠Εͳ͍ ✴ ࣄۀମʹ͓͍ͯɺΦϒδΣΫτʢओཁͳ֓೦ʣม Խ͠ʹ͘͘ɺλεΫʢۀʣมԽ͍͢͠ɻ͔ͩΒ ͦ͜ɺෳࡶԽ͠ͳ͍ΦϒδΣΫτϕʔεͷ6*ߏɺ ຊ࣭ͱ͖߹͏͜ͱͷׂΛ୲͍ͬͯΔ
͓͠·͍ ʙ͓ർΕ༷Ͱͨ͠ʙ
More Decks by KeitaroOkamura
See All by KeitaroOkamura
Suspenseのユースケースを探る
keitarookamura
1
330
ヤギでもわかるソフトウェアテスト
keitarookamura
0
150
ヤギでもわかるGit入門
keitarookamura
1
300
ユースケースから考えるユーザビリティ
keitarookamura
1
240
サクッと簡単!お手軽 Scaffold
keitarookamura
1
330
自社サイトをPWA化した話
keitarookamura
0
140
CSS Animations vs WAAPI
keitarookamura
0
560
マイクロインタラクションから考えるアニメーション
keitarookamura
1
310
Vue.js+AtomicDesign
keitarookamura
2
2.8k
Other Decks in Design
See All in Design
AIが作るデザインの レビューコストと向き合って分かったこと. -正社員デザイナー1人の組織でデザインハーネスを立ち上げた話-
hidekiietaka
1
400
【Designship2026】「社内受託中心部署」から、事業とカルチャーを動かすデザイン組織へ
sugiyama_sukedachi
0
260
Findy - デザインチーム紹介 / Findy Design Team Culture Deck
findyinc
14
150k
RawrXD: The Sword
seanvraj_arts
0
250
ロゴマークは「象徴」だ! 〜JAWS FESTA in AKITA 2026のロゴマークに寄せて〜
hachihcah
0
310
デザインハーネス 〜AIが生成する"デザイン"の妥当性を、誰がどう担保するのか〜 / PdEConf2026 Design Harness
kgsi
14
23k
デザインレビューを「他者へのおすそわけ」に再定義し、たのしい場にする試み
webnaut
2
190
デザインハーネスをつくるハーネス|誰でも自社らしいデザインをつくれるようにする仕組み
katakai
0
1.5k
2026/8/20 Polaris15周年イベント 『共創の場をつくる』 〜 誰もが『心地よく暮らし、心地よくはたらく』ことを選択できる社会へ 〜 関係性から地域をつくりなおす共創の土壌づくり〜リビングラボの事例を通じて〜
a2k
0
140
富山デザイン勉強会_生成AIを使ったデザイン制作2026最新版.pdf
keita_yoshikawa
0
210
トランジションの冒険 自分と世界を変える冒険の書 / Transition Adventure
dmattsun
2
910
作品が生まれ続けるコミュニティデザイン ― 研究室でも会社でもないサードプレイス ― / designship26-iwaken
iwaken71
0
220
Featured
See All Featured
brightonSEO & MeasureFest 2025 - Winning Strategies for Black Friday CRO & PPC - Christian Goodrich
cargoodrich
3
890
Principles of Awesome APIs and How to Build Them.
keavy
128
18k
[SF Ruby Conf 2025] Rails X
palkan
3
1.5k
The Pragmatic Product Professional
lauravandoore
37
7.5k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
203
77k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
23k
How to Talk to Developers About Accessibility
jct
2
620
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
techseoconnect
PRO
0
480
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
2
780
Abbi's Birthday
coloredviolet
5
11k
Deep Space Network (abreviated)
tonyrice
0
410
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
1.4k