Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ハード・ソフト・ネット、そしてMake、 素朴なWebデザイナーの向き合うこれから
Search
Hideki Akiba
September 03, 2016
Design
2
2.3k
ハード・ソフト・ネット、そしてMake、 素朴なWebデザイナーの向き合うこれから
2016年9月3日、HTML5 CONFERENCE 2016で講演した発表資料
Hideki Akiba
September 03, 2016
Tweet
Share
Other Decks in Design
See All in Design
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
goodpatch
1
1.7k
Yahoo!フリマ:生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
lycorptech_jp
PRO
0
510
ドルちゃん
design_dolphins
0
170
Findyのプロデチームの 歩みとこれから
satty9556
0
320
21 Ways to Call American Airlines Customer Care Full Guide USA
americanhub
0
220
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
hiromitsuuuuu
1
780
AI業務アプリケーションの体験デザイン
kazuhirokimura
0
200
高卒公務員から Webデザイナーになるまで
kinomidesign
0
110
Memory Man v3 (WIP)
storybychad
PRO
0
2.7k
mento Design Team Portfolio
mento0fficial
1
910
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
root_recruit
PRO
0
210
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
520
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
Building Better People: How to give real-time feedback that sticks.
wjessup
369
20k
Music & Morning Musume
bryan
46
6.9k
Gamification - CAS2011
davidbonilla
81
5.5k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.5k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
The Power of CSS Pseudo Elements
geoffreycrofte
79
6k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
31
2.7k
Git: the NoSQL Database
bkeepers
PRO
431
66k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.2k
Rails Girls Zürich Keynote
gr2m
95
14k
A Modern Web Designer's Workflow
chriscoyier
697
190k
Transcript
ϋʔυɾιϑτɾωοτɺͦͯ͠.BLFɺ ૉͳ8FCσβΠφʔͷ͖߹͏͜Ε͔Β HTML5 CONFERENCE 2016 Hidetaro7 ळ༿लथ
ͳͥɺσβΠφʔ1IPUPTIPQΛ͏ͷʹ ϓϩάϥϛϯάΛ͠ͳ͍ͷ͔ʁ ͳͥɺϓϩάϥϚʔʮֆ͕ඳ͚ͳ͍͔Βʯ Λཧ༝ʹσβΠϯʹ͖߹Θͳ͍ͷ͔ʁ ͦͦͳΜͰɺ྆ऀόϥόϥʹࣄ͢ΔΜͩʂʁ ͳͥڥքΛ࡞Γ͕ͨΔͷ͔ʁ
ࣗͰ͖ͬͯͨ8FClσβΠϯz
ू٬ϞσϧͷlσβΠϯz
छྨҎ্ͷαΧφୡΛεϚϗͰࣂ͑Δɺ ৽ײ֮ɾҐஔήʔϜ ҭਤؑܥεϚϗΞϓϦʮαΧφλονʯ http://www.sakanatouch.com/
ɾ੩ࢭըͩͱ͍͠ͱײ͡Δ͜ͱ ݻఆྖҬͱՄมྖҬ ରʹΑΔมԽ ·͘͠ͳ͍ঢ়گ ɾը໘ઃܭऀը໘ͷ֎͔ΒੈքΛݟΔ ʮϏδωεΛޭʹಋ͘ʯ͠͞ɺࢲࣄۀՈͰͳ͍
ଟ͗͢Δೖྗ߲ʢอݥɾۚ༥ϓϥϯೖྗը໘ͷྫʣ ա͗ΔൺֱදʢεϚϗͰͷൺֱදͷྫʣ ɾϋʔυΣΞɾιϑτΣΞɾσβΠφʔɾΤϯδχΞͷڥք ιϑτΣΞͷΧϦΩϡϥϜͷมԽͱֶੜͷҙࣝ ڥͷมԽ ߴϓϩτλΠϓ͕Մೳͳࠓ ιϑτΤϯδχΞ͕৮ΕΔσβΠϯͱϋʔυͷڥք ϦΞϧͱωοτͷੈքͰϝλϑΝ͕ҧ͏ ϞϊΛಈ͔ͨ͢Ίʹϓϩάϥϛϯά࠷ద ɾ·ͱΊ ΦϑγϣΞ։ൃΛܦݧͯ͠ײͨ͡ࢲͨͪͷՃՁͱ ৬ۀతʮ੍ʯΛগ͚ͩͣ͠Β͢
੩ࢭըͩͱ͍͠ͱײ͡Δ͜ͱ Ұຕֆ͚ͩͰର͕Ͱ͖ͳ͍
ݻఆྖҬͱՄมྖҬ
None
AirbnbͷiPhoneΞϓϦ
6*4UZMF(VJEFCZ(SFH%MVCBD[ IUUQTESJCCCMFDPNTIPUT6*4UZMF(VJEFBUUBDINFOUT ରʹΑΔมԽ Ϣʔβʔૢ࡞ʹΑͬͯมԽ͢Δ
6*4UZMF(VJEFCZ(SFH%MVCBD[ IUUQTESJCCCMFDPNTIPUT6*4UZMF(VJEFBUUBDINFOUT ରʹΑΔมԽ ఆ֎ͷΤϥʔͳͲεςʔλεΛ௨͢Δ
·͘͠ͳ͍ঢ়گ
ը໘ઃܭऀը໘ͷ֎͔ΒੈքΛݟΔ ϦΞϧͱωοτͷ٬6*ΛಉҰࢹ͠ͳ͍͜ͱ
ʮϏδωεΛޭʹಋ͘ʯ͠͞ɺࢲࣄۀՈͰͳ͍
ଟ͗͢Δೖྗ߲ʢอݥɾۚ༥ϓϥϯೖྗը໘ͷྫʣ w ࢿ։͍࢝ͭʹͳΓ·͔͢ʁ w ॳظࢿֹ͍͘ΒͰ͔͢ʁ w ຖ݄ͷੵֹཱ͍͘ΒͰ͔͢ʁ w ϘʔφεՃ͠·͔͢ʁ w
Ϙʔφεʹ͍͘Βࢿ͠·͔͢ʁ w ϘʔφεԿճͰ͔͢ʁ w ͍͔ͭΒऔΓ่͠·͔͢ʁ w ຖ݄͍͘ΒऔΓ่͠·͔͢ʁ w Կޙ·Ͱܭը͠·͔͢ʁ ͜ΕΛͦͷ··8FCϒϥβͰೖྗΛڧ͍Δͱࣦഊ͢ΔڪΕ͕͋Δ ϦΞϧళฮʢର໘ʣͰͷ٬
ઈܠͷੈքཱྀߦ https://flic.kr/p/fr8PPJ ΩϟϯϐϯάΧʔཱྀߦ https://flic.kr/p/7LrcXS ສԁ ສԁ ʢΩϟϯϐϯάΧʔඅ༻ ཱྀߦॾܦඅʣ ສԁ
ʢ්͓ೋਓɺؒʣ ܭըྫΛݟΔ ܭըྫΛݟΔ
ա͗ΔൺֱදʢεϚϗͰͷൺֱදͷྫʣ ൺֱදͳͲͳσʔλͷղܾࡦ
ա͗ΔൺֱදʢεϚϗͰͷൺֱදͷྫʣ ൺֱදͳͲͳσʔλͷղܾࡦ
ͦͷ··ͰΘΒͳ͍ൺֱදͷը໘ઃܭʛπΫϩΞr%&4*(/-"#IUUQEFTJHOMBCUVRVMPSFDPNUBCVMBSEFTJHO
ϋʔυΣΞɾιϑτΣΞɾσβΠφʔɾΤϯδχΞͷڥք นΛऔΓ͓͏
ιϑτΣΞͷΧϦΩϡϥϜͷมԽͱֶੜͷҙࣝ
ڥͷมԽ
ߴϓϩτλΠϓ͕Մೳͳࠓ
ߴϓϩτλΠϓ͕Մೳͳࠓ
ιϑτΤϯδχΞ͕৮ΕΔσβΠϯͱϋʔυͷڥք
ιϑτΤϯδχΞ͕৮ΕΔσβΠϯͱϋʔυͷڥք
None
؆୯ʹϞϊ͕ͭ͘ΕΔ ʢະͰ͍͍ͷͰʣ ߴʹϓϩτλΠϓ͕Ͱ͖Δ
ϦΞϧͱωοτͷੈքͰϝλϑΝ͕ҧ͏
ϦΞϧͳຊ୨ w ཧతɺແݶʹஔ͚Δຊ୨ͳͲଘࡏ͠ͳ͍ w ৗʹཧ͠ͳ͍ͱ୳͢ͷ͕ࠔʹͳΔ ϦΞϧͱωοτͷੈքͰϝλϑΝ͕ҧ͏
ΞϓϦͷຊ୨ w ཧతͳ੍ͳ͘ແݶʹஔ͚Δ w ཧ͠ͳͯ͘ݕࡧ͕Մೳ ϦΞϧͱωοτͷੈքͰϝλϑΝ͕ҧ͏
ཧతɾػೳతҧ͍͔Βͯ͠ ϦΞϧͱΞϓϦͷຊ୨Ͱ֓೦͕શ͘ҧ͏ ݟͨΛࣅͤΔඞཁ͕͋Δͷ͔ʁ ϑϥοτσβΠϯ ϦΞϧͱωοτͷੈքͰϝλϑΝ͕ҧ͏
8FCɾ"QQσβΠφʔ ϦΞϧͱωοτͷੈքͰϝλϑΝ͕ҧ͏
άϥϑΟοΫπʔϧ ٕज़ػೳͷ࠷దԽ 8FCɾ"QQσβΠφʔ 8FCσβΠφʔ͕ٕज़༷ϓϩάϥϛϯάΛ ཧղ͢Δ͜ͱશ͘ෆࢥٞͳ͜ͱͰͳ͍ ϦΞϧͱωοτͷੈքͰϝλϑΝ͕ҧ͏
γϯάϧϖʔδ8FCΞϓϦέʔγϣϯ %FTJHOFECZ)5.-#SPXTFS https://techfeed.io ϞϊΛಈ͔ͨ͢Ίʹϓϩάϥϛϯά࠷ద
·ͱΊ ࢲ͔ͩΒʮͰ͖Δ͜ͱʯ͕͋Δͣ
ΦϑγϣΞ։ൃΛܦݧͯ͠ײͨ͡ࢲͨͪͷՃՁͱ
8FCαΠτ 8FCΞϓϦ ࢴʹग़ྗ J1BE ,JOEMF $PSEPWBΞϓϦ ࠂͳͲ )5.- ిࢠॻ੶ 1%'
J1IPOF "OESPJE αΠωʔδ ςϨϏ 8FCϓϩϞʔγϣϯ ϚεϝσΟΞɾήʔϜ ͳͲ ৬ۀతʮ੍ʯΛগ͚ͩͣ͠Β͢
8FCαΠτ 8FCΞϓϦ ࢴʹग़ྗ J1BE ,JOEMF $PSEPWBΞϓϦ ࠂͳͲ )5.- ిࢠॻ੶ 1%'
J1IPOF "OESPJE αΠωʔδ ςϨϏ 8FCϓϩϞʔγϣϯ ϚεϝσΟΞɾήʔϜ ͳͲ ঢ়گͷՄࢹԽ υϩʔϯ ΞΠΣΞ ۀɾྲྀ ݱͷѲ ਓݖඅݟ͠ ാͷηϯαʔ ৬ۀతʮ੍ʯΛগ͚ͩͣ͠Β͢
8FCαΠτ 8FCΞϓϦ ࢴʹग़ྗ J1BE ,JOEMF $PSEPWBΞϓϦ ࠂͳͲ )5.- ిࢠॻ੶ 1%'
J1IPOF "OESPJE αΠωʔδ ςϨϏ 8FCϓϩϞʔγϣϯ ϚεϝσΟΞɾήʔϜ ͳͲ ঢ়گͷՄࢹԽ υϩʔϯ ΞΠΣΞ ۀɾྲྀ ݱͷѲ ਓݖඅݟ͠ ാͷηϯαʔ ৬ۀతʮ੍ʯΛগ͚ͩͣ͠Β͢ ਓ Ϟϊ ٕज़ ࣾձ ڥ Ϗδωε ָ͠Έ σβΠφʔ
5IBOLZPV גࣜձࣾπΫϩΞɹळ༿लथ