Atomic Designを 導入する理由と悩み
by
sakito
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
"UPNJD%FTJHOΛ ಋೖ͢Δཧ༝ͱΈ ୈ̍ճ"UPNJD%FTJHOʹ͍ͭͯߟ͑Δձ
Slide 2
Slide 2 text
5XJUUFSɿ!@@TBLJUP@@ 'SPOU&OE&OHJOFFS 3FBDU XFCQBDL (BUTCZ+4
Slide 3
Slide 3 text
ࠓ͢͜ͱɾ͞ͳ͍͜ͱ
Slide 4
Slide 4 text
ࠓ͢͜ͱɾ͞ͳ͍͜ͱ ͢͜ͱ w"UPNJD%FTJHOΛͳͥಋೖͨ͠ͷ͔ w"UPNJD%FTJHOΛಋೖͯ͠ɺ ͲΜͳΈΛ๊͍͑ͯΔͷ͔ ͞ͳ͍͜ͱ ɾ"UPNJD%FTJHOͱ ɾ"UPNJD%FTJHOͷ࣮
Slide 5
Slide 5 text
͜Ε͔Β"UPNJD%FTJHOΛ ಋೖ͢ΔਓͷࢀߟʹͳΕ͍
Slide 6
Slide 6 text
"UPNJD%FTJHOΛͳͥಋೖͨ͠ͷ͔
Slide 7
Slide 7 text
ͲͷཻͰίϯϙʔωϯτׂ͢Δʁ
Slide 8
Slide 8 text
ͲͷཻͰίϯϙʔωϯτׂ͢Δʁ wΞΠίϯͱςΩετΛ͚Δ wΞΠίϯͱςΩετҰॹ wݕࡧϑΥʔϜͱݕࡧΞΠίϯผɾɾɾ ͳͲෳߟ͑ΒΕΔ
Slide 9
Slide 9 text
ίϯϙʔωϯτׂ͕ݸਓґଘͩͬͨ wίϯϙʔωϯτׂͷࢦඪ͕ͳ͍1+ͩͬͨ wνʔϜਓ͕ଟ͘ɺฏߦ։ൃΛߦ͍ͬͯͨ wίϯϙʔωϯτͷཻ͕ݸਓݸਓͰόϥόϥͩͬͨɹ ɾߦҎ্ʹͳΔίϯϙʔωϯτരɹ w13Ͱίϯϙʔωϯτׂʹ͍ͭͯɺ ᐆດͳࢦఠ͕ߦΘΕΔ
Slide 10
Slide 10 text
ͦ͜Ͱ"UPNJD%FTJHOΛಋೖ
Slide 11
Slide 11 text
ίϯϙʔωϯτࢦඪ͕Ͱ͖ͨ w"UPNɺ.PMFDVMFTɺ0SHBOJTNTɺ 5FNQMBUFTɺ1BHFTͱ͍͏ࢦඪ͕Ͱ͖ͨ wίϯϙʔωϯτ࣮࣌ʹɺݸਓґଘͳߟ͕͑ݮͬͨ wࢦඪ͕͋ΔͷͰɺํͷίϛϡχέʔγϣϯ͕ԁʹ wͭͷίϯϙʔωϯτ͕ڊେԽ͢Δ͜ͱͳ͘ͳͬͨ
Slide 12
Slide 12 text
"UPNJD%FTJHO ͯ͢ղܾͯ͘͠ΕΔΘ͚Ͱͳ͍
Slide 13
Slide 13 text
"UPNJD%FTJHOΛಋೖͯ͠ɺ ͲΜͳΈΛ๊͍͑ͯΔͷ͔
Slide 14
Slide 14 text
"UPNJD%FTJHOΛಋೖͯ͠ɺ ͲΜͳΈΛ๊͍͑ͯΔͷ͔ w1BHFTͱ0SHBOJTNTͲͷ୯ҐͰɺ 3FEVYΛDPOOFDU͢Δͷ͔ w"UPNͳͷ͔ɺ.PMFDVMFTͳͷ͔ͷཻʹؔ͢Δٞඞཁ wϑϩϯτΤϯυ͚ͩ"UPNJD%FTJHOΛಋೖͯ͠μϝ ɾσβΠφʔͷΞτϓοτՌͱ ཻͷೝ͕͍ࣝ͋ͬͯͳ͍͜ͱ͕Ͱ͖ͯͨ ɾσβΠϯγεςϜͷఏڙ͢Δίϯϙʔωϯτͱ ɹίϯϙʔωϯτཻ͕ҧ͏
Slide 15
Slide 15 text
·ͱΊ
Slide 16
Slide 16 text
·ͱΊ w"UPNJD%FTJHOۜͷؙͰͳ͍ wσβΠφʔϑϩϯτΤϯυͰ ίϛϡχέʔγϣϯີʹऔΔେࣄ͞มΘΒͳ͍ wΉ͠Ζίϛϡχέʔγϣϯ૿͞ͳ͍ͱ͍͚ͳ͍ w"UPNJD%FTJHOͷϧʔϧɺॊೈʹมߋͯ͠ νʔϜʹϑΟοτͨ͠ܗʹม͑Δ͜ͱେࣄ
Slide 17
Slide 17 text
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠