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
デザイナーとエンジニアの境界線
Search
Tatsuya Uchida
October 15, 2016
Design
5
4.8k
デザイナーとエンジニアの境界線
AbemaTV Developer Conference 2016にて
松本がデザイナーとエンジニアのコミュニケーションの話を、
内田がデザイナーがコードを書いて見た話をしました
Tatsuya Uchida
October 15, 2016
Tweet
Share
More Decks by Tatsuya Uchida
See All by Tatsuya Uchida
VODにおけるUIデザインとトレンド - 後編
ukn530
0
2.6k
AbemaTVのデザイナーが語るUI実装の舞台裏
ukn530
0
240
デザイナーによるAtomic Designの実践〜導入編・運用編〜
ukn530
9
3k
Other Decks in Design
See All in Design
ふわっとはじめるSSOT – SSOT for Communication Design
sekiguchiy
0
1.1k
Kim Possible - Crush
olgastoryboard
0
130
Осязаемый потребительский опыт. Ловим его за хвост с Картой процесса-опыта
ashapiro
2
210
Night Shift (beginning sequence)
cpineda57
0
900
Charcoal 2.0: デザインシステムの基盤を再構築
godlingkogami
1
370
若手デザイナーチームが手がける CADC2024クリエイティブディレクションの全貌 / opening-design
cyberagentdevelopers
PRO
1
250
Карта процесса-опыта. Презентация метода
ashapiro
0
310
Cardápio - Caraguá A Gosto 2024 - De 01/08 a 08/09/2024
caraguatatuba
0
5.9k
root COMPANY DECK / We are hiring!
root_recruit
1
14k
共創するのはモノではなく価値 ── 日本の「はたらく」を変える挑戦 / Designship2024 MainStage
visional_engineering_and_design
1
250
みんなに知って欲しい 視覚過敏のアクセシビリティ
0opacity_
4
800
トップデザインチームが描く、 2030年に活躍するデザイナー
hiranotomoki
1
2.4k
Featured
See All Featured
A Philosophy of Restraint
colly
203
16k
10 Git Anti Patterns You Should be Aware of
lemiorhan
654
59k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
504
140k
The World Runs on Bad Software
bkeepers
PRO
65
11k
Thoughts on Productivity
jonyablonski
67
4.3k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
6.9k
Building an army of robots
kneath
302
42k
Adopting Sorbet at Scale
ufuk
73
9k
GraphQLの誤解/rethinking-graphql
sonatard
67
10k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
131
33k
Practical Orchestrator
shlominoach
186
10k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Transcript
σβΠφʔͱΤϯδχΞͷڥքઢ 2016/10/15
ࣗݾհ দຊढ़հ 6*σβΠφʔ $ZCFS"HFOUೖࣾ "CFNB57ଐ ݱࡏ J04 "OESPJEΞϓϦ6*σβΠϯ୲
"CFNB57ͷ6* Ͳ͏ͬͯͰ͖ͨͷ
ݱࡏͷ6* ͪͳΈʹ
ࣾ 'BDFCPPLͷ ΠϯϑΟʔυ࠶ੜΈ͍ͨͳ6* ςϨϏͷβοϐϯάࢹௌ ड͚ͰͩΒͩΒ
None
༦ձͰຖϞοΫΛڞ༗
ΤϯδχΞ σΟϨΫλʔ σβΠφʔ
βοϐϯά
൪දɾৄࡉը໘
ΤϯδχΞ σΟϨΫλʔ σβΠφʔ ࣮πϥΠͬ͢ 6*Πέͯͳ͘ͳ͍ʁ ελΠϦογϡ͚ͩͲ Ϣʔβʔʹ༏͘͠ͳ͘Ͷ ͍ͦ͢͏͚ͩͲ ςϨϏͬΆ͘ͳ͍ΑͶ ̋̋ͩͬͨΒ͍͍Μ͡Όͳ͍ʁ
6*Πέͯͳ͘ͳ͍ʁ 6*Πέͯͳ͘ͳ͍ʁ 6*Πέͯͳ͘ͳ͍ʁ 6*Πέͯͳ͘ͳ͍ʁ
͓L
͔݄ɺຖϞοΫΛ࡞Γଓ͚Δ
࡞ͬͨϞοΫͷݸ
ͳΜ͔ΜͰೲಘ͍͘6*͕ੜ·Εͨ
ͨΓલ͕ͩ ΈΜͳͰᎍΜͩՌ ೲಘײ͕͍͢͝
༷ ˣ σβΠϯ ˣ ࣮ݱੑ ˣ ࣮͊͞ σβΠφʔ σβΠφʔ σβΠφʔ
σβΠφʔ ΤϯδχΞ ΤϯδχΞ ΤϯδχΞ ΤϯδχΞ
։ൃॳظಛʹ ٕज़ऀͷ࿈ܞ͕ೱ͘ ΫΦϦςΟͷߴ͍ϓϩμΫτΛ ࡞Γ্͛ΒΕΔڥͰͨ͠
ͪΐͬͱ۩ମతʹݴ͏ͱʜ
4UBUVT#BS ͋ͬͨํ͕͍͍͔
ͦΕͧΕͷཁૉ͕Կͳͷ͔ ύοͱݟͰΘ͔Βͳ͍
ࢹௌ͕ݟͮΒ͍ ൪දϘλϯ͕Α͘Θ͔ΒΜ
͜ΕͰϦϦʔε
ͪΐͬͱमਖ਼ͯ͠ݱঢ়
4LFUDIͱ1JYBUFΛΤϯδχΞʹ͢ 4LFUDI
ΤϯδχΞ͕4LFUDIΛݟ࣮ͯ
৭DPNQPOFOUTϑΝΠϧΛ࡞Γཧ
ΞΠίϯͷॻ͖ग़͠ 4LFUDIϑΝΠϧ͔Β ΤΫεϙʔτΛ࣮ߦ͠ɺ 1/(ͷ࠷దԽΛߦ͏ J046* make ios "OESPJE6* make android
͜͏͍͏ͷΛσβΠφʔ͕ ༻ҙ͠ͳཱͯͨ͘͠ ༻ҙͨ͠ํ͕ͩΖ͏͚Ͳʜ ΤϯδχΞ͞Μ͋Γ͕ͱ͏
1JYBUFΛͯ͠ ཧͷΞχϝʔγϣϯΛ࣮ͯ͠Β͏ ൪දΛ։͘ Ξχϝʔγϣϯ easeOutCubic 0.3s ˞1JYBUFͰ͢
1JYBUFͰࡉ෦·Ͱ࡞ͬͨͷͰ σβΠφʔͱΤϯδχΞͷζϨ͕΄΅ແ͔ͬͨ ˞1JYBUFͰ͢
·ͱΊ
ͱʹ͔͘νʔϜશһͰᎍΉ ϑΝΠϧͷΓऔΓॻ͖ग़ࣗ͠ಈԽ ΞχϝʔγϣϯΛܾΊ͔ͯΒΤϯδχΞʹ͢
ʜଓ͖ςΫχΧϧΫϦΤΠλʔ ͋Γ͕ͱ͏͍͟͝·ͨ͠
ʙσβΠφʔ͕ίʔυΛ৮ͬͯΈͯײͨ͜͡ͱʙ
ࣗݾհ
ాୡ 6*σβΠφʔ ໊ݹࢢཱେֶେֶӃܳज़ֶݚڀՊଔ αΠόʔΤʔδΣϯτೖࣾ ͍ΖΜͳαʔϏεͷάϥϑΟοΫ6*σβΠϯ "CFNB57Ͱ6*σβΠϯ
ݴ༿ਤؑ 1&/%3&". 1FO`T"EWFOUVSF
None
Ͳ͏ͬͯ࠷ॳͷҰาΛ౿Έग़ͨ͠ͷ͔ ʢࣗͷ߹ʣ
͕ࣗΞϓϦΛ࡞ͬͯΔ͜ͱΛΘͤΔ ςΫχΧϧΫϦΤΠλʔͱ͍͏ࣾͷ෩ ϦΞϧͳϓϩμΫτΛॏࢹ͢ΔྲྀΕ
ςΫχΧϧΫϦΤΠλʔ
6*ΞχϝʔγϣϯΤϯδχΞϦϯάʹ͚͍ͯΔʮσβΠφʔʯ ඒతηϯεσβΠϯࢥߟɺ6*Ξχϝʔγϣϯʹ͚͍ͯΔʮΤϯδχΞʯ ࠷ऴతͳΞτϓοτΛΫΦϦςΟߴ͘ɺ͔ͭࣗݾ݁Ͱߦ͑Δਓ ৗʹτϨϯυΛड͚ೖΕͯԠ༻͠ɺٕज़ͷ֞ࠜͳ͘෯͍ΞτϓοτΛग़ͤΔਓ ςΫχΧϧΫϦΤΠλʔʠҰਓଟ࠽ͳΫϦΤΠλʔʡ
σβΠφʔ͚Swiftݚम
ΤϯδχΞ͚σβΠϯݚम
IUUQTEFWFMPQFSTDZCFSBHFOUDPKQCMPHBSDIJWFT
"CFNBͰ৮ͬͯݟ͍ͨͳʙ
ίʔυ৮Γ͍ͨͰ͢ʂ ࣗ༝ʹ͍͍ͬͯΑ "OESPJEͷ͍͢͝ਓ
"OESPJE4UVEJPͰ 9.-Λ͍͡Δ Before After
9DPEFʹΑΔ ಈ͖ͷඍमਖ਼
4VCMJNF5FYUͰ ϨΠΞτௐ
"UPNJD%FTJHOͰ ίϯϙʔωϯτཧ
(JU)VCΛ͏
ίϐʔͯ͠࡞ۀ ίϐʔͯ͠࡞ۀ ݟ ͯ Β ͬͯ ্ ॻ ͖
OK! ݟͯΒ্ͬͯॻ͖ OK! ϓϩάϥϜWFS ϓϩάϥϜWFS ϓϩάϥϜWFS ػೳ" ϓϩάϥϜWFS ػೳ#
͜͜·ͰσβΠφʔ͕ ϓϩμΫτΛमਖ਼ͨ͠
࠷ۙϞοΫΛ࡞ͬͨ
None
ͬͯΈͨײ
Α͔ͬͨ͜ͱ ΞϓϦͷษڧʹͳΔ ΤϯδχΞ͞ΜʹཔΉ৺͕ۤ͠͞ͳ͍ ΫΦϦςΟͷվળαΠΫϧ͕ૣ͍
վળ λεΫͱ͖ͯͪ͠Μͱ࣌ؒΛͱΔ͖
·ͱΊ
ָ͍͠ ʂ
͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ
4LFUDIϓϥάΠϯ 'POU'JOEFS