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

2b0a62e6e0cd16b76ceb8aa48b814c9f?s=47 Hideki Akiba
September 03, 2016

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

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

2b0a62e6e0cd16b76ceb8aa48b814c9f?s=128

Hideki Akiba

September 03, 2016
Tweet

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(VJEFCZ(SFH%MVCBD[ IUUQTESJCCCMFDPNTIPUT6*4UZMF(VJEFBUUBDINFOUT ର࿩ʹΑΔมԽ Ϣʔβʔૢ࡞ʹΑͬͯมԽ͢Δ

  12. 6*4UZMF(VJEFCZ(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ΞϓϦέʔγϣϯ %FTJHOFECZ)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. 5IBOLZPV גࣜձࣾπΫϩΞɹळ༿लथ