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
hiroaki mori
April 20, 2016
Design
3
3.9k
コードをコミットできなくたって大丈夫
「UI Crunch #8 UIデザインに求められる実装スキルと考え方」発表資料
http://ui-crunch.connpass.com/event/28054/
hiroaki mori
April 20, 2016
Tweet
Share
More Decks by hiroaki mori
See All by hiroaki mori
実装する デザイナー:弊社iOS 担当の場合
hmiorroi
3
2.5k
Other Decks in Design
See All in Design
20241204_UI/UXデザイナーLT会 - vol.10_DMM
motokoishida
0
170
Tableau曲線表現講座(2024.11.21)
cielo1985
0
170
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
5
720
(第1回) アーキテクト・テックリード育成講座
masakaya
0
110
How to go from research data to insights?
mastervicedesign
0
180
PMとデザイナーはニコイチ! メリットと具体的なアクション10選
mosmos_noki
2
1.2k
Figma Code Connect を使ってエンジニアの新しい体験をデリバリする
junkifurukawa
0
450
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 組織横断のデザインの 取り組みについて
sig
1
200
一人ひとりのポテンシャルを活かしたナレッジマネジメントとは?
atsushihomma
0
300
ENEOS社事例|アプリ事業を加速させるデザイナーの取り組み / dx-eneos-design
cyberagentdevelopers
PRO
1
510
利用者が離れないUX/UIデザイン 長く使われる業務アプリデザインのポイント
ncdc
4
260
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
450
Featured
See All Featured
The Cult of Friendly URLs
andyhume
78
6.1k
GraphQLの誤解/rethinking-graphql
sonatard
67
10k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Optimising Largest Contentful Paint
csswizardry
33
3k
Navigating Team Friction
lara
183
15k
StorybookのUI Testing Handbookを読んだ
zakiyama
27
5.3k
A designer walks into a library…
pauljervisheath
204
24k
Facilitating Awesome Meetings
lara
50
6.1k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
5
450
Dealing with People You Can't Stand - Big Design 2015
cassininazir
365
25k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Writing Fast Ruby
sferik
628
61k
Transcript
UI Crunch #8 גࣜձࣾ Gunosy ։ൃຊ෦ σβΠφʔ ߒ໌
CODEΛ COMMIT Ͱ͖ͳͨͬͯ͘ େৎ UI Crunch #8 גࣜձࣾ Gunosy ։ൃຊ෦
σβΠφʔ ߒ໌
CODEΛ COMMIT Ͱ͖ͳͨͬͯ͘ େৎ ?
? σβΠφʔ͕ ϓϩμΫτͷ ࣮ʹ ؔΘΒͳ͘ ͯ େৎ
ͳͥʁ σβΠφʔ͕ ϓϩμΫτͷ ࣮ʹ ؔΘΒͳ͘ ͯ େৎ
ͳͥʁ ࣌ؒɹ࣭ ϓϨογϟʔ ඞཁੑɹֶश ଞʹॏཁͳ͜ͱ
ॏཁͳ͜ͱ ʁ ࣌ؒɹ࣭ ϓϨογϟʔ ඞཁੑɹֶश ଞʹॏཁͳ͜ͱ
ॏཁͳ͜ͱ ʁ DESIGN ͱ͔
ίʔυΛ ॻ͔ͳ͍ ΄͏͕͍͍ʁ DESIGN ͱ͔
ίʔυΛ ॻ͔ͳ͍ ΄͏͕͍͍ʁ ੵۃతʹ ॻ͖· ͠ ΐ ͏ ϓϩμΫ τͷ
पลͰ
पลʁ ੵۃతʹ ॻ͖· ͠ ΐ ͏ ϓϩμΫ τͷ पลͰ
पลʁ पล ؒతʹ ίϛ ο τ͢Δ
ؒతʁ पล ؒతʹ ίϛ ο τ͢Δ
ؒతʁ ϋʔυϧΛ͘ ͬͯΈΔ ࣍ͷࡾͭΛ ͓͢͢Ί͢Δ
STUDY T O O L PROTO
STUDY श࡞ ΞΠσΞΛܗʹ ΞϓϦஅย ؾ͖͕ͮ͋Δ ͷղܾ
iOS༻ίʔυΤσΟ λ ίʔυͷεέον༻ʹ੍࡞ ςΩετฤूɺඳը෦Λࣗ࡞ͨ͜͠ͱʹΑΓ iOSͰͷඳը·ΘΓͷཧղ͕ਂ·Δ http://p5jssketch.altsign.jp/ iOSʹ͓͚Δຊޠ൛ʹ͍ͭͯ ฐࣾΞϓϦͰ࣮ࡍʹߦ͍ͬͯΔɺ iOSͰͷจࣈͷѻ͍ʹ͍ͭͯ ্هͷΤσΟ
λͰͷ࣮ܦݧ͕ʹͨͭ http://gunosy.github.io/2014/05/19/ios- typesetting.html
T O O L ʑ͏πʔϧΛ ࣗͰ࡞ͬͯΈΔ ͍ͳΒ͕ Ξοϓσʔτ ͠ ͍ͯ͘
PNGॻ͖ग़͠༻εΫϦϓτ ΞϓϦ։ൃ༻ʹAdobe Illustrator ʢAIʣ ͔Β ֤ OS։ൃʹ߹ΘͤͨϑΥʔϚο τͰ PNGΛॻ͖ग़͢πʔϧ https://gist.github.com/hmiorroi/a8a1c6
8ab40d215096d8e82a66985606 AIͷύεΛiOS͚ʹग़ྗ͢ΔεΫϦϓτ AIͰ࡞ͨ͠ਤܗͷ࠲ඪΛ iOSͷCAShapeLayerͰ͑ΔܗͰग़ྗ http://gunosy.github.io/2015/05/20/ illusrator-scripting-1.html
PROTO ಈ͘ ϓϩτ λΠϓ ࣮ࡍͷσʔλ ςετ ͠ ͯΈΔ ຊ൪ʹ͍ۙ ϑ
Ο ʔυόοΫ
ϓϩτλΠϓͷϢʔβʔςετ෩ܠ ݕ౼͞Ε͍ͯΔػೳΛԾʹ࣮͠ ϢʔβʔʹͬͯΒ͏ ࣮ࡍͷΞϓϦͷίʔυΛݩʹ͠ɺ ࣮ࡍͷAPIɺσʔλΛ༻͠ ͍ͯΔͨΊ ಈ࡞ϦϦʔε൛ͷΞϓϦͱḮ৭ͳ͘ɺ ຊ൪ʹ͍ۙϑ ΟʔυόοΫΛಘΔ͜ͱ͕Ͱ͖Δ ·ͨɺϦϦʔεʹࡌͤͳ͍ίʔυͷͨΊ
࣭ʹͩ͜ΘΒͣɺͲΜͲΜࢼ͠ ͯ ݕূΛૣ͘ճ͠ ͍͚ͯΔ
جૅମྗͷͳ͍·· ։ൃʹίϛοτ ͠ ͍ͯ͘ ͜ͱ σβΠφʔʹͱ ͬͯϋʔυϧ͕ߴ͘ ࠳ં͠ ͯ͠·͏͜ͱ͕ ଟ͍ͷͰͳ͍Ͱ͠
ΐ ͏͔ ·ͨɺతʹίϛοτ͢Δ͜ͱ͚͕ͩ σβΠφʔ͕ίʔυΛॻ͘ ͜ͱͷ తͰͳ͍ͱࢥ͍ͬͯ·͢ ϓϩμΫτ։ൃपลͷ ϓϨογϟʔ͔Βগ͠Εͨॴ͔Β ࣗνʔϜͷॿ͚ʹͳΔ ؒతͳίϛο τΛଓ͚͍ͯ͘ ͜ͱ ྖҬΛԣஅతʹߦ͖དྷ͢Δ ͻͱͭͷํ๏Ͱͳ͍͔ͱࢥ͍ͬͯ·͢ ͝ਗ਼ௌ͋Γ͕ͱ ͏͍͟͝·ͨ͠ CONCLUSION
גࣜձࣾGunosyͰ ϓϩμΫτʹ࣮ʹ ͔͍߹͍͖͍ͬͯͨํΛ ઈࢍืू͠ ͍ͯ·͢ ʂ ͝ڵຯͷ͋Δํ Լه URLΑΓ ͝࿈བྷ͍ͩ͘͞
ʂ http://gunosy.co.jp/recruit/ requirements/engineer/