複雑なアプリケーションにオブジェクト指向UIで立ち向かう

C379c8114303ccb963d46beda90c84c4?s=47 cawpea
February 14, 2018
Design
27
91k

 複雑なアプリケーションにオブジェクト指向UIで立ち向かう

Goodpatch Engineer Meetup Vol.4で発表した資料です。
https://goodpatch.connpass.com/event/77080/

C379c8114303ccb963d46beda90c84c4?s=128

cawpea

February 14, 2018
Tweet

More Decks by cawpea

See All by cawpea
C379c8114303ccb963d46beda90c84c4?s=48 masakiohsumi
8
7.2k
C379c8114303ccb963d46beda90c84c4?s=48 masakiohsumi
5
3.8k
C379c8114303ccb963d46beda90c84c4?s=48 masakiohsumi
7
3.7k

Other Decks in Design

See All in Design
003ca3e9ecb038b73fd153efb08ee005?s=48 thompmor
0
220
11ec9eb1e359f8eaf5146af81c9bf418?s=48 sinapinc
2
170
92151711459a4e3a191f791238f6259d?s=48 chiemitaki
2
520
0eb7b7e396243e93a186ba20649d9aa6?s=48 akiramotomura
3
170
03b94ab7c6fc1a56632bd27feceb1817?s=48 cduc
0
130
Cf9808b306096a913709da756edeb665?s=48 uxevents
0
110
362300e15ba385af5ad8275335120362?s=48 meecho
0
620
E8357bc2fb46be7f584d4ec88eb23b0e?s=48 tallychyck
1
170
Cf9808b306096a913709da756edeb665?s=48 uxevents
0
100
611d5744afc7a95add674225bc6b19b7?s=48 kamera25
2
180
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
1
18k
981ed7f53e9d180eebe70263745410d5?s=48 sekisatoko
1
2.6k

Featured

See All Featured
Bfd6b681ec6e8c9bef82ff0521c364f7?s=48 kastner
52
1.8k
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
5
540
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
775
240k
Ded01cdab114abe4ec13511e4c25b9bb?s=48 andyhume
60
2.4k
Dad095ea7038f89f760419ce475d5d14?s=48 michaelherold
224
8.3k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
85
8.4k
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
113
7k
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1019
370k
Dafc4723e9a1c067796c0fec6f509774?s=48 lemiorhan
622
40k
5b9fe87ec1faa67a4599782930f45ec9?s=48 sstephenson
144
12k
168ccec72eee0530b818d44f3fedaacf?s=48 shlominoach
175
7.2k
9fa239b3154a0169d99ab7bf1422dd12?s=48 marcelosomers
220
14k

Transcript

  1. ෳࡶͳΞϓϦέʔγϣϯʹ ΦϒδΣΫτࢦ޲6*Ͱཱͪ޲͔͏

  2. େ֯কً.BTBLJ0ITVNJ 'SPOUFOE%FWFMPQFS !N@PITVNJ NBTBLJPITVNJ

  3. None

  4. ͱ͋ΔΞϓϦέʔγϣϯͰ๊͍͑ͯͨ೰Έ

  5. αΠτͷಋઢɺػೳ͕ෳࡶͰ ϚχϡΞϧΛݟͳ͍ͱ࢖͍͜ͳͤͳ͍

  6. ϚχϡΞϧ͕ແͯ͘΋࢖͑Δ΋ͷ

  7. Ҿ༻ݩɿIUUQCMVFTQFBLFSKQEPXOMPBETXBMMQBQFSXPPETIFMGIUNM

  8. Ҿ༻ݩɿIUUQCMVFTQFBLFSKQEPXOMPBETXBMMQBQFSXPPETIFMGIUNM J1IPOFͷֶशޮ཰͕ߴ͍ͷ͸ͦͷ6*͕ΦϒδΣΫτϕʔεͰ ઃܭ͞Ε͍ͯΔ͔ΒͰ͢ɻͭ·ΓϞʔυϨεͰ͋Δ͜ͱ͕େ͖ ͳϑΝΫλʔʹͳ͍ͬͯ·͢ɻ༏Εͨ (6* ΞϓϦέʔγϣϯ ʹରͯ͠Ϣʔβʔ͕ʮϚχϡΞϧΛಡ·ͳͯ͘΋࢖͑Δʯͱײ ͡Δͷͩͱ͢Ε͹ɺͦΕ͸खॱ͕֮͑΍͍͔͢ΒͰ͸ͳ͘ɺ ͦ΋ͦ΋ܾ·ͬͨखॱ͕ແ͍͔ΒͳͷͰ͢ɻ OOUX

    – ΦϒδΣΫτϕʔεͷUIϞσϦϯά

  9. 6*ͷجຊ λεΫϕʔεͱΦϒδΣΫτϕʔε

  10. $6* ಈࢺ‎໊ࢺͷߏจ (6* ໊ࢺ‎ಈࢺͷߏจ λεΫϕʔε ΦϒδΣΫτϕʔε ྫSNd%FTLUPQTBNQMFUYU ྫTBNQMFUYUΛબ୒ͯ͠ΰϛശʹҠಈ

  11. Ϣʔβʔ͸ΞΫγϣϯ͝ͱʹ࣮ߦॱংΛ֮͑Δඞཁ͕͋Δ λεΫϕʔεͰ࡞ΒΕͨΞϓϦέʔγϣϯͷྫ ࠶ੜ ࣸਅҰཡ ࣸਅৄࡉ ฤू ࣸਅҰཡ ࣸਅฤू ফڈ ࣸਅҰཡ

    ࣸਅ࡟আ ΞΫγϣϯʢಈࢺʣΛબ୒ͨ͠ޙʹࣸਅʢ໊ࢺʣΛબ୒͢Δ ΦϦϯύεϛϡʔͷϝχϡʔ

  12. ࣸਅҰཡ ࣸਅৄࡉ μ΢ϯϩʔυ ฤू ΦϒδΣΫτϕʔεͰ࡞ΒΕͨΞϓϦέʔγϣϯͷྫ Ϣʔβʔ͸࠷ॳʹର৅෺ΛબͼɺͦΕʹରԠ͢ΔΞΫγϣϯΛࣗ༝ʹબ୒Ͱ͖Δ ࣸਅʢ໊ࢺʣΛબ୒ͨ͠ޙʹΞΫγϣϯʢಈࢺʣΛબ୒͢Δ %SPQCPYͷ8FC্ͷࣸਅҰཡ ࡟আ

  13. ΦϒδΣΫτϕʔεͷ6*͸ϢʔβʔΛϞʔυ͔Βղ์͠ɺ զʑ͕ಓ۩ͷ࢖͍ํʹ͍ؔͯ࣋ͬͯ͠Δجຊతͳϝϯλϧ ϞσϧΛ൓ө͠·͢ɻఝΛଧͭ࣌ɺզʑ͸·ͣϋϯϚʔΛ ࣋ͪɺͦΕ͔ΒৼΓԼΖ͠·͢ɻৼΓԼΖ͔ͯ͠ΒϋϯϚʔ Λ࣋ͭਓ͸͍ͳ͍ͷͰ͢ɻ l z OOUX – ΦϒδΣΫτϕʔεͷUIϞσϦϯά

  14. ΦϒδΣΫτϕʔεͰ6*Λઃܭ͢Δ

  15. Ϣʔβʔͷؔ৺ͷର৅Ͱ͋ΔΦϒδΣΫτΛΫϥεͱͯ͠ ఆٛ͠ɺͦΕΛͦͷ··εΫϦʔϯʹొ৔ͤ͞ΔͷͰ͢ɻ $PVOUFSQBSUc.PEFMFTTBOE.PEBM l z

  16. ΦϒδΣΫτͱ͸lϢʔβʔͷؔ৺ࣄz

  17. ࣗ෼ͷϝοηʔδΛ౤ߘ͍ͨ͠ ΈΜͳͷϝοηʔδΛӾཡ͍ͨ͠ ୭͔ͷϝοηʔδΛڞ༗͍ͨ͠ ͨͱ͑͹ɺ5XJUUFSͷzϢʔβʔͷؔ৺ࣄz͸Կ͔ʁ

  18. ໊ࢺ͸ΦϒδΣΫτͱͯ͠நग़Ͱ͖Δ ࣗ෼ͷϝοηʔδΛ౤ߘ͍ͨ͠ ΈΜͳͷϝοηʔδΛӾཡ͍ͨ͠ ୭͔ͷϝοηʔδΛڞ༗͍ͨ͠ lϢʔβʔz ΦϒδΣΫτ lϝοηʔδz ΦϒδΣΫτ

  19. ࣗ෼ͷϝοηʔδΛ౤ߘ͍ͨ͠ ΈΜͳͷϝοηʔδΛӾཡ͍ͨ͠ ୭͔ͷϝοηʔδΛڞ༗͍ͨ͠ ಈࢺ͸ΞΫγϣϯͱͯ͠நग़Ͱ͖Δ l౤ߘzɺzӾཡzɺzڞ༗z ΞΫγϣϯ

  20. நग़͞ΕͨΦϒδΣΫτͱΞΫγϣϯ ΦϒδΣΫτ ΞΫγϣϯ ຊ࣭త ݱ৅త Ϣʔβʔ ϝοηʔδ ౤ߘ Ӿཡ ڞ༗

    ΦϒδΣΫτ͸มΘΓʹ͘͘ɺΞΫγϣϯ͸มΘΓ΍͍͢

  21. 㲔 ΦϒδΣΫτΛϕʔεʹ6*ϞσϧΛઃܭ͢Δ ΦϒδΣΫτ Ϗϡʔ ϝοηʔδ Ϣʔβʔ ϝοηʔδҰཡ ϝοηʔδͷ ίϨΫγϣϯ ϝοηʔδৄࡉ

    ɾϝοηʔδͷ಺༰ ɾϦπΠʔτ਺ ɾ͍͍Ͷ਺ Ϣʔβʔৄࡉ ɾ໊લ ɾϓϩϑΟʔϧը૾ ɾ౤ߘͨ͠ϝοηʔδ ڞ༗ɺ࡟আ ฤू ৽ن౤ߘ

  22. 6*ϞσϧΛϕʔεʹϫΠϠʔϑϨʔϜΛߟ͑Δ 6TFSOBNF ϝοηʔδҰཡ ϝοηʔδͷ ίϨΫγϣϯ ϝοηʔδৄࡉ w ϝοηʔδͷ಺༰ w ϦπΠʔτ਺

    ʜ Ϣʔβʔৄࡉ w ໊લ w ϓϩϑΟʔϧը૾ ʜ

  23. 6*ϞσϧΛϕʔεʹϫΠϠʔϑϨʔϜΛߟ͑Δ 6TFSOBNF ϝοηʔδҰཡ ϝοηʔδͷ ίϨΫγϣϯ ϝοηʔδৄࡉ w ϝοηʔδͷ಺༰ w ϦπΠʔτ਺

    ʜ Ϣʔβʔৄࡉ w ໊લ w ϓϩϑΟʔϧը૾ ʜ ΦϒδΣΫτΛϕʔεʹ৘ใઃܭ͢ΔࣄʹΑͬͯ ޮ཰తͰແବͷͳ͍6*Λߟ͑΍͘͢ͳΔ

  24. ΦϒδΣΫτࢦ޲6*͕ ΤϯδχΞϦϯάʹ΋ͨΒ͢΋ͷ

  25. λεΫϕʔεͷ6* ϝοηʔδฤू ϝοηʔδҰཡ" σʔλ ϢʔβʔΠϯλʔϑΣʔε ‎ ϝοηʔδ࡟আ ϝοηʔδҰཡ# ‎ औಘ

    \ NFTTBHFT< \JE CPEZlGPPz^  \JE CPEZlCBSz^  \JE CPEZlCB[z^ > ^ औಘ

  26. ΦϒδΣΫτϕʔεͷ6* ϝοηʔδҰཡ ϝοηʔδฤू σʔλ ϢʔβʔΠϯλʔϑΣʔε ‎ ϝοηʔδ࡟আ औಘ \ NFTTBHFT<

    \JE CPEZlGPPz^  \JE CPEZlCBSz^  \JE CPEZlCB[z^ > ^ ‎ ػೳ௥Ճ ‎

  27. ΦϒδΣΫτϕʔεͷ6* ϝοηʔδҰཡ ϝοηʔδฤू σʔλ ϢʔβʔΠϯλʔϑΣʔε ‎ ϝοηʔδ࡟আ औಘ \ NFTTBHFT<

    \JE CPEZlGPPz^  \JE CPEZlCBSz^  \JE CPEZlCB[z^ > ^ ‎ ػೳ௥Ճ ‎ ΦϒδΣΫτϕʔεͷ6*͸σʔλͷ൓ө͕ ௚઀త͔ͭن໛͕େ͖͘ͳͬͯ΋ෳࡶԽ͠ʹ͘͘ͳΔ

  28. ˓˓ը໘ͷ࣌ͷ˚˚ϘλϯͷσβΠϯΛมߋ ͯ͠΋͍͍Ͱ͔͢ʁ ˚˚Ϙλϯ͸ผͷը໘Ͱ΋࢖ͬͯ·͕͢ɺ ͦ͜΋มߋ͍͍ͯ͠Ͱ͔͢ʜʁ σβΠφʔ ΤϯδχΞ σβΠϯΛมߋ͢Δ࣌ʹ࣌ં͋Δޫܠ ͳΔ΄Ͳʜɻͪΐͬͱ֬ೝ͠·͢ɻ σβΠφʔ

  29. σβΠϯ͕෦෼తʹ͔͠ߟ͑ΒΕ͓ͯΒͣɺ֬ೝʹख͕͔͔ؒΔ σβΠφʔͱೝ͕ࣝ߹Θͣɺͦ΋ͦ΋࿦͕ల։͞ΕΔ ࣮૷ޙʹߟྀ࿙Ε͕ൃ֮͠ɺۓٸରԠ͕ൃੜ͢Δ 6*͕ෳࡶͳ࣌ʹى͜Γ͕ͪͳ໰୊ͨͪ  ʁ

  30. σβΠϯ͕෦෼తʹ͔͠ߟ͑ΒΕ͓ͯΒͣɺ֬ೝʹख͕͔͔ؒΔ σβΠφʔͱೝ͕ࣝ߹Θͣɺͦ΋ͦ΋࿦͕ల։͞ΕΔ ࣮૷ޙʹߟྀ࿙Ε͕ൃ֮͠ɺۓٸରԠ͕ൃੜ͢Δ 6*͕ෳࡶͳ࣌ʹى͜Γ͕ͪͳ໰୊ͨͪ  ʁ 6*ͷෳࡶੑΛഉআ͢ΔࣄͰ ΤϯδχΞͱσβΠφʔͷ ίϛϡχέʔγϣϯΛԁ׈ʹ͢Δ

  31. ·ͱΊ

  32. w ΦϒδΣΫτΛ·ͣબ୒ͤ͞ΔࣄͰɺϞʔυϨεͰࣗવͳ6*ʹͳΔ w ΦϒδΣΫτͰ੔ཧ͢ΔࣄʹΑͬͯແବͷͳ͍6*Λߟ͑΍͘͢ͳΔ σβΠϯతଆ໘ ٕज़తଆ໘ w 6*ͱσʔλͷॲཧ͕௚઀తʹͳΓɺίʔυ͕ෳࡶԽ͠ʹ͍͘ w 6*ͷෳࡶੑΛഉআ͢ΔࣄͰσβΠφʔͱڠಇ͠΍͘͢ͳΔ

    ΦϒδΣΫτࢦ޲తʹઃܭͰ͖Δ͔ߟ͑Α͏

  33. ΤϯδχΞ΋σβΠϯʹؔ৺Λ࣋ͬͯɺ ྑ͍Ϟϊ࡞͍͖ͬͯ·͠ΐ͏ɻ

  34. 5IBOLTGPSZPVSBUUFOUJPO