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.2k
ハード・ソフト・ネット、そしてMake、 素朴なWebデザイナーの向き合うこれから
2016年9月3日、HTML5 CONFERENCE 2016で講演した発表資料
Hideki Akiba
September 03, 2016
Tweet
Share
Other Decks in Design
See All in Design
デザインシステム構築の進め方 基本から実践まで、具体的な手順を徹底解説
ncdc
1
210
ふわっとはじめるSSOT – SSOT for Communication Design
sekiguchiy
0
1.1k
新しいemoji😄のアイデアをUnicodeが募集中‼️🏃♀️💨💨💨傾向を学んでみんな提案しよう💪
oguemon
2
690
ZKK_001.pdf
nicholaspegu
0
1.4k
デザイナー視点の体験設計とデザインレビューを事業部全員で体験するワークショップをしたお話
masayofff
3
200
Карта процесса-опыта. Презентация метода
ashapiro
0
330
Cardápio - Caraguá A Gosto 2024 - De 01/08 a 08/09/2024
caraguatatuba
0
5.9k
Slip N Slime - Character Design Ideation
thebogheart
0
310
想像するためのデザイン - LARPの可能性を探求してみた話
okabemy
0
550
私の困りごとと解決案 / My issues and proposed solutions
kubosho
1
290
志ある事業の種を社会に開花させるための挑戦/ Designship2024_Nishimura
root_recruit
0
180
DMMデザイン組織の生成AI導入プロセス - Adobe Fireflyと振り返る約1年とこれから -
takumasaito
1
370
Featured
See All Featured
Reflections from 52 weeks, 52 projects
jeffersonlam
346
20k
Art, The Web, and Tiny UX
lynnandtonic
297
20k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
229
52k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
47
2.1k
How GitHub (no longer) Works
holman
310
140k
How To Stay Up To Date on Web Technology
chriscoyier
788
250k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
329
21k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
8
730
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2.1k
Product Roadmaps are Hard
iamctodd
PRO
49
11k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Why You Should Never Use an ORM
jnunemaker
PRO
54
9.1k
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 גࣜձࣾπΫϩΞɹळ༿लथ