✨ 概要

これまでの書籍ではUI実装のアイデアや具体的な手法についてフォーカスを当てた書籍を3冊執筆してきましたが、急遽Vol.3の前段として更に番外編として表現や動きが特徴的でかつ、ユーザーにもほんの少しだけ遊び心を与えるような楽しい感覚を抱かせてくれるようなUI実装に関する解説を「おもしろ編（番外編Vol.2）」として簡単でありますがまとめたものになります。Chapter1及びChapter2で紹介しているサンプル実装についてはUIKitをベースに構築したサンプルとなっていますが、Chapter3ではiOS13から登場したSwiftUIを利用して構築したサンプルとなっております。

これまでの実務の中で培ってきた知識や知見に加えて、一般的なiOSアプリに対しては利用可能なケースは限られてしまうかもしれませんが、アニメーションやインタラクションにひと工夫を加えることによって、見た目にも美しく触っていて思わず楽しくなりそうな感じのUI実装のエッセンスと、これからの普及が見込めるSwiftUIとOSSのライブラリをうまく利用するアイデアを紹介しておりますので、ほんの少しでもiOSアプリ開発におけるUI実装の道標となることができれば嬉しく思います。

✨ 収録サンプルのダウンロードについて

下記URLにこの中で解説を行なっているサンプルコードのGithubリポジトリも公開しておりますので、是非実際のコードとご一緒に活用して頂ければと思います。

https://github.com/fumiyasac/meals_2nd_ios_ui_recipe_showcase

✨ 目次

まえがき

• 動作環境及びバージョン
• サンプルに関して
• 誤表記などに関するお問い合わせに関して

第1章 Photo Gallery & Transition

• 事前準備に関して
• 本章でのサンプル実装における概要
• サンプル実装画面に関する説明
• 上下及び左右方向の同時スクロールを実現するレイアウトの実装解説
• サムネイル一覧画面から拡大表示する形の画面遷移処理の実装解説
• Safariアプリのタブ表示に類似したレイアウトの実装解説
• UITabBarControllerの切り替えアニメーションの実装解説
• UICollectionViewまたはUIScrollViewのどちらを利用するかの考察
• コーヒーブレイク

第2章 Screen With Passcode Lock

• 事前準備に関して
• 本章でのサンプル実装における概要
• サンプル実装画面に関する説明
• 利用したライブラリの紹介
• 本章のサンプルで利用しているアーキテクチャに関して
• コンテンツ一覧からセミモーダルビューで表示する画面を実装する
• パスコードロック機能にひと工夫を加えるためのポイント解説
• パスコードロック画面を実装する
• 機能を更により良くするためのアイデアや導入時に注意すると良い点
• コーヒーブレイク

第3章 Layout With SwiftUI

• 事前準備に関して
• 本章でのサンプル実装における概要
• サンプル実装画面に関する説明
• 利用したライブラリの紹介
• 本章における各画面を構成するView要素の分割に関して
• ライブラリ「ASCollectionView」を利用した実装
• ライブラリ「WaterfallGrid」を利用した実装.
• 画面トップ位置に配置したサムネイル画像のパララックス表現部分の実装
• 本章のサンプルで利用しているその他ExtensionやUI調整に関する紹介
• コーヒーブレイク

あとがき

• 今回の執筆に当たって
• 筆者プロフィール