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
4.3k
3
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
コードをコミットできなくたって大丈夫
「UI Crunch #8 UIデザインに求められる実装スキルと考え方」発表資料
http://ui-crunch.connpass.com/event/28054/
hiroaki mori
April 20, 2016
More Decks by hiroaki mori
See All by hiroaki mori
実装する デザイナー:弊社iOS 担当の場合
hmiorroi
3
2.6k
Other Decks in Design
See All in Design
結びながら、ひらく - にじむ境界のデザイン
hilokifigma
4
1.8k
Design dependencies
teba_eleven
0
140
つくり方を変えていく | change-how-we-build
mottox2
2
1.4k
染み出し好きの、 染み出しコントロール論
mukai_takeru
0
180
Accelerating performance improvement based on a software review evaluation matrix
kitanosirokuma
0
260
再設計される業務 - AIにより再設計される "デザインワークフロー" / AI Ops Lab #2 Redesigned orkflows
kgsi
0
770
ISO 9241-171:2025っていうのがあってな
shosira
1
210
AIスライド生成を進化させるMDファイル
kenichiota0711
1
1.4k
From the Visible Crossroads: Turning Outputs into Outcomes
takaikanako
2
1.5k
The Art of Messy the Maid
marzstarz
0
120
社長の宿題への回答 「新卒×AI」が生み出す価値
saki822
2
180
Frontier
rwang05
0
170
Featured
See All Featured
Typedesign – Prime Four
hannesfritz
42
3.1k
Everyday Curiosity
cassininazir
0
250
Getting science done with accelerated Python computing platforms
jacobtomlinson
2
260
A Modern Web Designer's Workflow
chriscoyier
698
190k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
610
GraphQLとの向き合い方2022年版
quramy
50
15k
Abbi's Birthday
coloredviolet
3
8.6k
Skip the Path - Find Your Career Trail
mkilby
1
160
How to Think Like a Performance Engineer
csswizardry
28
2.7k
Into the Great Unknown - MozCon
thekraken
41
2.6k
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
370
How to make the Groovebox
asonas
2
2.3k
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/