【SwiftUI・完全まとめ】初心者向けの有名な記事！！
最終更新日：2022年01月10日
あっ、ど〜も！ ゴルトン社長です！
今日は「SwiftUI」のまとめの記事です！
久しぶりにSwiftを書き始めました！
その中で参考になった記事をどんどん紹介しようと思います！！
適宜更新もしていきます！
- ０：有名書籍
- １：有名サイト
- ２：スマホの基礎知識
- ３：UX/UI
- ４：画面遷移
- ５：ユニット別
- ６：カメラ
- ７：アニメーション
- ８：アプリ公開
- ９：フォント
- １０：画像
- １１：その他
- １２：計算系
- １３：保存機能
- １４：申請系
- １５：クロージャー
- １６：色
- 最後に
０：有名書籍
SwiftUI 対応 たった2 日でマスターできる iPhone アプリ開発集中講座 Xcode 13/iOS 15/Swift 5.5 対応
［SwiftUI対応］たった2日でマスターできる iPhoneアプリ開発集中講座 Xcode13/Swift5.5対応（2021年10月出版）公式サポートページ-
詳細！SwiftUI iPhoneアプリ開発 入門ノート[2021] iOS 15+Xcode 13対応
正誤表
https://ticklecode.com/books/2021/SupportInfo.pdf
これはマジでお勧め！
英語だから読むのは大変だけど、値段に対してサンプルコードの量がたくさんあるからコスパ最高！！！
１：有名サイト
デザイン
２：スマホの基礎知識
dp, dpi , pt
https://qiita.com/nein37/items/0a92556a80c6c14503b2
https://akira-watson.com/android/dp_sp.html
iOS
課金
Android
３：UX/UI
超おすすめ
Neumorphism
トレンド
まとめサイト
４：画面遷移
モーダル
【SwiftUI】モーダル画面の表示（fullScreenCover） | カピ通信
ボタン
[SwiftUI][iOS]Button（ボタン）で画面遷移する方法（1 / 2） - ちょげぶろぐ
【SwiftUI】NavigationViewでの画面遷移 | カピ通信
swift.hiros-dot.net
toolbarのタイトルをカスタムする
【SwiftUI】トランジション（transition）の使い方 | カピ通信
Webページを表示
confirmationDialog
スクロール
トースト・バナー
５：ユニット別
＜トグル＞
基本
https://www.yururiwork.net/archives/282
非表示、色変更
http://swift.hiros-dot.net/?p=1255
トランジッション
図形の重ね合わせ
disabled ：ボタンの無効化
Focus
６：カメラ
Camera preview and a QR-code Scanner in SwiftUI | by Konstantin | Dev Genius
SwiftUIでAVFundationを導入する【Video Capture偏】
パーミッション
７：アニメーション
onChagne
タイマー
８：アプリ公開
９：フォント
修飾子
１０：画像
１１：その他
ショートカット
OnAppear
【SwiftUI】Viewの表示/非表示時のアクション定義（onAppear、onDisappear） | カピ通信
エラー
【初学者向け】SwiftUI でよくあるビルドエラー３選とその解決方法 – .NET ゆる〜りワーク
バックスラッシュ
Macにおけるバックスラッシュ（\）の入力方法 - Qiita
OSアプリ設定
OS設定系
１２：計算系
画面サイズの取得
Whileなど
https://techacademy.jp/magazine/14546
１３：保存機能
UserDefaults
https://tomato-develop.com/swiftui-userdefaults/
【Swift】UserDefaultsの使い方 | カピ通信
UserDefaults(トグル)
ios - UserDefaults Binding with Toggle in SwiftUI - Stack Overflow
AppStorage
https://www.yururiwork.net/archives/1310
バックグラウンドでの処理
＜補足＞
mainの関数で、バックグラウンドの検知を入れてあげて、数値で管理する。
そうすると、バックグラウンドにアプリが入った際に、表示を変更することができる。
画像や文字を表示することで、カメラ・プライバシーの情報を見せないようにしたり、伝えたいメッセージなどを表示することができる。
import SwiftUI
@main
struct Rensyu_FebmidApp: App {
@Environment(\.scenePhase) private var scenePhase
@State var atai = 0
var body: some Scene {
WindowGroup {
if atai == 0{
ContentView() //主に動かす画面
}else{
HelloWorldView() //フォアグラウンド直前で表示させる画面（文字・画像）
}
}
.onChange(of: scenePhase) { phase in
if phase == .background {
atai = 1
print("バックグラウンド！")
}
if phase == .active {
atai = 0
print("フォアグラウンド！")
}
if phase == .inactive {
atai = 1
print("バックグラウンドorフォアグラウンド直前")
}
}
}
}
１４：申請系
TestFlight
広告
１５：クロージャー
１６：色
最後に
最後までご覧いただき、本当にありがとうございます！！
最近は、たくさんの読者さんから「コメント」や「メッセージ」が届くようになりました！！
皆さんと会話できて嬉しいですし、コメントで毎日励まされています！
「スターボタン」「記事のシェア」または「Twitterのフォロー」をしていただけると大変嬉しいです。
