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
Hatena Engineer Seminar #33 チームと開発するためのモック
takuwolog
0
410
Light My Fire/ハートに火をつけるコミュニティ
kgsi
1
150
地理院地図をもっと楽しく!れきちず新機能のご紹介
hjmkth
1
120
AIを身近に感じるために、デザイナー全員で一つのサービスを使ってみた
_psyc0_
0
280
CMS管理画面のアクセシビリティ
magi1125
8
2.4k
SAMSUL KAMAR ABDUL RAHMAN
samsulrahman32
0
150
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
420
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
2.8k
新卒の目から見たサイボウズのデザイン組織
ryota5884
0
160
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
1.9k
7 Core Values of Round-L
wired888
0
1.4k
Yahoo!フリマ:生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
lycorptech_jp
PRO
0
430
Featured
See All Featured
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Making Projects Easy
brettharned
117
6.3k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Embracing the Ebb and Flow
colly
87
4.8k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.4k
Gamification - CAS2011
davidbonilla
81
5.4k
Code Reviewing Like a Champion
maltzj
525
40k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Designing Experiences People Love
moore
142
24k
How STYLIGHT went responsive
nonsquared
100
5.7k
Bash Introduction
62gerente
614
210k
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 גࣜձࣾπΫϩΞɹळ༿लथ