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
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
lycorptech_jp
PRO
0
300
【最新】マズロー安達の弟子実績(1期-4期の26人分)
maslow_akkun
0
660
7 Core Values of Round-L
wired888
0
430
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
t2yamaguchi429
0
520
事例で学ぶ!今日から使えるWebサービスUI改善ポイント
ncdc
0
180
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.4k
Liquid Iron
mcduckyart
1
110
freee + Product Design FY25Q4
freee
4
15k
株式会社Muture_ソーシャル推進事業
muture
PRO
0
100
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
790
札幌の雪を観光資源に変える:デザインプログラムSESSAの挑戦
ittyann
0
270
harutaka Vision Deck
zenkigenforrecruit
0
160
Featured
See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Being A Developer After 40
akosma
90
590k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Facilitating Awesome Meetings
lara
54
6.5k
Side Projects
sachag
455
42k
Automating Front-end Workflow
addyosmani
1370
200k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
700
Building an army of robots
kneath
306
45k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Why Our Code Smells
bkeepers
PRO
337
57k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.4k
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 גࣜձࣾπΫϩΞɹळ༿लथ