Upgrade to Pro — share decks privately, control downloads, hide ads and more …

インタラクティブ画面遷移の実践的解説

Avatar for satoshi0212 satoshi0212
September 17, 2017
Programming
5
6.3k

 インタラクティブ画面遷移の実践的解説

補足: 動画埋め込み部分、Xcodeでの説明を追記した版を別途更新予定です。

Avatar for satoshi0212

satoshi0212

September 17, 2017
Tweet

More Decks by satoshi0212

See All by satoshi0212
macOSで自分のカメラを作ってみよう - Core Media IO Extensions
Avatar for satoshi0212 satoshi0212
3
1.5k
NDIとARKitを連動させた新しい映像表現
Avatar for satoshi0212 satoshi0212
3
1.2k
100日間AR表現を実装して見つけた面白い実装を全力解説
Avatar for satoshi0212 satoshi0212
5
2.2k
Working on mobile AR implementation, what I've implemented and beyond
Avatar for satoshi0212 satoshi0212
0
540
仮想カメラで切り開く拡張現実の世界
Avatar for satoshi0212 satoshi0212
0
630
macOS仮想カメラ「テロップカム」 実装方法とその先
Avatar for satoshi0212 satoshi0212
5
3.9k
ARで悪の組織の会議を実現する
Avatar for satoshi0212 satoshi0212
0
600
クロマキー合成を使い透過動画をAR空間に表示する
Avatar for satoshi0212 satoshi0212
3
10k
ARKit Maniacs
Avatar for satoshi0212 satoshi0212
1
3.7k

Other Decks in Programming

See All in Programming
Head of Engineeringが現場で回した生産性向上施策 2025→2026
Avatar for gessy0129 gessy0129
0
200
株式会社 Sun terras カンパニーデック
Avatar for Sun terras.Inc sunterras
0
1.9k
2026年は Rust 置き換えが流行る！ / 20260220-niigata-5min-tech
Avatar for girigiribauer girigiribauer
0
210
Event Storming
Avatar for Henning Schwentner hschwentner
3
1.3k
2026/02/04 AIキャラクター人格の実装論 口 調の模倣から、コンテキスト制御による 『思想』と『行動』の創発へ
Avatar for Sald ra sr2mg4
0
650
文字コードの話
Avatar for Masaki Hara qnighy
43
16k
「やめとこ」がなくなった — 1月にZennを始めて22本書いた AI共創開発のリアル
Avatar for atani atani14
0
330
NOT A HOTEL - 建築や人と融合し、自由を創り出すソフトウェア
Avatar for Hokuto Shimokawa not_a_hokuts
2
490
go directiveを最新にしすぎないで欲しい話──あるいは、Go 1.26からgo mod initで作られるgo directiveの値が変わる話 / Go 1.26 リリースパーティ
Avatar for Arthur arthur1
2
400
クライアントワークでSREをするということ。あるいは事業会社におけるSREと同じこと・違うこと
Avatar for nnaka2992 nnaka2992
1
230
AIと一緒にレガシーに向き合ってみた
Avatar for nyafunta9858 nyafunta9858
0
450
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
100

Featured

See All Featured
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2.1k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
66k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
470
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
620
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4k
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
140
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
0
150
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
269
14k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
130
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
140

Transcript

  1. ΠϯλϥΫςΟϒը໘ભҠ ͷ࣮ફతղઆ ෰෦ ஐ גࣜձࣾAbemaTV 2017/9/16 iOSDC

  2. None

  3. Satoshi Hattori satoshi0212 AbemaTV Twitter: @shmdevelop ৽͍ٕ͠ज़ͱɺͦͷগ͠มΘͬͨ࢖͍ํ͕େ޷͖ TechCrunch Tokyo 2015

    Hackathon ༏ल৆ Mizuho.Hack ༏ल৆ Microsoft MPC Hackathon TMCN৆ Hack Cars Days 2015 χϑςΟ৆ MUSICIANS HACKATHON 2015 ༏ल৆

  4. ͜͜ͰલఏΛڞ༗

  5. ਺ϲ݄લͷແ஌ͳࢲ͸ɺ͜Μͳൃද಺༰͕৺͔Βཉ͔ͬͨ͠...ʂ iOS9 Ҏ߱Λର৅ ͭ·Γ iOS10͔Βͷػೳ͸࢖͍ͬͯ·ͤΜ ·ͨࠓճͷ࣮૷Ͱ͸֎෦ϥΠϒϥϦΛ࢖༻͍ͯ͠·ͤΜ

  6. ࠓ೔࿩͢಺༰ ΠϯλϥΫςΟϒը໘ભҠͱ͸ ࣮૷ղઆ ɹɹ1. Ϟʔμϧը໘ͷΠϯλϥΫςΟϒԽ ɹɹ2. ಉҰը໘಺ͰͷΠϯλϥΫςΟϒঢ়ଶભҠ

  7. ΠϯλϥΫςΟϒը໘ભҠͱ͸

  8. Ϣʔβૢ࡞ʹΑΔมԽྔʹԠͨ͡ τϥϯδγϣϯΞχϝʔγϣϯ

  9. ΧελϜτϥϯδγϣϯ + α

  10. SafariͷΤοδεϫΠϓ

  11. ʮભҠʹΠϯλϥΫςΟϒੑΛ௥Ճ͢Δʯ

  12. “ΞχϝʔγϣϯΛΠϯλϥΫςΟϒʹ͢Δʹ͸ɺ UIPercentDrivenInteractiveTransition ΦϒδΣΫτΛ࢖༻͢Δͷ͕ ࠷΋؆୯Ͱ͢ɻUIPercentDrivenInteractiveTransition ΦϒδΣΫτ ͸ɺطଘͷΞχϝʔλʔΦϒδΣΫτͱ࿈ܞͯ͠Ξχϝʔγϣϯͷλ ΠϛϯάΛ੍ޚ͠·͢ɻ” Apple "View Controller

    Programming Guide for iOS" ΑΓҾ༻ ʮભҠʹΠϯλϥΫςΟϒੑΛ௥Ճ͢Δʯ

  13. ࣸਅ

  14. AWA

  15. ࣮ફฤ: 1 Ϟʔμϧը໘ͷΠϯλϥΫςΟϒԽ

  16. ݩͷঢ়ଶ

  17. ݩͷঢ়ଶ presentͰը໘શମʹϞʔμϧදࣔ

  18. ໨తͱ͢Δঢ়ଶ

  19. ΠϯλϥΫςΟϒʹ͢Δ͜ͱ ը໘ͷ໿൒෼·Ͱͷදࣔʹ͢Δ͜ͱ

  20. ΠϯλϥΫςΟϒʹ͢Δ·Ͱ

  21. 1. dismissτϥϯδγϣϯΛ੍ޚ͢ΔUIViewControllerAnimatedTransitioning ͷ ࣮૷ΫϥεͱͦΕΛ࢖͏ͨΊͷϓϩτίϧ࡞੒ 2. Ϟʔμϧը໘ʹϓϩτίϧద༻ 3. දࣔݩը໘ͰUIViewControllerTransitioningDelegateΛ࣮૷ ΠϯλϥΫςΟϒʹ͢Δ·Ͱ

  22. શը໘Ͱ͸ͳ͘ը໘ͷҰ෦ΛදࣔྖҬʹ͢Δ·Ͱ

  23. 1. UIPresentationControllerΛ࣮૷͢ΔΫϥεΛ࡞੒ 2. දࣔݩը໘ͰUIViewControllerTransitioningDelegateͰݺͼग़͠௥Ճ શը໘Ͱ͸ͳ͘ը໘ͷҰ෦ΛදࣔྖҬʹ͢Δ·Ͱ

  24. Xcode΁

  25. ࣮ફฤ: 2 ಉҰը໘಺ͰͷΠϯλϥΫςΟϒঢ়ଶભҠ

  26. ݩͷঢ়ଶ ΠϯλϥΫςΟϒੑͳ͠

  27. ໨తͱ͢Δঢ়ଶ

  28. ͔ͳΓΠϯλϥΫςΟϒʂ

  29. ͋Ε...

  30. Present / Dismiss ΍ Push / Pop Ͱ ࣮ݱͰ͖Δؾ͕͠ͳ͍ͧ...

  31. ը໘಺ͷΠϯλϥΫςΟϒͳঢ়ଶભҠ

  32. ը໘಺ͷΠϯλϥΫςΟϒͳঢ়ଶભҠ CGAffineTransformར༻ॲཧͱalpha஋ௐ੔ UIScrollViewར༻ʹΑΔprogress஋ੜ੒Ͱ࣮ݱͨ͠

  33. Xcode΁

  34. ·ͱΊ

  35. ·ͱΊ - UIPercentDrivenInteractiveTransition ΦϒδΣΫτͱ஥ྑ͘ͳΖ͏ - ը໘಺ͷΠϯλϥΫςΟϒͳঢ়ଶભҠͰ͸ɺCGAffineTransformར༻Ͱͷ ॲཧͱalpha஋ௐ੔ΛɺUIScrollViewར༻ʹΑΔprogress஋ੜ੒Ͱ࣮ݱͨ͠

  36. ΞϓϦΛૉఢʹ͍ͯ͜͠͏ͥʂ

  37. Enjoy! iOSDC 2017

  38. - എܠϒϥʔɺυϩοϓγϟυ΢ɺ্୺ͷΈؙ֯ͷಉ࣮࣌ݱ͸·͡େมͩͬͨ - ॎɺԣɺiPadରԠͨ͠AutoLayout૊Έ͖ͬͨͥʂ - αΠόʔΤʔδΣϯτϒʔεʹؾܰʹ࿩ֻ͚͠ʹ͖͍ͯͩ͘͞ - Appleͷ޻෉͕ࢀߟʹͳΔ ɹγϟυ΢ͷมԽɺݩը໘ͷҠಈɺด͡Δɺ։͘εϨογϣϧυͷมԽ ༨ஊ