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
4.1k
コードをコミットできなくたって大丈夫
「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
SAMSUL KAMAR ABDUL RAHMAN
samsulrahman32
0
160
decksh object reference
ajstarks
2
1.3k
mento Design Team Portfolio
mento0fficial
1
670
1920*1080pxに設定したケース / Google Slide Size Test
arthur1
0
3.3k
CMS管理画面のアクセシビリティ
magi1125
8
2.5k
Hatena Engineer Seminar #33 チームと開発するためのモック
takuwolog
0
430
CursorでAI活用のナレッジベースを構築する
kanzaki
0
670
ランドマークが光る!季節を彩るナビ体験 - Mobility Night #3 -
kitau
0
120
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
330
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
540
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
securecat
5
1.7k
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
1.9k
Featured
See All Featured
How to Ace a Technical Interview
jacobian
279
23k
Side Projects
sachag
455
43k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.7k
Automating Front-end Workflow
addyosmani
1370
200k
How STYLIGHT went responsive
nonsquared
100
5.8k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
139
34k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.2k
The Art of Programming - Codeland 2020
erikaheidi
56
13k
The Pragmatic Product Professional
lauravandoore
36
6.9k
A Modern Web Designer's Workflow
chriscoyier
696
190k
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/