CLINICS DLS - 凡事徹底デザイン言語システムのご紹介 -

by Medley Inc.

Slide 1

Slide 1 text

ຌࣄపఈσβΠϯݴޠγεςϜͷ͝঺հ CLINICS DLS .FEMFZ *OD ,VOJPSJ.BFEB!+VOF

Slide 2

Slide 2 text

CLINICS DLS ࣗݾ঺հ ϚΤμΫχΦϦ σβΠϯ ' ྟػԠมϚϯ #008: ώϜϩοΫ .49 ΞΠϧτϯɾηφ ߏ੒ཁૉ ೥ͷࡀ݄ َՇ ਓͷࢠͲ΋ Ϗʔϧ ABOUT DLS

Slide 3

Slide 3 text

%-4ͱ͸ CLINICS DLS ABOUT DLS

Slide 4

Slide 4 text

Design Language System CLINICS DLS ABOUT DLS

Slide 5

Slide 5 text

σβΠϯݴޠΛى఺ͱͨ͠ɺڞ௨ೝ͕ࣝ΋ͯΔ6*ઃܭͷߏங΁ CLINICS DLS ABOUT DLS Design Language System

Slide 6

Slide 6 text

CLINICS DLS ABOUT DLS "JSCOCͰ͸ɺ%FTJHO-BOHVBHF4ZTUFNͱ͍͏ͷΛӡ༻͍ͯ͠Δͱ͍͏ͷΛ஌Δ ͜Μͳײ͡ͷσβΠϯΨΠυϥΠϯతͳ΋ͷ airbnb సࡌɿ

Slide 7

Slide 7 text

8IZ6TF%-4 σβΠϯγεςϜ͕ඞཁͳཧ༝ CLINICS DLS ABOUT DLS

Slide 8

Slide 8 text

CLINICS DLS ABOUT DLS $-*/*$4͸σόΠεͰల։ 8FC J04 "OESPJE

Slide 9

Slide 9 text

8FC J04 "OESPJE ͜Ε·Ͱͷ՝୊ CLINICS DLS ABOUT DLS ಉҰαʔϏεͰ͋Γͳ͕ΒɺσόΠεຖͷ6*ʹ͕ࠩੜ͍ͯ͡Δɻ ୲౰ΤϯδχΞຖʹ6*ͷղऍ͕ҧ͏ɻ σβΠϯ͕ఆ·ͬͯͳ͍ͨΊɺ࣮૷ޙͷख໭Γ͕ੜ͍ͯͨ͡ɻ

Slide 10

Slide 10 text

CLINICS DLS ABOUT DLS 6*ύʔπΛ੔ཧ্ͨ͠Ͱɺػೳ࣮૷͍ͨ͠ɻ ੔ཧ͢ΔͨΊͷσβΠϯΛ͍ͨ͠ɻ 1IPUPCZ্࢙࠷΋ඒ͍͠ΫʔϖQFVHFPUDPVQF

Slide 11

Slide 11 text

CLINICS DLS ABOUT DLS "JSCOCͰ͸ɺ%FTJHO-BOHVBHF4ZTUFNͱ͍͏ͷΛӡ༻͍ͯ͠Δͱ͍͏ͷΛ஌Δ ΍͸Γɺ͜ΕΛͭ͘Δ͔͠ͳ͍ airbnb సࡌɿ

Slide 12

Slide 12 text

CLINICS DLS ABOUT DLS ͔͠͠ɺલా͸σβΠφʔ͚ͩͲ΋ σβΠϯΨΠυϥΠϯ͖ͯͳͷ͕ݏ͍Ͱ͢ɻ

Slide 13

Slide 13 text

CLINICS DLS ABOUT DLS ୯ʹσβΠϯΨΠυϥΠϯΛ࡞Δ͚ͩͩͱ ͦͷޙͷӡ༻Ͱ׆༻͞Εͨࢼ͕͠ͳ͍͔Β ͳͥͳΒ ʢϚΤμͷ৔߹ʣ

Slide 14

Slide 14 text

CLINICS DLS ABOUT DLS Airbnbͷ։ൃऀͨͪ͸ɺͲͷΑ͏ʹӡ༻͍ͯ͠Δͷ͔….

Slide 15

Slide 15 text

CLINICS DLS ABOUT DLS σβΠϯݴޠ͸ɺଞͷݴޠͱಉ༷Ͱ͢ɻ σβΠϯݴޠΛڞ༗͠ɺͦΕΛ࢖༻͢Δ͢΂ͯͷਓ͕ཧղͰ͖ͳ͍৔߹ɺޡղ͕ੜ͡·͢ɻ

Slide 16

Slide 16 text

CLINICS DLS ABOUT DLS σβΠϯݴޠͱίʔυ͸͠͹͠͹ڞ༗͞ΕΔͨΊɺ΄΅ಉ࣌ʹɺ͢΂ͯͷωΠςΟϒϓϥοτϑΥʔ ϜͰػೳΛߏஙͯ͠ϦϦʔε͢Δ͜ͱ͕Ͱ͖·͢ɻϓϩμΫτΤϯδχΞ͸ϏϡʔίʔυͰ͸ͳ͘ػೳ ϩδοΫͷ࡞੒ʹઐ೦Ͱ͖ΔͨΊɺ։ൃ͸Ұൠతʹߴ଎Ͱ͢ɻ ͞ΒʹɺΤϯδχΞͱઃܭऀ͸ڞ௨ݴ ޠΛڞ༗͠·͢ɻ σβΠφʔ΋γεςϜʹڵฃ͍ͯ͠·ͨ͠ɻ ͜ΕʹΑΓɺύσΟϯά ɺΧϥʔɺλΠϓͷબ୒Ͱ͸ͳ ͘ɺσβΠϯͷ࣮ࡍͷίϯηϓτ΍ܦݧʹয఺Λ౰ͯͨ੡඼ϨϏϡʔ͕ՄೳʹͳΓ·͢ɻ DLS͸Ϗ δϡΞϧελΠϧΛڞ༗͠ɺ୯ҰͷγεςϜ΁ͷߩݙΛ߹ཧԽ͠·͢ɻ ͜ͷγεςϜʹΑΓɺࢲͨͪ શһ͕ΞΠσΞͷϓϩτλΠϓԽ΍࣮ݧΛૉૣ͘௿ίετͰߴਫ਼౓Ͱߦ͑ΔΑ͏ʹͳΓ·͢ɻ ࢲ͸ɺ͜ΕΒͷγεςϜΛࢧԉͯ͠ɺࢲ͕ͨͪকདྷతʹ࡞Γ͍࣮ͨࡍͷϢʔβʔΤΫεϖϦΤϯε΍ ίϯηϓτʹ΋ͬͱूதͰ͖Δͱ৴͍ͯ͡·͢ɻ

Slide 17

Slide 17 text

CLINICS DLS ABOUT DLS ͪΌΜͱ੍໿Λͭ͘Γɺܧଓతʹӡ༻͞ΕΔ΋ͷɻ %-4Λى఺ͱͯ͠6*͕ߏங͞ΕΔঢ়ଶ΁

Slide 18

Slide 18 text

CLINICS DLS ABOUT DLS σβΠϯΨΠυϥΠϯ Y γεςϜ࣮૷ͷίϯϙʔωϯτઃܭ Design x Technology

Slide 19

Slide 19 text

CLINICS DLS ABOUT DLS σβΠϯΨΠυϥΠϯ Y γεςϜ࣮૷ͷίϯϙʔωϯτઃܭ Design x Technology

Slide 20

Slide 20 text

CLINICS DLS ABOUT DLS "OESPJE

Slide 21

Slide 21 text

CLINICS DLS ABOUT DLS J04

Slide 22

Slide 22 text

CLINICS DLS ABOUT DLS Ұ౓ίϯϙʔωϯτઃܭΛͯ͠͠·͑͹ɺ ύοσΟϯά΍ΧϥʔɺجຊϨΠΞ΢τ͸ߟ͑ͳͯ͘΋ %-4ʹैͬͨσβΠϯ͕ߏங͞ΕΔ

Slide 23

Slide 23 text

CLINICS DLS ABOUT DLS ͳʹΛ໨ࢦ͔ͨ͠ͱ͍͏ͱɻ

Slide 24

Slide 24 text

CLINICS DLS ABOUT DLS σβΠϯϧʔϧͷࡦఆ

Slide 25

Slide 25 text

CLINICS DLS ABOUT DLS σβΠϯϧʔϧͷࡦఆ Ͱ͸ͳ͘

Slide 26

Slide 26 text

CLINICS DLS ABOUT DLS σβΠϯΛߟ͑Δ࣌ؒΛݮΒͯ͠΋Ұ؏ͨ͠඼࣭Λ୲อ͠ɺ ػೳ࣮૷͕εϐʔσΟʹߦ͑Δঢ়ଶʹ͢Δ

Slide 27

Slide 27 text

CLINICS DLS ABOUT DLS ݁Ռͱͯ͠ɺαʔϏεͷ69ΛߴΊΔ͜ͱʹ஫ྗͰ͖Δ

Slide 28

Slide 28 text

CLINICS DLS ABOUT DLS %-4ར༻ऀʹΠϯλϏϡʔͯ͠Έ·ͨ͠ɻ

Slide 29

Slide 29 text

CLINICS DLS ABOUT DLS ࣮૷࣌ʹؾΛ͚ͭͨ఺ ɾશը໘ͷॻ͖׵͑Λ͠ͳͯ͘͸ͳΒͳ͍ͷͰɺͦ͜Β΁ΜΛؾΛ͚ͭͨɻDLS͍ͬͯ͏Θ͚͡Όͳ͍͚Ͳɻ ಋೖલޙͰҙ͕ࣝมΘͬͨ఺ͳͲ͋Δ͔ɻ ɾͦ΋ͦ΋ϧʔϧ͕ͭ͘ΒΕͯͳ͔͔ͬͨΒɺσβΠϯϑΝΠϧݟͳͯ͘΋UI૊ΈཱͯΒΕΔͷͰɺ࡞ۀޮ཰͕Α͘ͳͬͨɻ ɾ৽͍͠ը໘΋͍··ͰͷύʔπΛྲྀ༻͔ͯͭ͑͠Δɻ ɾWEBͱ͔΋͜͏͍͏ͷ͕Ͱ͖ͨͷ͕ɺ͋ͨΓ·͑ͩͬͨͷͰ౰ͨΓલͳঢ়ଶʹͳͬͨ͜ͱ͕Α͔ͬͨɻ ɾωΠςΟϰͬͯҙຯͰ͍͏ͱɺωΠςΟϒͬͯҙຯͰ͍͏ͱʢͳ͔ͥ̎౓ݴ͏ʣOSಠࣗͷUIͷ֓೦ͷҧ͍͸͋ΔͷͰɺ ɹͦΕΛؚΊͨڞ௨ೝ͕ࣝͰ͖Δͱ΋ͬͱ͍͍͔ͳͬͯײ͔͡ͳʁwebʹ΋ੜ͖Δͱ͍͍ΑͶɻ ಋೖͯ͠Α͔ͬͨ఺ ɾࠩ෼͕ͳ͘ͳͬͨɻAndroidͱiOSͷUIύʔπͷࠩ෼͕ͳ͘ͳͬͨͷ͸ɺΑ͔ͬͨɻ ɾϝΠϯͷύʔπͷ͕ࠩͳ͘ͳͬͨ͜ͱͰɺ࿩Λ͠΍͘͢ͳͬͨɻڞ௨ೝࣝ΋ͪ΍͘͢ͳͬͨɻ Android Engineer

Slide 30

Slide 30 text

CLINICS DLS ABOUT DLS ࣮૷࣌ʹؾΛ͚ͭͨ఺ ɾCLASS໊Λ͋ͯΔ͚ͩͰɺStoryboardͰUIύʔπΛ֬ೝͰ͖ΔΑ͏ʹ࣮૷ͨ͠ɻ ɾϚʔδϯͳͲͷϧʔϧ͸ɺύʔπ୯ҐͰ࣋ͨͤΔ͜ͱʹΑΓɺύʔπͷ૊Έ߹Θ͚ͤͩͰͦΕͳΓʹϨΠΞ΢τ͕૊ΊΔঢ়ଶʹͳͬͨɻ ಋೖલޙͰҙ͕ࣝมΘͬͨ఺ͳͲ͋Δ͔ɻ ɾσβΠϯ෦෼ʹ͍ͭͯɺߟ͑Δඞཁ͕ͳ͘ͳͬͨɻ ɾͱ͘ʹϚʔδϯͱ͔ɺ͜Ε·ͰݸผͰߟ͑ͯͨͷ͕ɺDLSͷج४ʹ͕ͨ͠͏͜ͱͰɺޮ཰తʹͳͬͨɻ ಋೖͯ͠Α͔ͬͨ఺ ɾύʔπԽͨ͜͠ͱͰɺ࣮૷ࣗମޮ཰͖ͯʹͳͬͨɻ ɾࣅͨΑ͏ͳը໘΋͢΂ͯݸผʹͭͬͯͨ͘ͷͰɺҰՕॴ͔͑ͨΒશ෦ม͑ΒΕΔΑ͏ʹͳͬͨͷ͸ྑ͔ͬͨɻ iOS Engineer

Slide 31

Slide 31 text

Slide 32

Slide 32 text

8FC J04 "OESPJE %-4࣮૷ޙ CLINICS DLS ABOUT DLS σόΠεຖͷ6*ͷࠩΛͳͤͨ͘ɻ ୲౰ΤϯδχΞಉ࢜Ͱίϛϡχέʔγϣϯ͕׆ൃʹͳΓɺ 6*ઃܭʹ͓͍ͯڞ௨ೝࣝΛ࣋ͯΔΑ͏ʹͳͬͨɻ σβΠϯ͕ఆ·Γɺ࣮૷ޙͷख໭Γ͕ܹݮͨ͠ɻ

Slide 33

Slide 33 text

CLINICS DLS ABOUT DLS σβΠϯݴޠͱ͸ɺ·͞ʹ σβΠϯΛ௨ͯ͡ίϛϡχέʔγϣϯ͕औΕΔ ͦΜͳૉఢͳγεςϜͰͨ͠ɻ

Slide 34

Slide 34 text

ຌࣄపఈσβΠϯݴޠγεςϜͷ͝঺հ CLINICS DLS .FEMFZ *OD ,VOJPSJ.BFEB!+VOF