ハード・ソフト・ネット、そしてMake、 素朴なWebデザイナーの向き合うこれから

Transcript

1. ϋʔυɾιϑτɾωοτɺͦͯ͠.BLFɺ
   ૉ๿ͳ8FCσβΠφʔͷ޲͖߹͏͜Ε͔Β HTML5 CONFERENCE 2016 Hidetaro7 ळ༿लथ

2. ͳͥɺσβΠφʔ͸1IPUPTIPQΛ࢖͏ͷʹ
   ϓϩάϥϛϯάΛ͠ͳ͍ͷ͔ʁ ͳͥɺϓϩάϥϚʔ͸ʮֆ͕ඳ͚ͳ͍͔Βʯ Λཧ༝ʹσβΠϯʹ޲͖߹Θͳ͍ͷ͔ʁ ͦ΋ͦ΋ͳΜͰɺ྆ऀόϥόϥʹ࢓ࣄ͢ΔΜͩʂʁ
   ͳͥڥքΛ࡞Γ͕ͨΔͷ͔ʁ

3. ࣗ෼Ͱ΍͖ͬͯͨ8FClσβΠϯz

4. ू٬ϞσϧͷlσβΠϯz

5. छྨҎ্ͷαΧφୡΛεϚϗͰࣂ͑Δɺ
   ৽ײ֮ɾҐஔήʔϜ ஌ҭਤؑܥεϚϗΞϓϦʮαΧφλονʯ http://www.sakanatouch.com/

6. ɾ
   ੩ࢭըͩͱ೉͍͠ͱײ͡Δ͜ͱ
   
   
   ݻఆྖҬͱՄมྖҬ
   
   
   ର࿩ʹΑΔมԽ
   
   
   ޷·͘͠ͳ͍ঢ়گ
   ɾ
   ը໘ઃܭऀ΋ը໘ͷ֎͔ΒੈքΛݟΔ
   
   
   ʮϏδωεΛ੒ޭʹಋ͘ʯ೉͠͞ɺࢲ͸ࣄۀՈͰ͸ͳ͍
   

   
   
   ଟ͗͢Δೖྗ߲໨ʢอݥɾۚ༥ϓϥϯೖྗը໘ͷྫʣ
   
   
   ௕ա͗ΔൺֱදʢεϚϗͰͷ੡඼ൺֱදͷྫʣ
   ɾ
   ϋʔυ΢ΣΞɾιϑτ΢ΣΞɾσβΠφʔɾΤϯδχΞͷڥք
   
   
   ιϑτ΢ΣΞͷΧϦΩϡϥϜͷมԽͱֶੜͷҙࣝ
   
   
   ؀ڥͷมԽ
   
   
   ߴ଎ϓϩτλΠϓ͕Մೳͳࠓ
   
   
   ιϑτΤϯδχΞ͕৮ΕΔσβΠϯͱϋʔυͷڥք
   
   
   ϦΞϧͱωοτͷੈքͰ͸ϝλϑΝ͕ҧ͏
   
   
   ϞϊΛಈ͔ͨ͢Ίʹϓϩάϥϛϯά͸࠷ద
   ɾ
   ·ͱΊ
   
   
   ΦϑγϣΞ։ൃΛܦݧͯ͠ײͨ͡ࢲͨͪͷ෇ՃՁ஋ͱ͸
   
   
   ৬ۀతʮ੍໿ʯΛগ͚ͩͣ͠Β͢

7. ੩ࢭըͩͱ೉͍͠ͱײ͡Δ͜ͱ Ұຕֆ͚ͩͰ͸ର࿩͕Ͱ͖ͳ͍

8. ݻఆྖҬͱՄมྖҬ
   

9. None

10. AirbnbͷiPhoneΞϓϦ

11. 6*
    4UZMF
    (VJEF
    CZ
    (SFH
    %MVCBD[
    IUUQTESJCCCMFDPNTIPUT6*4UZMF(VJEFBUUBDINFOUT ର࿩ʹΑΔมԽ
    Ϣʔβʔૢ࡞ʹΑͬͯมԽ͢Δ

12. 6*
    4UZMF
    (VJEF
    CZ
    (SFH
    %MVCBD[
    IUUQTESJCCCMFDPNTIPUT6*4UZMF(VJEFBUUBDINFOUT ର࿩ʹΑΔมԽ
    ૝ఆ֎ͷΤϥʔͳͲεςʔλεΛ௨஌͢Δ

13. ޷·͘͠ͳ͍ঢ়گ
    

14. ը໘ઃܭऀ΋ը໘ͷ֎͔ΒੈքΛݟΔ ϦΞϧͱωοτͷ઀٬΍6*ΛಉҰࢹ͠ͳ͍͜ͱ

15. ʮϏδωεΛ੒ޭʹಋ͘ʯ೉͠͞ɺࢲ͸ࣄۀՈͰ͸ͳ͍

16. ଟ͗͢Δೖྗ߲໨ʢอݥɾۚ༥ϓϥϯೖྗը໘ͷྫʣ w ౤ࢿ։࢝͸͍ͭʹͳΓ·͔͢ʁ
    w ॳظ౤ࢿֹ͸͍͘ΒͰ͔͢ʁ
    w ຖ݄ͷੵֹཱ͸͍͘ΒͰ͔͢ʁ
    w Ϙʔφε௥Ճ͸͠·͔͢ʁ
    w

    Ϙʔφεʹ͸͍͘Β౤ࢿ͠·͔͢ʁ
    w Ϙʔφε͸೥ԿճͰ͔͢ʁ
    w ͍͔ͭΒऔΓ่͠·͔͢ʁ
    w ຖ݄͍͘ΒऔΓ่͠·͔͢ʁ
    w Կ೥ޙ·Ͱܭը͠·͔͢ʁ ͜ΕΛͦͷ··8FCϒϥ΢βͰೖྗΛڧ͍Δͱࣦഊ͢ΔڪΕ͕͋Δ ϦΞϧళฮʢର໘ʣͰͷ઀٬

17. ઈܠͷੈքཱྀߦ https://flic.kr/p/fr8PPJ ΩϟϯϐϯάΧʔཱྀߦ https://flic.kr/p/7LrcXS ສԁ
    
    ສԁ ʢΩϟϯϐϯάΧʔඅ༻
    
    ཱྀߦॾܦඅʣ  ສԁ

    ʢ෉්͓ೋਓɺ൒೥ؒʣ ܭըྫΛݟΔ ܭըྫΛݟΔ

18. ௕ա͗ΔൺֱදʢεϚϗͰͷ੡඼ൺֱදͷྫʣ
    ൺֱදͳͲ৑௕ͳσʔλͷղܾࡦ

19. ௕ա͗ΔൺֱදʢεϚϗͰͷ੡඼ൺֱදͷྫʣ
    ൺֱදͳͲ৑௕ͳσʔλͷղܾࡦ

20. ͦͷ··Ͱ͸఻ΘΒͳ͍੡඼ൺֱදͷը໘ઃܭ
    ʛ
    πΫϩΞ
    r
    %&4*(/
    -"#
    
    IUUQEFTJHOMBCUVRVMPSFDPNUBCVMBSEFTJHO

21. ϋʔυ΢ΣΞɾιϑτ΢ΣΞɾσβΠφʔɾΤϯδχΞͷڥք นΛऔΓ෷͓͏

22. ιϑτ΢ΣΞͷΧϦΩϡϥϜͷมԽͱֶੜͷҙࣝ
    

23. ؀ڥͷมԽ
    

24. ߴ଎ϓϩτλΠϓ͕Մೳͳࠓ
    

25. ߴ଎ϓϩτλΠϓ͕Մೳͳࠓ
    

26. ιϑτΤϯδχΞ͕৮ΕΔσβΠϯͱϋʔυͷڥք
    

27. ιϑτΤϯδχΞ͕৮ΕΔσβΠϯͱϋʔυͷڥք
    

28. None

29. ؆୯ʹϞϊ͕ͭ͘ΕΔ ʢະ׬੒Ͱ͍͍ͷͰʣ
    ߴ଎ʹϓϩτλΠϓ͕Ͱ͖Δ

30. ϦΞϧͱωοτͷੈքͰ͸ϝλϑΝ͕ҧ͏
    

31. ϦΞϧͳຊ୨ w ෺ཧతɺແݶʹஔ͚Δຊ୨ͳͲଘࡏ͠ͳ͍
    w ৗʹ੔ཧ͠ͳ͍ͱ୳͢ͷ͕ࠔ೉ʹͳΔ ϦΞϧͱωοτͷੈքͰ͸ϝλϑΝ͕ҧ͏
    

32. ΞϓϦͷຊ୨ w ෺ཧతͳ੍໿ͳ͘ແݶʹஔ͚Δ
    w ੔ཧ͠ͳͯ͘΋ݕࡧ͕Մೳ ϦΞϧͱωοτͷੈքͰ͸ϝλϑΝ͕ҧ͏
    

33. ෺ཧతɾػೳతҧ͍͔Βͯ͠
    ϦΞϧͱΞϓϦͷຊ୨Ͱ͸֓೦͕શ͘ҧ͏
    ݟͨ໨ΛࣅͤΔඞཁ͕͋Δͷ͔ʁ ϑϥοτσβΠϯ ϦΞϧͱωοτͷੈքͰ͸ϝλϑΝ͕ҧ͏
    

34. 8FCɾ"QQσβΠφʔ ϦΞϧͱωοτͷੈքͰ͸ϝλϑΝ͕ҧ͏
    

35. άϥϑΟοΫπʔϧ ٕज़΍ػೳͷ࠷దԽ 8FCɾ"QQσβΠφʔ 8FCσβΠφʔ͕ٕज़࢓༷΍ϓϩάϥϛϯάΛ ཧղ͢Δ͜ͱ͸શ͘ෆࢥٞͳ͜ͱͰ͸ͳ͍ ϦΞϧͱωοτͷੈքͰ͸ϝλϑΝ͕ҧ͏
    

36. γϯάϧϖʔδ8FCΞϓϦέʔγϣϯ %FTJHOFE
    CZ
    )5.-
    
    #SPXTFS https://techfeed.io ϞϊΛಈ͔ͨ͢Ίʹϓϩάϥϛϯά͸࠷ద

37. ·ͱΊ ࢲ͔ͩΒʮͰ͖Δ͜ͱʯ͕͋Δ͸ͣ

38. ΦϑγϣΞ։ൃΛܦݧͯ͠ײͨ͡ࢲͨͪͷ෇ՃՁ஋ͱ͸

39. 8FCαΠτ
    8FCΞϓϦ ࢴʹग़ྗ
    J1BE
    ,JOEMF $PSEPWBΞϓϦ ޿ࠂͳͲ )5.- ిࢠॻ੶
    1%'

    J1IPOF
    "OESPJE αΠωʔδ
    ςϨϏ 8FCϓϩϞʔγϣϯ
    ϚεϝσΟΞɾήʔϜ ͳͲ ৬ۀతʮ੍໿ʯΛগ͚ͩͣ͠Β͢

40. 8FCαΠτ
    8FCΞϓϦ ࢴʹग़ྗ
    J1BE
    ,JOEMF $PSEPWBΞϓϦ ޿ࠂͳͲ )5.- ిࢠॻ੶
    1%'

    J1IPOF
    "OESPJE αΠωʔδ
    ςϨϏ 8FCϓϩϞʔγϣϯ
    ϚεϝσΟΞɾήʔϜ ͳͲ ঢ়گͷՄࢹԽ υϩʔϯ
    ΞΠ΢ΣΞ ೶ۀɾ෺ྲྀ ݱ৔ͷ೺Ѳ
    ਓݖඅݟ௚͠ ാͷηϯαʔ ৬ۀతʮ੍໿ʯΛগ͚ͩͣ͠Β͢

41. 8FCαΠτ
    8FCΞϓϦ ࢴʹग़ྗ
    J1BE
    ,JOEMF $PSEPWBΞϓϦ ޿ࠂͳͲ )5.- ిࢠॻ੶
    1%'

    J1IPOF
    "OESPJE αΠωʔδ
    ςϨϏ 8FCϓϩϞʔγϣϯ
    ϚεϝσΟΞɾήʔϜ ͳͲ ঢ়گͷՄࢹԽ υϩʔϯ
    ΞΠ΢ΣΞ ೶ۀɾ෺ྲྀ ݱ৔ͷ೺Ѳ
    ਓݖඅݟ௚͠ ാͷηϯαʔ ৬ۀతʮ੍໿ʯΛগ͚ͩͣ͠Β͢ ਓ
    Ϟϊ
    ٕज़
    ࣾձ
    ؀ڥ
    Ϗδωε
    ָ͠Έ σβΠφʔ

42. 5IBOL
    ZPV גࣜձࣾπΫϩΞɹळ༿लथ