カテゴリ一覧 著者一覧
iOSアプリ開発「UI実装であると嬉しいレシピブック Vol.2」
0件
1,000円(税込)
獲得ポイント: 100pt
通常:
10pt
キャンペーン※1 :
90pt
※1  05月05日まで

iOSアプリ開発「UI実装であると嬉しいレシピブック Vol.2」

発売日: 2019年7月7日
想定ページ数: 196ページ
ダウンロード: PDF
OSアプリ開発「UI実装であると嬉しいレシピブック Vol.2」では前回の技術書典5で頒布致しました書籍の続編となります。内容は少し趣向を変えて更にアプリのUIを一つ上のステージへ上げるためのテクニックやGithub等で公開されているOSSのUIライブラリを上手に活用するためのTipsを紹介しております。

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

目次

はじめに

まえがき
動作環境及びバージョン
サンプルに関して
誤表記などに関するお問い合わせに関して
  • 第1章
  • 第2章
  • 第3章
  • iOS14から利用可能な新機能や仕様変更に関する補足事項
  • サンプルにおけるiOS13以降の機能や変更に未対応の部分

第1章 TabBar Animation & Layout

1.1 事前準備に関して
1.2 本章で収録しているサンプル実装における概要
  • それぞれの画面における実装と役割について
1.3 利用したライブラリの紹介
  • Fontawesome.swiftの紹介
  • TransitionableTabの紹介
1.4 このサンプルで利用している便利なExtension集
  • 頻出部分の実装を扱いやすくするためのExtension
  • UITableView・UICollectionViewを扱いやすくするためのExtension
1.5 TabBarControllerの切り替え時にアニメーションを付与する
  • UITabBarControllerを継承したクラスを実装する
  • UITabBarItemと押下時にバウンドするアニメーションを実装する
  • TransitionableTabで定義されているアニメーションを実行するためのコードを実装する
1.6 部品となるViewを実装する
  • Xibを使用した部品単位でのView分割とベースとなるクラスを実装する
  • 角丸のカード状デザインのViewを実装する
1.7 このサンプルで利用しているアーキテクチャ
  • UICollectionViewでの一覧表示における実装例
1.8 UITableViewでのコンテンツ一覧表示に関する実装
  • AutoLayoutの制約値の更新を利用して配置した画像に視差効果を加える
  • スクロール時にセル要素がフェードインして出現するアニメーションを加える
1.9 UICollectionViewでの画像コンテンツ表示に関する実装
  • UICollectionViewLayoutAttributesをカスタマイズするための参考資料
  • UICollectionViewで「Masonry Layout」を実現するクラスを作成する
1.10 コーヒーブレイク

第2章 API Connection & Layout

2.1 事前準備に関して
  • node.js製のjson-serverに関する簡単な紹介
2.2 本章で収録しているサンプル実装における概要
  • それぞれの画面における関連性と役割について
2.3 利用したライブラリの紹介
  • BTNavigationDropdownMenuの紹介
  • Floatyの紹介
  • FSPagerViewの紹介
  • Toast-Swiftの紹介
  • ActiveLabel.swiftの紹介
  • AlamofireImageの紹介
  • SwiftyJSONの紹介
  • APIリクエスト結果をハンドリングする処理で利用したライブラリの紹介
  • その他利用しているライブラリについて
2.4 このサンプルで利用しているアーキテクチャや画面構成について
  • NotificationCenterを利用したデータバインディング
  • 記事一覧表示のAPIレスポンスをEntity構造に合致する形に変換する処理の概要
  • ページング処理を考慮したMVVMパターンでの記事一覧データのハンドリングから表示までの処理
  • UIScrollViewとUIStackViewを組み合わせた一覧表示画面において表示データや通信結果を考慮した表示について
2.5 各種画面表示をするViewControllerから見る実装ポイント
  • 記事詳細表示画面における実装ポイント
  • WKWebViewでQiita記事を表示する画面における実装ポイント
2.6 API通信処理に関連する部分テストコードについて
  • MockとStubを利用したAPI通信処理の代わりとなるものを準備する
  • 各種API通信処理を伴う画面で利用しているViewModelをテストする
2.7 コーヒーブレイク

第3章 Modify Transition & Layout

3.1 事前準備に関して
3.2 このサンプル実装における概要
  • それぞれの画面における関連性と役割について
  • UI表現でライブラリを利用している部分の概要
3.3 利用したライブラリの紹介
  • Cosmosの紹介
  • PINRemoteImageの紹介
  • SkeletonViewの紹介
  • PinterestSegmentの紹介
  • AnimatedCollectionViewLayoutの紹介
  • DeckTransitionの紹介
  • FloatingPanelの紹介
  • ARNTransitionAnimatorの紹介
  • その他利用しているライブラリについて
3.4 このサンプルで利用しているアーキテクチャや画面構成について
  • データ表示部分のアーキテクチャ
  • Storyboardの構成とUIPageViewControllerを組み合わせる
  • UIStackViewを利用したUI表現におけるTIPS紹介
3.5 各種画面表示をするViewControllerから見る実装ポイント
  • 商品一覧表示の画面における実装ポイント
  • 商品詳細表示の画面における実装ポイント
3.6 コーヒーブレイク

あとがき

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

ユーザーレビュー

レビューがありません
書籍をシェアする