「ゴルトン社長」のはじめの一歩

「ゴルトン社長」のはじめの一歩

憧れの人に近づきたい、現状を変えたい人に、はじめの一歩を踏み出す「アイデア」を配信します

【SwiftUI・完全まとめ】初心者向けの有名な記事!!

最終更新日:2022年01月10日

f:id:BlueThree:20220110140141p:plain

 

あっ、ど〜も! ゴルトン社長です!

今日は「SwiftUI」のまとめの記事です!

久しぶりにSwiftを書き始めました!

 

その中で参考になった記事をどんどん紹介しようと思います!!

適宜更新もしていきます!

 

0:有名書籍

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

 

ticklecode.com

 

 

これはマジでお勧め!

英語だから読むのは大変だけど、値段に対してサンプルコードの量がたくさんあるからコスパ最高!!!

www.bigmountainstudio.com

1:有名サイト

qiita.com

note.com

software.small-desk.com

swift.codelly.dev

 

 

qiita.com

hack.nikkei.com

 

wp-p.info

 

カピ通信 | 趣味プログラマーの備忘録

 

SwiftUI - Qiita

swift.hiros-dot.net

factor.xseed.link

factor.xseed.link

 

デザイン

dribbble.com

 

express.adobe.com

2:スマホの基礎知識

dp, dpi , pt

https://qiita.com/nein37/items/0a92556a80c6c14503b2

https://akira-watson.com/android/dp_sp.html

iOS

iPhone画面サイズ早見表(図付き) - Qiita

 

bakenekonoseitai.com

 

swiswiswift.com

課金

hack.nikkei.com

 

Android

note.com

 

 

3:UX/UI

超おすすめ

monstar-lab.com

 

www.uxpin.com

 

b-risk.jp

Neumorphism

satoriku.com

トレンド

coliss.com


fastcoding.jp

 

qiita.com

webdesign-trends.net

 

まとめサイト

uxmilk.jp

4:画面遷移

 

programming-sansho.com

 

モーダル

【SwiftUI】モーダル画面の表示(fullScreenCover) | カピ通信

 

ボタン

[SwiftUI][iOS]Button(ボタン)で画面遷移する方法(1 / 2) - ちょげぶろぐ

【SwiftUI】NavigationViewでの画面遷移 | カピ通信

zenn.dev

dev.classmethod.jp

 

qiita.com

 

swift.hiros-dot.net
toolbarのタイトルをカスタムする

sarunw.com

apple-taichi.com

 

satoriku.com

 

coliss.com

【SwiftUI】トランジション(transition)の使い方 | カピ通信

capibara1969.com

Webページを表示

tomato-develop.com

swiswiswift.com

confirmationDialog

capibara1969.com

capibara1969.com

スクロール

qiita.com

トースト・バナー

zenn.dev

 

5:ユニット別

<トグル>

基本

https://www.yururiwork.net/archives/282

 

非表示、色変更

http://swift.hiros-dot.net/?p=1255

 

トランジッション

capibara1969.com

 

図形の重ね合わせ

www.yururiwork.net

developer.apple.com

 

disabled :ボタンの無効化

swiswiswift.com

 

Focus

capibara1969.com

thwork.net

6:カメラ

qiita.com

 

Camera preview and a QR-code Scanner in SwiftUI | by Konstantin | Dev Genius

SwiftUIでAVFundationを導入する【Video Capture偏】

 

パーミッション

app-knowledge.work

 

www.sirochro.com

re-engines.com

qiita.com

 

 

 

 

7:アニメーション

kakioku.com

qiita.com

capibara1969.com

ichi.pro

software.small-desk.com

qiita.com

blog.studysapuri.jp


qiita.com

ichi.pro

 

onChagne

capibara1969.com

タイマー

www.choge-blog.com

8:アプリ公開

zenn.dev

 

ticklecode.com

9:フォント

koze.hatenablog.jp

 

t32k.me

 

software.small-desk.com

 

修飾子

swift.tecc0.com

10:画像

chusotsu-program.com

 

 

software.small-desk.com

11:その他

ショートカット

hiromiick.com

qiita.com

 

OnAppear

【SwiftUI】Viewの表示/非表示時のアクション定義(onAppear、onDisappear) | カピ通信

 

エラー

【初学者向け】SwiftUI でよくあるビルドエラー3選とその解決方法 – .NET ゆる〜りワーク

 

バックスラッシュ

Macにおけるバックスラッシュ(\)の入力方法 - Qiita

 

OSアプリ設定

【SwiftUI】アプリ設定画面への遷移方法

 

qiita.com

 

OS設定系

satoriku.com

 

catch-questions.com

catch-questions.com

 

impreatesoft.jp

12:計算系

画面サイズの取得

swift.hiros-dot.net

 

qiita.com

 

qiita.com

 

www.choge-blog.com

Whileなど

https://techacademy.jp/magazine/14546

chusotsu-program.com

 

 

13:保存機能

qiita.com

 

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

 

バックグラウンドでの処理

www.yururiwork.net

 

<補足>

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フォアグラウンド直前")

            }

        }

    }

}

f:id:BlueThree:20220211154437p:plain

 

14:申請系

 

impreatesoft.jp

 

qiita.com

 

TestFlight

www.create-forever.games

 

dev-yakuza.posstree.com

 

dev.classmethod.jp

 

広告

tomato-develop.com

zenn.dev

cocoapods.org

15:クロージャー

www.isoroot.jp

zenn.dev

swift.codelly.dev

qiita.com

 

16:色

zenn.dev

 

 最後に

f:id:BlueThree:20200801171932j:plain

最後までご覧いただき、本当にありがとうございます!!


最近は、たくさんの読者さんから「コメント」や「メッセージ」が届くようになりました!! 
皆さんと会話できて嬉しいですし、コメントで毎日励まされています!

 

「スターボタン」「記事のシェア」または「Twitterのフォロー」をしていただけると大変嬉しいです。