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

2016年9月3日、HTML5 CONFERENCE 2016で講演した発表資料

Transcript

1. ϋʔυɾιϑτɾωοτɺͦͯ͠.BLFɺ
   ૉ๿ͳ8FCσβΠφʔͷ޲͖߹͏͜Ε͔Β HTML5 CONFERENCE 2016 Hidetaro7 ळ༿लथ
2. ͳͥɺσβΠφʔ͸1IPUPTIPQΛ࢖͏ͷʹ
   ϓϩάϥϛϯάΛ͠ͳ͍ͷ͔ʁ ͳͥɺϓϩάϥϚʔ͸ʮֆ͕ඳ͚ͳ͍͔Βʯ Λཧ༝ʹσβΠϯʹ޲͖߹Θͳ͍ͷ͔ʁ ͦ΋ͦ΋ͳΜͰɺ྆ऀόϥόϥʹ࢓ࣄ͢ΔΜͩʂʁ
   ͳͥڥքΛ࡞Γ͕ͨΔͷ͔ʁ
3. ࣗ෼Ͱ΍͖ͬͯͨ8FClσβΠϯz
4. ू٬ϞσϧͷlσβΠϯz
5. छྨҎ্ͷαΧφୡΛεϚϗͰࣂ͑Δɺ
   ৽ײ֮ɾҐஔήʔϜ ஌ҭਤؑܥεϚϗΞϓϦʮαΧφλονʯ http://www.sakanatouch.com/
6. ɾ
   ੩ࢭըͩͱ೉͍͠ͱײ͡Δ͜ͱ
   
   
   ݻఆྖҬͱՄมྖҬ
   
   
   ର࿩ʹΑΔมԽ
   
   
   ޷·͘͠ͳ͍ঢ়گ
   ɾ
   ը໘ઃܭऀ΋ը໘ͷ֎͔ΒੈքΛݟΔ
   
   
   ʮϏδωεΛ੒ޭʹಋ͘ʯ೉͠͞ɺࢲ͸ࣄۀՈͰ͸ͳ͍
   
   
   ଟ͗͢Δೖྗ߲໨ʢอݥɾۚ༥ϓϥϯೖྗը໘ͷྫʣ
   
   
   ௕ա͗ΔൺֱදʢεϚϗͰͷ੡඼ൺֱදͷྫʣ
   ɾ
   ϋʔυ΢ΣΞɾιϑτ΢ΣΞɾσβΠφʔɾΤϯδχΞͷڥք
   
   
   ιϑτ΢ΣΞͷΧϦΩϡϥϜͷมԽͱֶੜͷҙࣝ
   
   
   ؀ڥͷมԽ
   
   
   ߴ଎ϓϩτλΠϓ͕Մೳͳࠓ
   
   
   ιϑτΤϯδχΞ͕৮ΕΔσβΠϯͱϋʔυͷڥք
   
   
   ϦΞϧͱωοτͷੈքͰ͸ϝλϑΝ͕ҧ͏
   
   
   ϞϊΛಈ͔ͨ͢Ίʹϓϩάϥϛϯά͸࠷ద
   ɾ
   ·ͱΊ
   
   
   ΦϑγϣΞ։ൃΛܦݧͯ͠ײͨ͡ࢲͨͪͷ෇ՃՁ஋ͱ͸
   
   
   ৬ۀతʮ੍໿ʯΛগ͚ͩͣ͠Β͢
7. ੩ࢭըͩͱ೉͍͠ͱײ͡Δ͜ͱ Ұຕֆ͚ͩͰ͸ର࿩͕Ͱ͖ͳ͍
8. ݻఆྖҬͱՄมྖҬ
   
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. ιϑτΤϯδχΞ͕৮ΕΔσβΠϯͱϋʔυͷڥք
    
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 גࣜձࣾπΫϩΞɹळ༿लथ