SwiftUIが発表された過去の Apple の基調講演以来、大量のドキュメント、例、ビデオ、チュートリアルが登場しました。このリポジトリの目的は、このすべての情報を収集し、 SwiftUIに関する情報を検索できる独自の場所を確保することです。

SwiftUI は、Swift の機能を利用してすべての Apple プラットフォームにわたってユーザーインターフェイスを構築する革新的かつ非常に簡単な方法です。 1 セットのツールと API だけを使用して、あらゆる Apple デバイスのユーザーインターフェイスを構築します。 SwiftUI は、読みやすく自然に書きやすい宣言型の Swift 構文を備えており、新しい Xcode デザインツールとシームレスに連携して、コードとデザインの完全な同期を保ちます。ダイナミックタイプ、ダークモード、ローカリゼーション、アクセシビリティが自動的にサポートされるということは、 SwiftUIコードの最初の行がすでに、これまでに作成した中で最も強力な UI コードであることを意味します。

 Apple製

ドキュメント

SwiftUI
公式ドキュメント
- 必需品
  - SwiftUI の紹介。 SwiftUI は、Apple プラットフォームのユーザーインターフェイスを宣言する最新の方法です。美しく動的なアプリをこれまで以上に迅速に作成します。
  - アプリの構造と動作。アプリのエントリポイントと最上位の組織を定義します。
- ユーザーインターフェース
  - ビューとコントロール。コンテンツを画面上に表示し、ユーザーとの対話を処理します。
  - レイアウトとプレゼンテーションを表示します。スタック内のビューを結合し、ビューのグループとリストを動的に生成し、ビューのプレゼンテーションと階層を定義します。
  - 描画とアニメーション。色、形状、影を使用してビューを強化し、ビュー状態間のアニメーション遷移をカスタマイズします。
  - フレームワークの統合。 SwiftUI ビューを既存のアプリに統合し、AppKit、UIKit、WatchKit ビューとコントローラーを SwiftUI ビュー階層に埋め込みます。
- データとイベント
  - 状態とデータフロー。アプリのモデル内のデータと変更のフローを制御し、それに対応します。
  - ジェスチャー。タップ、クリック、スワイプからきめ細かいジェスチャまでのインタラクションを定義します。
- Xcode でのプレビュー
  - プレビュー。カスタムビューの動的でインタラクティブなプレビューを生成します。
- SwiftUIでアプリを開発する
  - SwiftUI を使用してアプリを開発します。 SwiftUI と Xcode を使用してアプリを作成します。毎日のスクラムを追跡するアプリ、Scrumdinger を構築します。

? WWDC ビデオ

2️⃣0️⃣2️⃣2️⃣
- こんにちは、Swift チャート
- ナビゲーション用の SwiftUI クックブック
- SwiftUI の新機能
- SwiftUI でカスタムレイアウトを作成する
- Swift チャート: ハードルを上げる
- iPad の SwiftUI: ツールバー、タイトルなどを追加する
- iPad の SwiftUI: インターフェースを整理する
- AppKit で SwiftUI を使用する
- UIKit で SwiftUI を使用する
- 複数のウィンドウを SwiftUI アプリに取り込む
- 効率化が求められます: SwiftUI のバックグラウンドタスク
- SF シンボルに可変色を採用
2️⃣0️⃣2️⃣1️⃣
- SwiftUI アプリにリッチなグラフィックを追加する
- SwiftUI で検索エクスペリエンスを作成する
- Swift での async/await に出会う
- SwiftUI の新機能
- SwiftUI をわかりやすく解説
- SwiftUI での同時実行性の発見
- SF シンボル 3 アプリを探索する
- SwiftUIのSFシンボル
- SwiftUI アクセシビリティ: 基本を超えて
- SwiftUI でフォーカスを直接反映する
- SwiftUI アプリをローカライズする
2️⃣0️⃣2️⃣0️⃣
- tvOS 用の SwiftUI アプリを構築する
- SwiftUI でコンプリケーションを構築する
- SwiftUI の紹介
- SwiftUI の新機能
- SwiftUI のアプリの必需品
- SwiftUI ビューを視覚的に編集する
- Swift Playgrounds で SwiftUI ビューを構築する
- SwiftUI でドキュメントベースのアプリを構築する
- SwiftUI のスタック、グリッド、アウトライン
- ウィジェット用の SwiftUI ビューを構築する
- 素晴らしいウィジェットをデザインする
- ウィジェットコードアロング
- SwiftUI のデータの基礎
- SwiftUI プレビュー用にアプリを構造化する
2️⃣0️⃣1️⃣9️⃣
- SwiftUI の紹介: 初めてのアプリの構築
- SwiftUI の必需品?
- SwiftUI を介したデータフロー
- SwiftUI を使用してカスタムビューを構築しますか?
- SwiftUIの統合
- SwiftUI のアクセシビリティ
- すべてのデバイスで SwiftUI
- watchOS 上の SwiftUI
- Xcode プレビューをマスターする

?最も興味深い

??‍?チュートリアル

ビューの作成と結合
UI コントロールの操作
ユーザー入力の処理
リストとナビゲーションの構築
パスとシェイプの描画
ビューとトランジションのアニメーション化
複雑なインターフェースの構築
UIKitとのインターフェース

?コミュニティによって

?本

Ray wenderlich によるチュートリアルによる Swift UI
Combine: Swift による非同期プログラミングby Ray wenderlich
Ray wenderlich によるチュートリアルによる Catalyst
SwiftUI by Example - Swift を使ったハッキングの本
SwiftUI Views クイックスタート (無料) by Big Mountain Studio
Big Mountain Studio によるSwiftUI Views Mastery
Big Mountain Studio によるSwiftUI アニメーションマスタリー
Big Mountain Studio によるSwiftUI でのデータの操作
Big Mountain Studio によるSwiftUI のマスタリーを組み合わせる
結合の使用(Gumroad の PDF/ePub、Joseph Heck 著)
??SwiftUI实战、带你入门苹果最新のUI开発信框架 - SwiftUI in Action、Appleの最新のUI開発フレームワークをお届けしますby zixiao233
objc.ioによるSwiftUIで考える
まったくの初心者のための SwiftUI (Jayant Varma 著)

?コース

SwiftUI を学びましょう。メン・トー著
SwiftUI マスタークラス 2021 - iOS 14 アプリ開発 & Swift 5 。ロバート・ペトラス著
??SwiftUI 中文教程 - SwiftUI-Tutorials 。 by ウィリーワンウェイ
SwiftUI - 完全な開発者コース。スティーブン・デステファノ著
CS193p - iOS 用アプリの開発。スタンフォード大学による

?ウェブサイト

SwiftUI ハブ - SwiftUI チュートリアルとリソース
めちゃくちゃな SwiftUI - SwiftUI チートシート
Gi シート - github 上の究極の SwiftUI チートシート
SwiftUI - SwiftUI チートシート (作業しやすいミラー)
SwiftUI Lab - ドキュメントが不足している場合は実験します
SwiftOnTap – 例を含む完全な SwiftUI ドキュメント
デザイナー向けの SwiftUI の例
SwiftUI チュートリアル

?記事

Swift を使用したハッキングによるSwiftUI の例
Swift をハッキングしてSwiftUI を始めましょう
Swift を使ったハッキングによるSwiftUI のヒントとコツ
SwiftUI の高次コンポーネントby Andrei Villasana
@SwiftBySundell によるSwiftUI と UIKit および AppKit の関係
@SwiftBySundell によるSwiftUI に関するよくある質問への回答
SwiftUI の初見: @SwiftBySundell による Apple の宣言型の新しい UI フレームワーク
SwiftUI の宣言構文のコンパイラマジックの内部by Bruno Rocha
SwiftUI を使用した現実世界のアプリの作成(Majid Jabrayilov 著)
SwiftUI IB(UIStoryboard) に別れを告げるのでしょうか?モハマド・サワルハ著
SwiftUI で簡単なカウントダウンタイマーを作成する方法by Antoine Barrault
チュートリアル: SwiftUI プロジェクトをセットアップする方法(Martin Lasek 著)
Flutter にとって SwiftUI が意味するものby Martin Rybak
SwiftUI の紹介by Santosh Botre
iOS 13 の SF シンボルby craigrummitt
SwiftUI を深く理解するby Balraj Singh
Jille van der Weerd によるSwiftUI に関する懐疑派の見解
SwiftUI のオプションby Jasper Haggenburg
SwiftUI での UIViewController の提示by Johannes Nevels
React Native 開発者向けの SwiftUI (Rohan Panchal 著)
SwiftUI のファーストルック: AppCoda によるシンプルなテーブルビューアプリの構築
ストーリーボードはまだ生きていますか?ナビル・カジ著
?? SwiftUI に似ていますか?ニコラス・バチュール著
RxSwift と Apple の統合「チートシート」 by Shai Mishali
SwiftUI の第一印象by Matt Gallagher
SwiftUI ボタンで遊ぶby Alejandro Martinez
6 月 9 日 SwiftUI の API を強化する Swift 5.1 の機能by @SwiftBySundell
SwiftUI の紹介 — パート 1 (Suyash Srijan 著)
iOS 用 SwiftUI でチャットアプリまたはメッセンジャーを構築する方法 Swift by Nick Halavins
SwiftUI: 入門by Ray wenderlich
SwiftUI と Kotlin マルチプラットフォームが融合しました!投稿者: johnoreilly.dev
SwiftUI サンプルを理解する(Rui Peres 著)
?? SwiftUI - 彼が得たiOSアプリNeverlandによる初体験
SwiftUI はコーディング方法以上に変化しますby Harlan Kellaway、Prolific Interactive
SwiftUI の「一部」とは何ですか?ミーシャ・ヒルデブランド著
SwiftUI と Interface Builder および Swift によるハッキングによるストーリーボード
SwiftUI の基本: リストの取得by Mat Schmid
SwiftUI、個人的な考え、Model-View-Presenter by David Cordero
SwiftUI を使用した Tinder のクローン作成by David Doll
SwiftUI: UIKit からのプロジェクト移行(Nik Rodionov 著)
MessageUI、SwiftUI、UIKitの統合
SwiftUI でのテーブルビュー (リスト) のマスタリングby BLACKBIRDS
SwiftUI を使用した現実世界のアプリケーションの作成(Thomas Ricouard 著)
SwiftUI と Compose by QuickBird Studios
SwiftUI の高度なリスト
The SwiftUI Lab によるGeometryReader の救助
ビューツリーの検査 - The SwiftUI Lab によるビューの設定
The SwiftUI Lab によるコードの可読性を向上させるための拡張機能を表示する
ScrollView – プルして更新by The SwiftUI Lab
SwiftUI の使用から学んだこと、Abbas T. Khan 著
SwiftUI と結合: Peter Friese 著の Better Together
@dbolella によるSwiftUI View のシンプルなライフ (サイクル)
SwiftUI のモーダルビューby Denis Chashchin
SwiftUI レイアウトシステム: Alexander Grebenyuk による詳細な説明
SwiftUI データフローby Sarah Reichelt
@nallexn によるSwiftUI のクリーンなアーキテクチャ
@nallexn によるSwiftUI プロジェクトのプログラムによるナビゲーション
次のプロジェクトで使用するための 8 つの素晴らしい SwiftUI ライブラリby @rudrankriyam
SwiftUI の状態プロパティの内部動作(Zheng 著)
SwiftUI の SceneDelegate に別れを告げるby Zheng
SwiftUI による無限リストのスクロールと結合by Yet Another Swift Blog
SwiftUI の通信パターンを見る(Yet Another Swift Blog)
さらに別の Swift ブログによる大規模な SwiftUI プレビュー
SwiftUI での UIView と UIViewController の使用by Yet Another Swift Blog
SwiftUI View のライフサイクルと ID の仕組みby DoorDash Engineering Blog
コーディネーターパターンの SwiftUI ナビゲーションの改善by John Patrick Morgan ブログ

?単体テスト

@JohnSundell によるSwiftUI 使用時のテスト可能なコードの作成
@nallexn によるViewInspector
@nallexn によるSwiftUI ビューの単体テスト

UIテスト

さらに別の Swift ブログによるSwiftUI ビューのテスト

? Xcode 拡張機能

nef - この Xcode 拡張機能を使用すると、コードを選択してスニペットにエクスポートできます。 Mac App Store で入手できます。
SwiftUI Recipes - コミュニティから提供された 70 以上の SwiftUI レシピをコードに追加するためのコンパニオンアプリおよび Xcode 拡張機能。 Mac App Store で入手できます。

?リポジトリ

「100 Days of SwiftUI & Combine Repo」は、 「Hacking with Swift 」の「100 Days of SwiftUI Challenge」に続きます。
通貨換算と計算機世界中のほとんどの通貨に対応する通貨アプリケーション。通貨間の変換や数学的演算をすばやく行うことができます。
SwiftSunburstDiagramオブジェクトのツリーを指定してサンバーストダイアグラムを簡単にレンダリングするために SwiftUI で書かれたライブラリ。
SwiftUI 。 SwiftUIフレームワークの学習と使用ガイド。
SwiftUITodo 。 WWDC19で紹介されたSwiftUIを使ったToDoリストアプリの例。
キーボードの回避。変更された追加のセーフエリアインセットでキーボードイベントに応答する UIViewController を管理する SwiftUI ビュー。
DispatchStore 。 SwiftUI 向けの Flux のような操作ベースのマルチストアを実装する Swift パッケージ。
GitHubSearchWithSwiftUI 。 SwiftUI ベースの GitHubSearch の例。
SwiftUI-MovieDB 。 Xcode 11 Beta および macOS 10.15 Catalina で構築された SwiftUI MovieDB プロトタイプアプリ。
WWDCP プレーヤー。 ? SwiftUIを使用したWWDC19プレーヤー。
私の犬。リスト、BindableObject、状態管理、ネットワークをテストするための簡単な SwiftUI の例。
MovieSwiftUI 。 SwiftUI と MovieDB API を使用した結合アプリ。
CryptoTickerSwiftUI 。 WebSocket API と SwiftUI を使用して最新の BTC-USD 取引を表示するサンプルプロジェクト。 (最新のビットコイン価格)
SwiftUIRedux 。 SwiftUI 用の包括的な Redux ライブラリは、タイプセーフなパブリッシュ/サブスクライブパターンを使用してストア間の状態の一貫性を保証します。
SwiftUI-Combine 。これは、GitHub API を使用した SwiftUI と Combine のサンプルプロジェクトです。
SwiftUITimeTravel 。 SwiftUI の実験的なタイムトラベルステートストア。
SwiftUI_Jike 。 SwiftUI 模倣アプリのインターフェイス (SwiftUI を使用して Jike アプリを構築)。
2048年。 SwiftUIで書いた2048年のゲーム。
SwiftUI-ランドマーク。 SwiftUIの紹介です。 Swift でユーザーインターフェイスを作成する宣言型の方法。
SwiftUI-Flux 。これは、SwiftUI と Flux アーキテクチャを使用した小さな実験的なアプリケーションです。
SwiftUI の例。新しい SwiftUI フレームワークの例。
SwiftUICalculator 。 WWDC19で紹介されたSwiftUIを使った電卓アプリ。
InstaFake-Swift-UI 。 Instagram コピーの Swift UI デモ。
SwiftUIテーマ。 SwiftUI View をスタイルするための最初のアイデア。
Lists_-_Navigation_SwiftUI 。 Apple Developer の SwiftUI チュートリアルの探索。#SwiftUI を使用してリストを作成し、ビュー間のナビゲーションを有効にする方法を詳しく説明します。
注射可能。 Swift Property Wrapper を利用して Service Locator パターンを実装するマイクロフレームワーク。
SwiftWebImage 。高性能の LRU メモリ/ディスクキャッシュを備えた BindingObject 用の SwiftUI イメージダウンローダー。
NetworkImage.swift 。 Kingfisher を介した SwiftUI の基本的な NetworkImage サポート
SwiftUI-Combine-todo-example 。 SwiftUI を使用し、Restful API と組み合わせた ToDo リストアプリ。
バインディング.swift 。 @binding と @State (SwiftUI から) を自分自身で再実装して、より深く理解しました。
連絡先.swift
CombineUnsplash 。 Unsplash API を使用した SwiftUI + Combine + Result と詳細なコードの説明。
リモートイメージ.swift 。 AlamofireImageを使用したSwiftUI RemoteImageのラフスケッチ。
フィードバックを組み合わせる。新しい Apple Combine フレームワークを使用した一方向リアクティブアーキテクチャ。
収穫。 ? Harvest: Redux と Elm からインスピレーションを得た、Apple の Combine.framework + ステートマシン。
Redux HandlingUserInput 。 Redux スタイルの状態および変更管理を紹介する HandlingUserInput チュートリアル。
SwiftUI チートシート。 SwiftUI チートシート。
swiftui_shadow_and_border.swift 。 SwiftUIのテスト中。ビューに影と角の半径を追加します。ビューの背景色に応じて奇妙な動作が発生します。
SwiftUI-MVVM 。 SwiftUI + MVVM で構築されたサンプル iOS プロジェクトと、GitHub API を使用したフレームワークの結合。
SwiftUI-Circular.swift 。子を円形に配置するコンテナビューを作成する大まかな試み。
NotesApp.swift 。 SwiftUI を使用して 100 行を超える Swift で書かれたメモアプリ。
UnsplashSwiftUI 。 UnsplashSwiftUI SwiftUI と Unsplash を利用したシンプルなアプリ
アニタイム。 SwiftUI + Combine および MVVM アーキテクチャを使用した iOS 用のアニメスケジュール、韓国語字幕
フルクサス。 Vuex からインスピレーションを得た、SwiftUI 用の Flux。
SwiftUI の ChartView 。 Bar and Piechartsサポートする使いやすいアニメーションチャートビュー
天気。 ? MVVMを使用したシンプルなSwiftUI天気アプリ。
チャット。新しいURLSessionWebSocketTaskを利用する基本的な SwiftUI チャットアプリ。
Combine の toBlockingArray 。 Combine フレームワークを使用してテストを作成するための RxBlocking のように機能します。
ImageWithActivityIndicator 。 URL から画像をダウンロードして表示し、読み込み中にアクティビティインジケーターを表示する SwiftUI ビュー。デモ
??ブリトー。 Swift プロパティラッパー (以前は「プロパティデリゲート」) のコレクション。
Hackery SwiftUI を使用して作成された HackerNews クライアント。
SwiftUI-Redux-Todo の例React/Redux からインスピレーションを得た独自の Todo 例。
通貨コンバーター。通貨換算アプリ。
ボトムバー-swiftui 。 SwiftUI の BottomBar コンポーネント
ディールスタック。 SwiftUIで実装されたシンプルなカードスタック
SwiftUI-PathAnimations 。パスとシェイプのアニメーションを実行するのに役立つ SwiftUI 用のツール
CombineBookSearch 。 SwiftUI + Combine + MVVM アーキテクチャ。
YanxuanHD 、「网易严选」iOS アプリの iPad 版
Babylon デモMVVM は、プロジェクトレベルでレイヤーを分離し、リーフViewフレームワークを備えています。
RKCalendarシンプルな SwiftUI カレンダー/日付ピッカー。
SwiftUI のMorphi追加Shape 。
⏯ VideoPlayer 、SwiftUI 用のビデオプレーヤー。
DrawerView-SwiftUI SwiftUI によって実装された特定のカスタマイズ機能を備えたドロワービュー。
SwiftUIX標準 SwiftUI ライブラリの拡張機能。
SwiftUIルーター。 React Router に基づくルーティングシステムの概念実証。
SwiftUI ColorSlider 。カラーグラデーションスライダーから動的に色を選択します。
⌨️ KeyboardObserving SwiftUI でキーボードを監視および回避するための Combine ベースのソリューション。
☑ 電卓チェックリストSwiftUI で電卓チェックリストプロジェクトを再作成します。
完全にSwiftUIで書かれた到着BARTアプリ
SF小さな SFSymbols SwiftUI 列挙体。
プルして更新するSwiftUI リスト、NavigationView をプルして更新する
ConnectFour SwiftUI で構築された基本的な Connect Four ゲーム
モーダルビューSwiftUI でモーダルビューを表示するシンプルかつ安全な方法
SwiftUI CompatKit ?不足しているUIKitコントロールをSwiftUIに追加するフレームワーク?
SDWebImageSwiftUI 。 SwiftUI の SDWebImage の統合。非同期画像の読み込み、キャッシュに加え、GIF、APNG、アニメーション WebP などのアニメーション画像の再生をサポートします。
FlipClock-SwiftUI SwiftUI でのフリップクロックの実装
CountdownFilmClutter-SwiftUI SwiftUI の昔ながらのカウントダウンフィルムのクラッター
??SwiftUI-プレゼンテーションSwiftUIをトルコ語で説明し、デモアプリケーションを用意しました。
スライダー。 SwiftUI のカスタムスライダーとトラック。
ページSwiftUI 用の軽量のページングビューソリューション。
PartialSheetコンテンツの高さに基づいて部分モーダルシートを表示する SwiftUI 修飾子。
クロックタイムピッカー。時計の文字盤には、日付の時と分を選択するためのドラッグ可能な針が付いています。
?? SwiftUI-WeChat SwiftUI で WeChat を作成する方法を学びます。微信 7.0 ?
MVVM と CoreML を使用した天気アプリこのデモは、SwiftUI を理解するように設計された非常に単純なプロジェクトです。メイン画面、デイリスト画面、詳細画面が含まれます。
Verge UIKit / SwiftUI を使用した iOS アプリケーション用のストアパターンベースのデータフローアーキテクチャ。 Redux と Vuex からインスピレーションを受けています。
SwiftUI のクリーンアーキテクチャクリーンアーキテクチャを使用した SwiftUI アプリの実稼働セットアップを紹介するデモプロジェクト。
SwiftUI-Introspect SwiftUI から基礎となる UIKit コンポーネントをイントロスペクトします。
?️ Lazy-Pop-SwiftUI修飾子。画面の任意の部分をスワイプして、前のビューへの中断可能なポップアニメーションを開始できます。
Login-with-Apple-Firebase-SwiftUI Apple による Firebase へのログインを処理する SwiftUI コンポーネント。 README のチュートリアルを完了してください。
Awesome-SwiftUI素晴らしい SwiftUI チュートリアル、ライブラリ、ビデオ、記事の厳選されたリスト。
GrowingTextView-SwiftUI SwiftUI でのテキストビューの実装の拡大
ActionOver iPhone ではアクションシートを表示し、iPad と Mac ではポップオーバーを表示する SwiftUI モディファイアです。メニューのアクションを 1 回だけ記述します。
?CardStack iOS、macOS、watchOS 上の Tinder のようなカードの使いやすい SwiftUI ビュー。
Floating Tab Bar SwiftUI で作成したフローティングタブバー
SwiftUI を使用した iPadOS 用 iOS 電卓クローン SwiftUI を使用した iPadOS 用のネイティブ iOS 組み込み電卓のクローンで、ネイティブ電卓 UI と機能を模倣します。
StepperView SwiftUI ステップ指示用 iOS コンポーネント
? UrbanVillageProjectScreens Urban Village Project のコンセプト画面を再現しました。
? SharedObject SwiftUI ObservableObjectの新しいプロパティラッパー。
? BetterSafariView SwiftUI でSFSafariViewControllerを表示したり、 ASWebAuthenticationSessionを開始したりするためのより良い方法。
MGFlipView を使用すると、反転アニメーションや反転ロジックを気にすることなく、簡単な方法で反転ビューを作成できます。
SwiftUIListSeparator SwiftUI iOS13 および iOS14 でリスト区切り文字を非表示/変更するための拡張機能を表示します。
InfiniteScroller SwiftUI で使用するように設計された無限スクロール用の水平および垂直コレクションビュー
SwiftUI ツールチップすべてのプラットフォームで動作し、SwiftUI v1.0 をサポートする SwiftUI ツールチップの実装
SVGからSwiftUIへSVGからSwiftUIへのシェイプコンバーター
Clendar Clendar は、SwiftUI で書かれたオープンソースのユニバーサルカレンダーアプリです。
コロナウィジェット? Covid-19 に関する最新の統計情報を取得するためのオープンソース iOS 14 ウィジェット。
URL-画像? URL 経由でImages迅速に表示するためのオープンソースソリューション。
SFSafeSymbolsビルド時に安全に自動的に更新される SF Symbols 列挙型。
紙吹雪ビュー? SwiftUI を使用したアプリのシンプルな紙吹雪ビュー。
オープンソースの SwiftUI ドキュメント?オープンソースの SwiftUI ドキュメント!
SwiftUICharts SwiftUI を使用して作成されたアクセシビリティをサポートする、単純な折れ線グラフと棒グラフのライブラリです。
MarkdownUI SwiftUI で Markdown テキストをレンダリングします。
Instasoup Instagram のホームページ SwiftUI の実装。
SwiftUI のFlowStacksコーディネーターパターン。