Slide 1

Slide 1 text

Photo by Christian Chen on Unsplash KittenLT3(৽͍͠ឺΛ࡞Ζ͏) 2020.3.6 @ Online Tsubasa SEKIGUCHI LEA-3645969186565158903 ϊϯσβΠφʔ͕
 ଟগϚγͳݟͨ໨ͷࢿྉΛ࡞Δํ๏ Design for non-designer

Slide 2

Slide 2 text

TinyKitten Freelance frontend engineer

Slide 3

Slide 3 text

Tsubasa SEKIGUCHI I 💖 Open source & Cat.

Slide 4

Slide 4 text

TrainLCD ೔ຊશࠃͰ࢖͑Δ ిंͷ-$%Λ࠶ݱͨ͠εϚϗΞϓϦͰ͢

Slide 5

Slide 5 text

TeamKitten ʮ໘ന͍ʯ͜ͱΛ͍ͨ͠ਓ͕ू·Δ 
 ίϛϡχςΟͰ͢ɻ

Slide 6

Slide 6 text

TeamKittenओ࠵Πϕϯτ KittenLT3ʹ͝ࢀՃ͍͖ͨͩɺ ͋Γ͕ͱ͏͍͟͝·͢ɻ

Slide 7

Slide 7 text

σβΠϯͷఆٛͱ͸ʁ KittenLT3 ৽͍͠ឺΛ࡞Ζ͏

Slide 8

Slide 8 text

σβΠϯͱ͸۩ମతͳ໰୊Λղ͖໌͔ͨ͢Ίʹ ࢥߟɾ֓೦ͷ૊ΈཱͯΛߦ͍ɺ ͦΕΛ༷ʑͳഔମʹԠͯ͡දݱ͢Δ͜ͱ σβΠϯͱ͸Կ͔ʁ

Slide 9

Slide 9 text

σβΠϯͱ͸۩ମతͳ໰୊Λղ͖໌͔ͨ͢Ίʹ ࢥߟɾ֓೦ͷ૊ΈཱͯΛߦ͍ɺ ͦΕΛ༷ʑͳഔମʹԠͯ͡දݱ͢Δ͜ͱ σβΠϯͱ͸Կ͔ʁ

Slide 10

Slide 10 text

σβΠϯ͸ɺ໰୊Λղܾ͢Δ ʮखஈʯͰ͋Δɻ σβΠϯͱ͸Կ͔ʁ

Slide 11

Slide 11 text

σβΠϯʹ͸ʮ໨తʯ͕͋Δ ങͬͯ΄͍͠ कͬͯ΄͍͠ དྷͯ΄͍͠ σβΠϯͱ͸Կ͔ʁ

Slide 12

Slide 12 text

σβΠϯͱ͸Կ͔ʁ DESIGN ART ≠ σβΠϯ͸ΞʔτͰ͸ͳ͍ σβΠϯ͸ʮཧղʯ͞ΕΔ͜ͱ͕ॏཁ

Slide 13

Slide 13 text

͍͍ࢿྉΛ࡞ΔͨΊʹ͸Կ͕ඞཁͩΖ͏͔ʁ KittenLT3 ৽͍͠ឺΛ࡞Ζ͏

Slide 14

Slide 14 text

1. ηϯε 2. ֶྺ 3. ؾ߹͍ ͍͍ࢿྉΛ࡞ΔͨΊʹ͸Կ͕ඞཁ͔ʁ

Slide 15

Slide 15 text

1. ηϯε 2. ֶྺ 3. ؾ߹͍ ͍͍ࢿྉΛ࡞ΔͨΊʹ͸Կ͕ඞཁ͔ʁ ΋ͪΖΜ΄ͱΜͲؔ܎ͳ͍

Slide 16

Slide 16 text

1. σβΠϯͷݪଇʹै͏ 2਺஋΍ਤΛ࢖͏ . ઌਓͷ஌ܙΛआΓΔ ͍͍ࢿྉΛ࡞ΔͨΊʹ͸Կ͕ඞཁ͔ʁ

Slide 17

Slide 17 text

σβΠϯͷݪଇʹै͏ KittenLT3 ৽͍͠ឺΛ࡞Ζ͏

Slide 18

Slide 18 text

͍͍ࢿྉΛ࡞ΔͨΊʹ͸Կ͕ඞཁ͔ʁ 
 σβΠϯͷݪଇʹै͏ ݪଇۙ઀ ؔ࿈͢Δ৘ใͷ༨ന͸ద੾ʁ ਓ͸Ґஔతʹ͍ۙ΋ͷΛ ʮؔ܎͕͋Δ΋ͷʯͱೝࣝ͢Δ शੑ͕͋Δͦ͏Ͱ͢ɻ Ͱ΋ɺ͜ͷࢿྉ͸Ͳ͏Ͱ͠ΐ͏ʁ ϞϊΫϩ Ϩου ϐϯΫ ΦϨϯδ άϦʔϯ ϒϧʔ

Slide 19

Slide 19 text

͍͍ࢿྉΛ࡞ΔͨΊʹ͸Կ͕ඞཁ͔ʁ 
 σβΠϯͷݪଇʹै͏ ݪଇۙ઀ ؔ࿈͢Δ৘ใͷ༨ന͸ద੾ʁ ਓ͸Ґஔతʹ͍ۙ΋ͷΛ ʮؔ܎͕͋Δ΋ͷʯͱೝࣝ͢Δ शੑ͕͋Δͦ͏Ͱ͢ɻ ؔ܎͋Δ΋ͷ͸ۙ͘ɺ ؔ܎ͷͳ͍΋ͷ͸ԕ͘͠·͠ΐ͏ɻ ϞϊΫϩ Ϩου ϐϯΫ ΦϨϯδ άϦʔϯ ϒϧʔ

Slide 20

Slide 20 text

͍͍ࢿྉΛ࡞ΔͨΊʹ͸Կ͕ඞཁ͔ʁ 
 σβΠϯͷݪଇʹै͏ ݪଇ੔ྻ ἧ͑ͳ͔ͬͨΒ ͜ͷ໊ࢗ͸ͲΜͳҹ৅Λड͚·͔͢ʁ ཁૉ͕ͩΒͩΒཏྻ͞Ε͍ͯΔΑ͏Ͱɺ Θ͔Γʹ͍͘ͱײ͡ΔͷͰ͸ʁ ϑϦʔϥϯεϑϩϯτΤϯυΤϯδχΞ ؔޱཌྷ TSUBASA SEKIGUCHI 5JOZ,JUUFO ˟౦ژ౎ઍ୅ా۠ઍ୅ా̍—̍ [email protected] https://tinykitten.me

Slide 21

Slide 21 text

ϑϦʔϥϯεϑϩϯτΤϯυΤϯδχΞ ؔޱཌྷ TSUBASA SEKIGUCHI 5JOZ,JUUFO ˟౦ژ౎ઍ୅ా۠ઍ୅ా̍—̍ [email protected] https://tinykitten.me ݪଇ੔ྻ ἧ͑Δͱ ࢿྉʹ౷Ұײ͕ੜ·Εɺ Θ͔Γ΍͘͢ͳΔɻ ʮݟ͑ͳ͍ઢʯͰ ἧ͑Δ͜ͱ͕ϙΠϯτʂ ͍͍ࢿྉΛ࡞ΔͨΊʹ͸Կ͕ඞཁ͔ʁ 
 σβΠϯͷݪଇʹै͏

Slide 22

Slide 22 text

ϑϦʔϥϯεϑϩϯτΤϯυΤϯδχΞ ؔޱཌྷ TSUBASA SEKIGUCHI 5JOZ,JUUFO ˟౦ژ౎ઍ୅ా۠ઍ୅ా̍—̍ [email protected] https://tinykitten.me ݪଇ੔ྻ ἧ͑Δͱ ࢿྉʹ౷Ұײ͕ੜ·Εɺ Θ͔Γ΍͘͢ͳΔɻ ʮݟ͑ͳ͍ઢʯͰ ἧ͑Δ͜ͱ͕ϙΠϯτʂ ͍͍ࢿྉΛ࡞ΔͨΊʹ͸Կ͕ඞཁ͔ʁ 
 σβΠϯͷݪଇʹै͏

Slide 23

Slide 23 text

ݪଇڧऑ ৘ใͷ༏ઌ౓Λؾʹ͠ͳ͍ͱ ྫ͑͹ɺࠨͷදࢴΛݟ͍ͯͩ͘͞ɻ ͨͩจࣈΛཏྻͯ͠Δ͚ͩͰɺ Ͳͷ৘ใ͕ॏཁͳͷ͔Θ͔Γ·ͤΜɻ ͍͍ࢿྉΛ࡞ΔͨΊʹ͸Կ͕ඞཁ͔ʁ 
 σβΠϯͷݪଇʹै͏ ڧ͍νʔϜͷ࡞Γํ ڧ͍νʔϜΛ࡞Δʹ͸Կ͕ඞཁ͔ 5JOZ,JUUFO ๭Πϕϯτ ๛ౡ۠ຽηϯλʔ

Slide 24

Slide 24 text

ݪଇڧऑ ৘ใͷ༏ઌ౓Λؾʹ͠Α͏ ྫ͑͹ɺࠨͷදࢴΛݟ͍ͯͩ͘͞ɻ จࣈͷେ͖͞΍ଠ͞Λม͑Δ͚ͩͰɺ දࢴͷҹ৅͸มΘΓ·͢ɻ ΋ͪΖΜɺ͜ͷϨΠΞ΢τ͕ ਖ਼ղͱ͍͏Θ͚Ͱ͸͋Γ·ͤΜɻ ͍͍ࢿྉΛ࡞ΔͨΊʹ͸Կ͕ඞཁ͔ʁ 
 σβΠϯͷݪଇʹै͏ ڧ͍νʔϜͷ࡞Γํ ڧ͍νʔϜΛ࡞Δʹ͸Կ͕ඞཁ͔ TinyKitten ๭Πϕϯτ at ๛ౡ۠ຽηϯλʔ

Slide 25

Slide 25 text

ݪଇ൓෮ ಛ௃తͳ΋ͷΛ ҙࣝతʹ܁Γฦ͠࢖͏ ৭΍ઢɺϞνʔϑɺϨΠΞ΢τͳͲΛ ಉ͡σβΠϯͷதͰ܁Γฦ͠࢖͏ͱ શମʹҰମײ͕ੜ·Ε·͢ɻ ͜ͷϧʔϧͷ͜ͱΛɺۀք༻ޠͰ τʔϯˍϚφʔʢτϯϚφʣͱ͍͍·͢ɻ ͍͍ࢿྉΛ࡞ΔͨΊʹ͸Կ͕ඞཁ͔ʁ 
 σβΠϯͷݪଇʹै͏

Slide 26

Slide 26 text

਺஋΍ਤΛ࢖͏ KittenLT3 ৽͍͠ឺΛ࡞Ζ͏

Slide 27

Slide 27 text

͍͍ࢿྉΛ࡞ΔͨΊʹ͸Կ͕ඞཁ͔ʁ 
 ਺஋΍ਤΛ࢖͏ ͜ͷࢿྉ͸৴༻Ͱ͖Δʁ ਺஋͕ࣔ͞Ε͍ͯͳ͍࿩͸ɺ ͋·Γ৴༻͞Εͳ͍ɻ ΄͛ࣄۀͷ੒௕ ౰ࣾͷ΄͛ࣄۀʹ͓͍ͯɺ ೥͔Β೥ؒͰେ෯ͳ ੒௕Λ਱͛·ͨ͠ɻ

Slide 28

Slide 28 text

͍͍ࢿྉΛ࡞ΔͨΊʹ͸Կ͕ඞཁ͔ʁ 
 ਺஋΍ਤΛ࢖͏ ͜ͷࢿྉ͸৴༻Ͱ͖Δʁ ਺஋͕͸͖ͬΓ͠·ͨ͠Ͷɻ Ͱ΋·ͩͩΊͰ͢ɻ ਤ͕ͳͯ͘෼͔ΓͮΒ͍ɻ ΄͛ࣄۀͷ੒௕ ౰ࣾͷ΄͛ࣄۀʹ͓͍ͯɺ ೥͔Β೥ؒͰച্͕ഒʹ ੒௕͠·ͨ͠ɻ

Slide 29

Slide 29 text

͍͍ࢿྉΛ࡞ΔͨΊʹ͸Կ͕ඞཁ͔ʁ 
 ਺஋΍ਤΛ࢖͏ άϥϑ͸ద੾ʁ ਤΛ෇͚·ͨ͠ɻ Ͱ΋·ͩବ໨Ͱ͢Ͷɻ ݟΔଆͷϊΠζΛߟ͑·͠ΐ͏ɻ ΄͛ࣄۀͷ੒௕ ೥͔Β೥ؒͰച্͕ഒʹ੒௕

Slide 30

Slide 30 text

͍͍ࢿྉΛ࡞ΔͨΊʹ͸Կ͕ඞཁ͔ʁ 
 ਺஋΍ਤΛ࢖͏ ྫͱͯ͠ ໌Β͔ʹແବͳ৘ใΛഉআ͠·ͨ͠ɻ ࢿྉΛݟ͍ͯΔਓ͸ ݁ՌΛ஌Γ͍͚ͨͩɻ ແବͳ૷০΍ɺ ϊΠζͱͳΔσʔλ͸ආ͚·͠ΐ͏ɻ ΄͛ࣄۀͷ੒௕ ԯԁ ԯԁ ೥͔Β೥ؒͰച্͕ഒʹ੒௕

Slide 31

Slide 31 text

ઌਓͷ஌ܙΛआΓΔ KittenLT3 ৽͍͠ឺΛ࡞Ζ͏

Slide 32

Slide 32 text

͍͍ࢿྉΛ࡞ΔͨΊʹ͸Կ͕ඞཁ͔ʁ 
 ઌਓͷ஌ܙΛआΓΔ 4MJEFTIBSF౳ΛݟΔ σβΠϯͷηϯε͸ཁ͸Ҿ͖ग़͠ɻ εϥΠυ͕γΣΞ͞Ε͍ͯΔαΠτΛݟͯɺ ͍͍εϥΠυͷख๏Λ౪ΜͰΈΑ͏ɻ

Slide 33

Slide 33 text

Photo by Christian Chen on Unsplash KittenLT3 2020.2.6 @ Online Tsubasa SEKIGUCHI LEA-3645969186565158903 ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ Thank you for listening!