デザイナーからのラブレター デザイナーが本音で話すエンジニアとの新しいカンケイ

エンジニアサポートCROSS2015でのデザイナーによるパネルディスカッション。 http://2015.cross-party.com/program/e4

Transcript

1. σβΠφʔ͔ΒͷϥϒϨλʔ
   ʙσβΠφʔ͕ຊԻͰ࿩͢ΤϯδχΞͱͷ৽͍͠ΧϯέΠʙ
   ೥݄೔
   ,JUDI)JLF *OD$50
   ౻࡚঵ݟ
   
   

   View Slide

2. WebσβΠφʔͷۀ຿಺༰͸֦ு͠ଓ͚͓ͯΓɺ
   ࠷৽ٕज़ͷΩϟονΞοϓ͸ΤϯδχΞͱಉ౳
   ͔ͦΕҎ্ʹॏཁͳ՝୊ͱͳ͍ͬͯΔɻ2000೥
   ୅͸PhotoShop΍IllastratorͰσβΠϯ͢Δ͜ͱ
   ͕த৺ͩͬͨۀ຿͸ɺHTML/CSSͷίʔσΟϯ
   ά·Ͱ޿͕Γɺ࣌ʹ͸؆୯ͳJavaScript(jQuery)
   Ͱͷ࣮૷ΛٻΊΒΕɺ͞Βʹ͸αʔϏεશମΛ
   ߟྀ͠UI/UXΛઃܭ͢Δ͜ͱΛظ଴͞Ε͍ͯΔɻ
   Sublime  TextͰίʔσΟϯά͠ɺTerminal͔Β
   GitΛ࢖͍ίϛοτ͢Δύωϥʔ͕ͨͪɺ͜Ε
   ·ͰͷΩϟϦΞΛৼΓฦΓࠓޙͷWebσβΠ
   φʔͱΤϯδχΞͷؔ܎Λٞ࿦͢Δɻ
   

   View Slide

3.    モデレーター
      藤崎祥⾒見見（フジサキショウケン）
      KitchHike,  Inc.  共同創業者/CTO    
   

   View Slide

4. KitchHike
   

   View Slide

5. ݱ஍ਓͱίϛϡχέʔγϣϯΛऔΓཱྀ͍ͨߦऀ͕ɺ
   ྉཧΛ࡞ͬͯ͘ΕΔݱ஍ਓͷՈʹ
   ༡ͼʹ͍͚ΔαʔϏεͰ͢ɻ
   https://kitchhike.com/
   

   View Slide

6. View Slide

7. ͜Μʹͪ͸
   

   View Slide

8. ΤϯδχΞͰ͢
   

   View Slide

9. ࢓ࣄͰ͸PHPΛ࢖͍ͬͯΔ͚Ͳɺ޷͖ͳݴޠ͸
   RubyͰɺ࠷ۙ͸झຯͰiOS΋͞ΘΓ͸͡Ίͨͱ͜Ζɻ
   جװۀ຿γεςϜܥͷϓϩδΣΫτʹΞαΠϯ͞Ε
   ͓ͯΓɺಉ͡ձࣾʹσβΠφʔ͸͍Δ͚Ͳ઀఺͸ແ
   ͠ɻࠓͷձࣾ͸̏೥໨ɻ
   

   View Slide

10. ಉظͰస৬ͨ͠ਓ΋νϥϗϥɻͣͬͱಉ͡ձࣾʹ͍
    Δͭ΋Γ͸͋·Γແ͘ɺ͍͔ͭ͸ϑϦʔϥϯε͔ى
    ۀ͍ͨ͠ͳͱ΋ߟ͍͑ͯΔɻͦͷͨΊʹ౔೔͸ษڧ
    ձʹࢀՃͨ͠Γɺ࡞Γ͍ͨWebαʔϏεʹ͍ͭͯ͋
    Ε͜Εߟ͑ͯ·͢ɻ
    

    View Slide

11. ͦΜͳ͋Δ೔ɺಉ྅ͷσβΠφʔB͞Μ͔Β͓खࢴ
    ͕ɻ
    

    View Slide

12. ͦΜͳ͋Δ೔ɺಉ྅ͷσβΠφʔB͞Μ͔Β͓खࢴ
    ͕ɻ
    

    View Slide

13. View Slide

14. l࡞Γ͍ͨWebαʔϏε͕͋ͬͯΤϯδχΞΛ୳͠
    ͍ͯΔΜͰ͚͢ͲɺҰॹʹ࡞ͬͯ͘Ε·ͤΜ͔ʁz
    

    View Slide

15. View Slide

16. ͍͔ͭ͸͔̌ΒWebαʔϏεΛ࡞Γ͍ͨͱߟ͍͑ͯ
    ͨA͞ΜɺେتͼɻͰ΋଴ͯΑɺσβΠφʔʹ͍ͭ
    ͯԿʹ΋஌Βͳ͍ʂࠓ·Ͱ·ͱ΋ʹ࿩ͨ͜͠ͱ΋ͳ
    ͍ɻ্ख͘ίϛϡχέʔγϣϯ͕ͱΕΔ͔΋ෆ҆ɻ
    Ͳ͏͠Α͏ɺ্ख͘σβΠφʔͱ͍ͬ͠ΐʹ։ൃΛ
    ਐΊΕΔ͔ͳɻ
    

    View Slide

17. σβΠφʔ͞Μ͔ΒͷϥϒϨλʔΛड͚औͬͨΤϯ
    δχΞͷ͜Ε͔Β͸ʂʁ
    

    View Slide

18. զʑ΋͍ͭA͞ΜͷΑ͏ʹσβΠφʔ͞Μ͔Β੠͕
    ͔͔Δ͔Θ͔Γ·ͤΜɻ͍ͭ੠͕͔͔ͬͯ΋ྑ͍Α
    ͏ʹσβΠφʔͷຊԻɺ஌Γͨ͘ͳ͍Ͱ͔͢ʁࢲ
    ͸஌Γ͔ͨͬͨͷͰ༑ୡͷσβΠφʔʹू·ͬͯ΋
    Β͍·ͨ͠ɻΤϯδχΞͱσβΠφʔͱͷؔ܎Λ࣠
    ʹɺ
    1.  ૬खΛཧղ͢Δ
    2.  ίϛϡχέʔγϣϯʹֶ͍ͭͯͿ
    3.  ੒ޭύλʔϯΛ஌Δ
    4.  ཧ૝ͷؔ܎
    ̐ͭͷςʔϚͰύωϧσΟεΧογϣϯΛͯ͠΋Β
    ͍·͠ΐ͏ɻ
    

    View Slide

19. ύωϦετ঺հ΁
    

    View Slide