【Summary】 This will be the podium at `iOS Meetup Tokyo January`. When thinking about UI implementation, it is a summary of parts that can be important in summarizing important points and ideas when putting it in the code I think. 【Sample Code】 https://github.com/fumiyasac/ios_ui_recipe_showcase/tree/convert_xcode10

1. “Reflection of My Books”
Hint of a little ingenuity about UI.
Fumiya Sakai (Just1factory)
2019/01/19 January iOS Meetup Tokyo

2. Self-introduction
・Fumiya Sakai
・Mobile App Engineer
Accounts:
・Twitter: https://twitter.com/fumiyasac
・Facebook: https://www.facebook.com/fumiya.sakai.37
・Github: https://github.com/fumiyasac
・Qiita: https://qiita.com/fumiyasac@github
・Medium: https://medium.com/@fumiyasakai
Speaker:
・Born on September 21, 1984
History:
Web Designer
2008 ~ 2010
Web Engineer
2012 ~ 2016
App Engineer
2017 ~ Present

3. Agenda
・Reflection of My Book.
Chapter1:
Chapter2:
・Hint of a little ingenuity about UI.
Story & Motivation of making book.
Introduction of essence about UI implementation.
Appendix:
・To increase your pieces of idea.

4. Chapter1. Reflection of My Books

5. Thank you for everyone who is interested in my book!
It is a form to introduce points and ideas based on experiences cultivated
in development about iOS Apps as "expressions that can be done with a
little ingenuity and ideas".
Sample Repository:
https://github.com/fumiyasac/ios_ui_recipe_showcase
Currently selling e-book version (Japanese only). ¥1,000
This book is introducing iOS UI Tips & Techniques through some samples.
https://booth.pm/ja/items/1021745
Summary:

6. Motivations
I was so hard to find information about how to make iOS App UI.
Problem:
1. Lack of understanding (ex. UIKit / Lifecycles / Delegate)
2. Excessive dependence of UI Libraries
3. Too many elements in a Storyboard
4. Not proper bridging of UI Elements
I try to introduce UI implementation techniques on Qiita and Github through iOS App samples.
Try:
To solve these problems, I want to stock techniques about UI implementations as my ideas.

7. Inspired
I am helped by many tips about UI and kindness of engineers.
For Example:
ex.) Medium articles / Pinterest ideas / Github repositories / Engineer blogs.
Besides this:

8. Schedule of making Draft
I had to make draft in 50 days, so schedule is important.
2018/08/01: Approved
Before writing
1. Setup Re:View for Typesetting
2. Decide Title & Configuration Plan
2018/08/04: Developing & Writing
Sample developing (~ 8 / 31)
1. Make 4 Pattern Samples
2. Make Code commentary & details
2018/09/14: Check & Xcode Version Up
Addition for Xcode 10
1. Make illustrations for book
2. Design Front Page & Promotion tools
2018/09/25: Draft
Submission to printing shop
1. Buy fixtures of event
2. Update information for event

9. Load map of future
Serialize as“UI Recipe Book”.
I want to pursue UI Implementations to fit the functions in iOS Apps.
This is only beginning for me. I have to continue making more efforts.
1st 2nd 3rd 4rd
Work
in
Progress

10. Chapter2. Hint of a little ingenuity about UI.

11. Digest of Samples < Chapter1 >
Usage of ContainerView & Sliding side menu sample.
1. How to use ContainerView
Parent-child Relationships about ViewController
files & Storyboards.
2. Side Menu in iOS Apps
Practice for making side menu without 3rd party
libraries. It only uses ContainerView.

12. Digest of Samples < Chapter2 >
Usage of CustomTransition & Like Dribbble sample.
1. How to use CustomTransiton
2. Animations with UIScrollView
CustomTransiton can modify animation to move
next or previous screen.
This sample contains animations linking
UIScrollViewDelegate and AutoLayout.

13. Digest of Samples < Chapter3 >
Usage of GestureRecognizer & Like Tinder sample.
1. Linking gesture of your finger
2. Techniques for sticking to details
Select and swipe card actions using
GestureRecognizer and animations.
Practice for making card motions like Tinder
without 3rd party libraries.

14. Digest of Samples < Chapter4 >
Making form UI to input information user selected.
1. A small scheme for UI elements
2. Techniques for user friendly.
Manage as part to prevent Storyboard from
becoming complicated.
Practice for making easy to understand and
useful form ideas.

15. Appendix. To increase your pieces of idea.

16. Reproduce expressions as small parts
First, think about whether you can reproduce a specific part.
Step1. Find expression of concern :
・iOS App you often use
・Github repositories
Step2. Search samples & articles :
・Find articles for reference
・Build sample in library
Step3. Migrate as a small sample :
・Make it as close as possible
・Make screen assuming actual usage
Step4. Write documents as a recipe :
・Procedures and ideas to reproduce
・Summarize the implementation image

17. This is my memo about UI Implementation
I often summarize the implementation ideas & diagrams before coding.
1. Inflate screen image
2. Estimate difficulty level
By exporting the screen image, it will help you
in making something similar in the future.
Consider the degree of difficulty when mounting
along the screen image.

18. Rewarding of iOS App UI Implementation
A important role to complement the function and design.
Between Engineer & Designer :
I want to solve the assignment using iOS
Apps. Even though the means is different,
both the engineer and the designer have the
same feeling.
Another mission for me :
To extract the power of design to the Max !!
Slides URL:
https://www.slideshare.net/fumiyasakai37/ss-115550134

19. Thank you for listening !