- このレッスンでは、基礎から学んだ内容に基づいて、より多様なレイアウトを実装し、 Compositional LayoutとDiffable Datasourceの実践アプリケーションを取り上げます。これにより、単純な例を超えて複雑な画面構成と動的データ処理をよりうまく実装することができます。
[iOS] Swift Modern Collection View & MVVM パターンガイド
MVVMパターンとModern Collection Viewを使用してネットワーキングを実装し、多様で動的なCollection Viewを自由自在に扱えるようになります。
学習した受講者のレビュー
こんなことが学べます
Modern Collection View（Diffable Datasource + Compositional Layout）を基礎から深化まで学んでいきます。
MVVMパターンを使用してプロジェクトを作ってみます。
Snapkit, Kingisher, RxSwift を使ってみることができます。
様々な形態のCollection Viewを作ることができます。
Swift iOS UI、きちんと扱うコア技術！ 📲
iOS Swiftレイアウトを実装するための
MVVMパターン+ライブラリの活用
写真などのアプリのレイアウトはどのように実装しますか？スクロールすると、さまざまなレイアウトがあり、順序もAPIに応じて変わります。
Compositional LayoutとDiffable Datasourceを使用している場合は、Table View内に複数のコレクションビューを配置することなく、複数のレイアウトを1つのコレクションビューに適用できます。
このレッスンは、Compositional LayoutとDiffable Datasourceを使用したModern Collection Viewをビジネスで使用できるようにマスターするためのレッスンです。深化プロジェクトを実装しながら、Snapkit、RxSwiftなどの現業によく使われるライブラリを活用してMVVMパターンを実装してみます。オープンAPIを使用して直接ネットワーキングを実装し、データ値をコレクションビューに描画します。
レイアウトの実装に必要なライブラリを適用し、MVVMパターンをどのように実装するかを直接体験してください。
✅
Modern Collection Viewをマスターしてさまざまな UI を実装できるようにします。
✅
基礎→深化→応用でコースを分けて段階的に学習できます。
✅
アプリケーションフェーズでは、パブリックAPIを使用して直接ネットワークを実装し、もう少し複雑なUIを扱います。
✅
SnapKit、Kingfisher、Rxswift、RxAlamofireを使用してアプリケーションプロジェクトを実装します。
✅
MVVMパターンでプロジェクトを実装しましょう。
✅
グーグルで見つけることができるものよりも深い学習をすることができますよ！
講義はこうして行われます📚
こんな方におすすめです
- SwiftとUIKitを扱った人
- さまざまなコレクションビューレイアウトを実装するのが難しい人
- モダンコレクションビューを使用して新しい方法でレイアウトを実装したい人
4年目スタートアップモバイルiOS開発者、 ダンベロッパーです😃
皆様にモバイルアプリ開発に必要なパターン＆ライブベリー活用法をお伝えします。
1. 基礎 Modern Collection View の使い方
- このレッスンでは、Compositional Layoutを活用したレイアウトの実装と、 Diffable Datasourceによるデータとセルの管理方法を学び、簡単な例で基本的な使い方を学びます。これにより、複雑なレイアウトと動的データ処理を簡単に実現できる技術を習得することができます。
- また、 SnapKitを使用したレイアウト構成とKingfisherを活用したイメージロードを扱い、実務でよく使われる機能を習得し、これを応用する方法を提供します。
2.基礎 Modern Collection View 実習
3. MVVM+ネットワークの実装
4. Modern Collection Viewの深化
📢受講前にぜひご確認ください。
- 基本的なSwift文法とUIKitを扱った経験があるはずです。この講義では、関連内容の詳細な説明を扱っていません。
- オペレーティングシステムにはmacOSを使用し、練習にはXcodeバージョン13以降を使用する必要があります。
こんな方に
おすすめです
学習対象は
誰でしょう？
Swift Collection View UIを自由自在に使いこなしたい方
一歩進んだ Collection View を使用したい方
多様なライブラリを是非使用してみたい方
MVVM パターンに慣れていない方
前提知識、
必要でしょうか？
スイフト
UIKit
カリキュラム
全体
54件 ∙ (7時間 33分)
講座資料（こうぎしりょう）:
授業資料
1. 講義紹介
04:57
2. セクションとアイテムを定義する
05:45
4. レイアウトの概念
03:20
7. スナップショットの実装
07:06
14. プロジェクトのオリエンテーション
04:36
19. Movieエンティティの実装
06:52
21. それぞれのネットワーク実装
09:42
22. Viewレイアウトの実装
14:03
23. MVVMパターンとは
05:08
24. MVVMパターン実装
15:00
25. MVVMパターン実装2 + 実習
02:48
26. MVVMパターンにネットワーキング実装1
09:10
講座掲載日:
最終更新日:
受講レビュー
全体
8件
4.5
8件の受講レビュー
gakyung.gu受講レビュー 4
∙
平均評価 5.0
- asdfaa22
受講レビュー 6
∙
平均評価 5.0
5
100% 受講後に作成1. 일단은 난이도가 입문~초급으로 설정되어 있지만, 본인 기준에서 그보다는 높은 수준의 강의라고 생각됩니다 2. MVVM에 대한 개요를 설명해주시기는 하지만, 사실 이제 막 입문하는 입장에서는 조금 이해하기 어려운 부분도 있었던 것 같습니다. RxSwift와 MVVM을 연결해서 도식화 해서 구조를 설명해주셨으면 이해가 잘 될것 같기도 합니다.( 아 물론 100% 이해시키는 강의는 없을 뿐더러 반드시 수강생이 공부해야 하는 부분도 있기 때문에 개인차가 있을 듯 합니다.) 3. Collection View에 대한 사전 지식이 어느정도 있어야 할 것 같고, 섹션/레이아웃 등 에 대한 코드와 구조 설명도 제가 이해하기에는 조금 어려운 부분이 있었습니다. 4. 스토리보드가 아닌 Snapkit으로 뷰를 구성하는 점은 매우매우 도움이 되는 부분입니다. 5. 단점만 써놓은 것 같지만, 사실 이정도로 유용하고 깊게 다루는 강의는 없는 것 같습니다. 어느정도 ios개발을 이해하시는 분들은 꼭 들으시면 좋은 강의입니다. + 한달 지난 후기 일단, 위에 단점을 줄줄 늘어놨는데 본 강의에서 배운 스냅킷으로 어떠한 뷰와 화면을 구성할 수 있는 자신감이 생겨서 스냅킷으로 클론 코딩 하고 있습니다. 당장 아이디어가 없어서 공부라도 하고싶으신 분들은 이거 들으셔서 스냅킷으로 기존에 있는 앱 클론 코딩해보세요... 도움이 많이되네요...!
- 덤벨로퍼知識共有者
안녕하세요 성의 있는 양질의 피드백 너무 감사합니다 ! 강의를 좀더 개선 시킬 계획인데 반영하기 너무 좋은 내용인것 같아요. 주신 말씀 참고해서 더 나은 강의 만들도록 노력하겠습니다 감사합니다 !
￥3,663
dumveloperの他の講座
知識共有者の他の講座を見てみましょう！
似ている講座
同じ分野の他の講座を見てみましょう！
![[Lv.1] iOS 17 앱 개발 기초 - SwiftUI로 시작하기강의 썸네일](https://cdn.inflearn.com/public/courses/329815/cover/f0cadfc4-389a-4cef-a67b-72fed66ff4c5/Basic_Cover.png?f=avif&w=420)
![성공적인 진짜 iOS Design Guide - [Autolayout With Code]강의 썸네일](https://cdn.inflearn.com/public/courses/332142/cover/4c1ff99b-27a5-4c1c-b2c1-194b170e5144/332142-eng.png?f=avif&w=420)
![RPG 게임 어플 만들기 [iOS 아이폰]강의 썸네일](https://cdn.inflearn.com/public/courses/324527/course_cover/90d24f33-c1fb-4d19-aec5-ec0a802e3ef1/onarcher_rpg.png?f=avif&w=420)
![MAUI [Cross-Platform Applications & C#]강의 썸네일](https://cdn.inflearn.com/public/courses/332442/cover/89ee60dc-f139-4b63-ae28-abd8a6036cb8/332442-eng.png?f=avif&w=420)
