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
XCode6 / iPhone6 / iOS8 デザイナーが知ってると 便利なTips
Search
takatomo okitsu
October 15, 2014
Technology
34
12k
XCode6 / iPhone6 / iOS8 デザイナーが知ってると 便利なTips
takatomo okitsu
October 15, 2014
Tweet
Share
More Decks by takatomo okitsu
See All by takatomo okitsu
笑顔があつまるインスタレーション Smile:D #potatotips7
okitsutakatomo
0
4k
デブサミ2014【14-C-4】 DeNAにおけるゲーム以外の新規事業の立ち上げ方
okitsutakatomo
37
13k
Groonga with MapKit
okitsutakatomo
3
1k
Other Decks in Technology
See All in Technology
可視化により内部品質をあげるAIドキュメントリバース/20240910 Hiromitsu Akiba
shift_evolve
0
180
「家族アルバム みてね」における運用管理・ オブザーバビリティの全貌 / Overview of Operation Management and Observability in FamilyAlbum
isaoshimizu
4
140
Analytics-Backed App Widget Development - Served with Jetpack Glance
miyabigouji
0
210
ロボットアームを遠隔制御の話 & LLMをつかったIoTの話もしたい
soracom
PRO
1
260
強いチームを夢見て-PMからSREに転身して1年の振り返り / 20240906_bengo4_sre
bengo4com
2
830
SAVEPOINT α版
savepoint
0
620
20240906_JAWS_Yamanashi_#1_leap_beyond_the_AWS_all_certifications
tsumita
1
270
標準ライブラリの奥深アップデートを掘り下げよう!
logica0419
2
450
2024年版 運用者たちのLLM
nwiizo
3
530
音声AIエージェントの世界とRetell AI入門 / Introduction to the World of Voice AI Agents and Retell AI
rkaga
4
890
自社サービスのための独自リリース版Redmine「RedMica」の取り組み
vividtone
0
1.1k
Datadog を使ったプロダクトとクラウドの セキュリティモニタリング
mrtc0
0
620
Featured
See All Featured
Happy Clients
brianwarren
96
6.6k
From Idea to $5000 a Month in 5 Months
shpigford
379
46k
Become a Pro
speakerdeck
PRO
22
4.9k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
26
1.9k
No one is an island. Learnings from fostering a developers community.
thoeni
18
2.9k
BBQ
matthewcrist
83
9.1k
How STYLIGHT went responsive
nonsquared
93
5.1k
Navigating Team Friction
lara
183
13k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
Building Adaptive Systems
keathley
36
2.1k
How to Ace a Technical Interview
jacobian
275
23k
What the flash - Photography Introduction
edds
67
11k
Transcript
XCode6 / iPhone6 / iOS8 σβΠφʔ͕ͬͯΔͱ ศརͳTips ԭوஐ@DeNA 2014/10/15 UI
Crunch http://ui-crunch.com/
@okitsu ԭوஐ ʢΦΩπλΧτϞʣ DeNAͰΤϯδχΞͬͯ·͢ɻ iOS/AndroidΞϓϦͷ։ൃ͕ଟ͍Ͱ͢ɻ
• Mobage • Comm: Free calls, texts and fun! •
Baseball Stadium LIVE • Peko: Play to be Paid! • SHOWROOM • Yokohama DeNA Baystars
͍͖ͳΓͰ͕͢ɺ iPhone6 / 6 Plus ରԠ ਐΜͰ·͔͢ʁ
iPhone6ʹରԠͰ͖ͯΔ͔Ͳ͏͔ݟ͚Δํ๏ iPhone6 iPhone5s iPhoneΛԣʹฒͯφϏήʔγϣϯόʔͷߴ͞ΛݟΔ ಉ͡ɹɿiPhone6ରԠࡁ ҟͳΔɿiPhone6ະରԠ
iPhone6ʹରԠͰ͖ͯΔ͔Ͳ͏͔ݟ͚Δํ๏ iPhone6 iPhone5s ߴ͕͞ҟͳΔύλʔϯ TwitterରԠͯ͠Δ͚ͲFacebook·ͩͳͷͶɺͱ͍͏ײ͡ͰѲͰ͖Δɻ
ରԠͰ͖͍ͯͳ͍ΞϓϦiPhone6ͰͲ͏ දࣔ͞Ε͍ͯΔͷ͔ʁ • Scaling modeͱ͍͏ͷ͕ൃಈ͠ɺΞεϖΫτൺΛҡ࣋ͨ͠ ··֦େදࣔ͞Ε͍ͯΔɻ • ͬ͘͡ΓݟΔͱɺεςʔλεόʔͷ࣌ࠁͷจࣈͱ͔ଟগ΅ ͚͍ͯΔͷ͕Θ͔Δͣɻ ී௨ʹݟ͑ͯͦ͏͚ͩͲɺ࣮ͬͦ͜Γ
֦େ͞Εͯͨͱ͍͏Φν
iPhone6Ͱී௨ʹݟΕͯΔ͠ɺ ಛʹiPhone6ରԠ͍Βͳ͔͔ͬͨͳʁ ͱࢥͬͯ҆৺ͯͨ͠Γ͠·ͤΜ͔ʁ ͦΕؒҧ͍ͳͷͰ͙͢ʹࣗࣾʹͬͯΤϯδχΞʹ ૬ஊ͍ͯͩ͘͠͞ʂ ! ͬͱը໘αΠζΛ༗ޮʹ͑·͢ɻ ࣗࣾͷΞϓϦʹؔͯ͠…
iPhone6 Plus
iPhone6 Plus Α͋͘Δצҧ͍ • @3xͷը૾͕ඞཁΈ͍ͨͳ͕ྲྀΕͯ͘Δɻ ˠiPhone5S(Retina)ͱ͘Βͯղ૾1.5ഒʹͳͬͨͷ͔ʙ ˠεϖοΫݟΔ
iPhone6 Plus iPhone5S 401ppi 326ppi શવ1.5ഒ͡Όͳ͍ɻ1.23ഒ͙Β͍͔͠ͳ͍ɻ ຊͳΒ480 ppi͙Β͍ཉ͍͠ɻͲ͏͍͏͜ͱʁ
iPhone 6 Plus ࣮… • ΧλϩάεϖοΫɺ ըૉ 1,920 × 1,080
ϐΫηϧͷ 401ppi ͳΜ͚ͩͲɺ෦తʹɺ ըૉ 2,208 × 1,242 ϐΫηϧ͋Δͷͱͯ͠ܭࢉ͠ɺ දࣔ͢Δࡍʹॖখ(0.87ഒ)ͯ͠ද͍ࣔͯ͠Δɻ • PhotoShopͳͲͰUIσβΠϯ͢Δ߹ʹɺ 2,208 x 1,242ϐΫηϧͷαΠζͰ࡞͢Δͷ͕ਖ਼ղɻ IUUQXXXQBJOUDPEFBQQDPNOFXTJQIPOFTDSFFOTEFNZTUJpFE
ϕΫλʔσʔλ
@1x @2x @3x … • օ͞Μ͍ͭ@1x, @2xͷ2छྨͷը૾༻ҙͯ͠·ͤΜ͔ʁ • ͞Βʹ iPhone6PlusରԠͰɺ@3xՃ͞Εͯɺ
ʮͻʔʂʯͬͯͳͬͯ·ͤΜ͔ʁ ࠷৽ͷXCode6ΑΓɺϕΫλʔσʔλͱͯ͠PDF ͕ ͑ΔΑ͏ʹͳΓ·ͨ͠ɻ ˞ͨͩ͠ɺར༻ʹ͍͔ͭ͘ҙ͋Γ·͢
iOSͰϕΫλʔσʔλΛར༻͢Δࡍͷҙ • લఏͱͯ͠ɺͳΜͰ͔ΜͰॊೈʹ֦େॖখ͞ΕΔΘ͚Ͱͳ͍ɻ • ۩ମతʹɺΞϓϦʹpdfΛؚΊͯϏϧυ͢Δͱɺ෦ͰϥελϥΠ ζʢϏοτϚοϓԽʣ͞ΕΔɻ݁Ռɺ@1x, @2x, @3xͷϏοτϚοϓ ϑΝΠϧ͕࡞ΒΕΔɻ •
දࣔͷࡍʹɺ࡞ΒΕͨϏοτϚοϓ͕ར༻͞ΕΔɻ • ݩͱͳΔpdfϑΝΠϧɺ@1xͷαΠζͰ࡞͢Δඞཁ͕͋Δɻʢͦ ͏͠ͳ͍ͱδϟΪΔʣ • iOSͷόʔδϣϯͷ੍ݶͳ͠ʢiOS7, iOS6Ͱར༻Մʣ
ϕΫλʔσʔλ(pdf)ͷࢦఆํ๏ ※pdfAsset CatalogͰ͔͠ࢦఆͰ͖·ͤΜɻ Y
iPhone5s iPhone6 iPhone6 Plus ग़ྗྫ
LaunchScreen
LaunchScreen (εϓϥογϡը໘) • iPhone6 / iPhone6 Plus͕Ճ͞Εͨ͜ͱͰɺ iPhone4Ҏ্(iOS7Ҏ্)Ͱ࠷4छྨͷը૾͕ඞཁɻ ΞϓϦͷαΠζ૿͑Δ͠ΊΜͲ͍͘͞ɻ
LaunchScreenΛ1ϑΝΠϧʹʂ • XCode6͔ΒɺLaunchScreenΛ1ϑΝΠϧʹ·ͱΊΒ ΕΔػೳ͕Ճɻ • ࠓ·Ͱը૾͔͠ࢦఆͰ͖ͳ͔ͬͨͷ͕ɺxib/ storyboardͱ͍͏ϑΝΠϧ1ͭͰରԠͰ͖ΔΑ͏ʹ ͳͬͨɻ
xibϑΝΠϧ࡞ྫ
1ϑΝΠϧͰશը໘αΠζʹରԠ ※ͨͩ͠iOS8Ҏ্ɻiOS7ҎԼ͜Ε·ͰͲ͓Γը૾Λ༻ҙ͢Δඞཁ͋Γ
ʲศརαʔϏεհʳiOS.zip • iOSΞϓϦਃʹඞཁͳը૾ηοτΛ 1clickͰ·ͱΊͯμϯϩʔυͰ͖Δ ศརαʔϏεɻ • iPhone/iPad྆ํʹରԠɻͪΖΜ iOS8ରԠ • ༻ҙ͢Δը૾ͷछྨ͕ଟ͗ͯ͢
هԱ͢ΔͷෆՄೳͳͨΊɺ͜͏͍͏ ͷੵۃతʹར༻ͨ͠΄͏͕ྑ͍ɻ • ։ൃऀͷ @hirama2 ͋Γ͕ͱ͏ʂ http://ioszip.mashroom.in/
App Previews
App Previews • AppStoreʹܝࡌ͞ΕΔΞϓϦհಈը • ΞϓϦਃ࣌ʹొͰ͖ΔΑ͏ʹͳͬͨ ʢͨͩ͠OSX Yosemite͕ඞਢʣ • 15ඵʙ30ඵҎɺ500MBҎɺ30fpsҎ
• H.264ʢਪʣ͔Apple ProRes videoίʔσοΫ • ղ૾ɾըૉσόΠε͝ͱʹࢦఆ͋Γ • αϜω5ඵ࣌ͷͷ͕ࣗಈతʹબʢมߋՄʣ • ૢ࡞͢ΔਓखͳͲΛ͏ͭͯ͠μϝɺͳͲ੍ݶ͋Γ IUUQTEFWFMPQFSBQQMFDPNMJCSBSZJPTEPDVNFOUBUJPO-BOHVBHFT6UJMJUJFT$PODFQUVBMJ5VOFT$POOFDU@(VJEF"QQFOEJDFT 1SPQFSUJFTIUNM
ͱ͜ΖͰ… • iPhoneͷը໘ΛಈըͰը͢Δํ๏ͬͯɺ օ͞ΜͲ͏ͯ͠·͢ʁ • ࠷ۙͩͱ AirPlay + Refrector ͷΈ߹Θ͙ͤΒ͍͔͠બ
ࢶͳ͍ʁ http://macwin.org/mac/reflector/ • ͨͩϑϨʔϜϨʔτͯ͘ΧΫ͍ͭͨΓɻ͍·͍ͪɻ • Wi-FiઃఆΊΜͲ͔ͬͨ͘͞Γ
iPhoneͷը໘ΛಈըͰը͢Δํ๏ ܾఆ൛ • 10ϦϦʔε༧ఆͷ࣍ظOSX Yosemite(10.10) + QuickTime Ͱɺ೦ئͷެࣜαϙʔτʂʂ • iPhoneΛUSBͰͭͳ͙͚ͩͰQuickTimeͰը໘ͷಈըΛը
Ͱ͖ΔΑ͏ʹͳΓ·͢ɻʢiOS8Ҏ߱ʣ • ༗Γ͍͜ͱʹɺը࣌ʹɺεςʔλεόʔͷ࣌ؒΩϟϦΞ ใɾόοςϦʔɾిͷڧ͞ͳͲͷදࣔΛΑ͠ͳʹݻఆɻ S*FTBANKͱ͔ফ͞ΕΔ όοςϦʔৗʹ100% (sample)
Ҏ্ ͱ͍͏͜ͱͰɺ XCode6 iPhone6 iOS8ରԠ ͍Ζ͍ΖେมͰ͕͢ૉఢͳ͜ͱ ૿͑ͯ·͢ͷͰ Ҿ͖ଓ͖ؤுΓ·͠ΐ͏͆