【じっくりSw1ftUI 31】実践編１〜第16章 SwiftUIの概要〜そもそもSwiftUIとは何ぞや❓👀

import SwiftUI
import WebKit

//iOSApp17DevelopmentEssentialsCh14.swift
//ビュー管理構造体
struct ListiOSApp17DevelopmentEssentialsCh14: Identifiable {
    var id: Int
    var title: String
    var view: ViewEnumiOSApp17DevelopmentEssentialsCh14
}
//遷移先の画面を格納する列挙型
enum ViewEnumiOSApp17DevelopmentEssentialsCh14 {
    case Sec1
    case Sec2
}
//各項目に表示するリスト項目
let dataiOSApp17DevelopmentEssentialsCh14: [ListiOSApp17DevelopmentEssentialsCh14] = [
    ListiOSApp17DevelopmentEssentialsCh14(id: 1, title: essentialsChapter14_1SubTitle, view: .Sec1),
    ListiOSApp17DevelopmentEssentialsCh14(id: 2, title: essentialsChapter14_2SubTitle, view: .Sec2)
]
struct iOSApp17DevelopmentEssentialsCh14: View {
    var body: some View {
        VStack {
            Divider()
            List (dataiOSApp17DevelopmentEssentialsCh14) { data in
                self.containedViewiOSApp17DevelopmentEssentialsCh14(dataiOSApp17DevelopmentEssentialsCh14: data)
            }
            .edgesIgnoringSafeArea([.bottom])
        }
        .navigationTitle(essentialsChapter14NavigationTitle)
        .navigationBarTitleDisplayMode(.inline)
    }
    //タップ後に遷移先へ遷移させる関数
    func containedViewiOSApp17DevelopmentEssentialsCh14(dataiOSApp17DevelopmentEssentialsCh14: ListiOSApp17DevelopmentEssentialsCh14) -> AnyView {
        switch dataiOSApp17DevelopmentEssentialsCh14.view {
        case .Sec1:
            return AnyView(NavigationLink (destination: Essentials14_1()) {
                Text(dataiOSApp17DevelopmentEssentialsCh14.title)
            })
        case .Sec2:
            return AnyView(NavigationLink (destination: Essentials14_2()) {
                Text(dataiOSApp17DevelopmentEssentialsCh14.title)
            })
        }
    }
} #Preview  {
    iOSApp17DevelopmentEssentialsCh14()
}
//Essentials14_1.swift
struct Essentials14_1: View {
    var body: some View {
        VStack{
            TabView {
                Essentials14_1Code()
                    .tabItem {
                        Image(systemName: codeImageTab)
                        Text(codeTextTab)
                    }
                Essentials14_1Points()
                    .tabItem {
                        Image(systemName: pointImageTab)
                        Text(pointTextTab)
                    }
                Essentials14_1WEB()
                    .tabItem {
                        Image(systemName: webImageTab)
                        Text(webTextTab)
                    }
            }
        }
    }
} #Preview  {
    Essentials14_1()
}
struct Essentials14_1Code: View {
    var body: some View {
        ScrollView{
            Text(codeEssentials14_1)
        }
    }
} #Preview  {
    Essentials14_1Code()
}
struct Essentials14_1Points: View {
    var body: some View {
        ScrollView{
            Text(pointEssentials14_1)
        }
    }
} #Preview  {
    Essentials14_1Points()
}
struct Essentials14_1WebView: UIViewRepresentable {
    let searchURL: URL
    func makeUIView(context: Context) -> WKWebView {
        let view = WKWebView()
        let request = URLRequest(url: searchURL)
        view.load(request)
        return view
    }
    func updateUIView(_ uiView: WKWebView, context: Context) {
        
    }
}
struct Essentials14_1WEB: View {
    private var url:URL = URL(string: urlEssentials14_1)!
    var body: some View {
        Essentials14_1WebView(searchURL: url)
    }
} #Preview  {
    Essentials14_1WEB()
}
//Essentials14_2.swift
struct Essentials14_2: View {
    var body: some View {
        VStack{
            TabView {
                Essentials14_2Code()
                    .tabItem {
                        Image(systemName: codeImageTab)
                        Text(codeTextTab)
                    }
                Essentials14_2Points()
                    .tabItem {
                        Image(systemName: pointImageTab)
                        Text(pointTextTab)
                    }
                Essentials14_2WEB()
                    .tabItem {
                        Image(systemName: webImageTab)
                        Text(webTextTab)
                    }
            }
        }
    }
} #Preview  {
    Essentials14_2()
}
struct Essentials14_2Code: View {
    var body: some View {
        ScrollView{
            Text(codeEssentials14_2)
        }
    }
} #Preview  {
    Essentials14_2Code()
}
struct Essentials14_2Points: View {
    var body: some View {
        ScrollView{
            Text(pointEssentials14_2)
        }
    }
} #Preview  {
    Essentials14_2Points()
}
struct Essentials14_2WebView: UIViewRepresentable {
    let searchURL: URL
    func makeUIView(context: Context) -> WKWebView {
        let view = WKWebView()
        let request = URLRequest(url: searchURL)
        view.load(request)
        return view
    }
    func updateUIView(_ uiView: WKWebView, context: Context) {
        
    }
}
struct Essentials14_2WEB: View {
    private var url:URL = URL(string: urlEssentials14_2)!
    var body: some View {
        Essentials14_2WebView(searchURL: url)
    }
} #Preview  {
    Essentials14_2WEB()
}
//タイトル
let essentialsChapter14NavigationTitle = "第14章"
let essentialsChapter14Title = "第14章 コレクション：配列と辞書（ディクショナリ）"
let essentialsChapter14_1SubTitle = "第１節　配列"
let essentialsChapter14_2SubTitle = "第２節　辞書（ディクショナリ）"
//コード
let codeEssentials14_1 = """
/**:-------------------
 Essentials　第14章 配列
 ---------------------*/
//型指定なし
var fruitsBaskets14_1 = ["🍏","🍌","🍇","🍓"]
//型指定あり
var fruitsBaskets14_2:[String] = ["🍈","🍍","🍋","🍉"]
//インスタンス
var fruitsBaskets14_3 = [String]()
var fruitsPrices14_4 = [Float]()
//インスタンスに初期値を設定
var fruitsBaskets14_5 = [String](repeating: "りんご", count: 3)
//実行
print(fruitsBaskets14_5.count)
//配列を結合
var fruitBaskets14_6 = fruitsBaskets14_1 + fruitsBaskets14_2
//実行
print(fruitBaskets14_6.self)
//条件分岐
if fruitsBaskets14_3.isEmpty {
    print("値が何もないぞ👀")
} else {
    print("値があるぞ👀")
}
//りんごにアクセス
print(fruitsBaskets14_1[0])
//バナナにアクセス
print(fruitsBaskets14_1[1])
//シャッフル
let shuffledFruitsBaskets14_7 = fruitBaskets14_6.shuffled()
print(shuffledFruitsBaskets14_7.self)
//ランダム
let randomFruitsBaskets14_8 = shuffledFruitsBaskets14_7.randomElement()
print(randomFruitsBaskets14_8!.self)//強制アンラップして〜〜
//要素に桃を追加
fruitsBaskets14_2 += ["🍑"]
//実行
print(fruitsBaskets14_2.self)
//結合のやつをまんま実行
print(fruitBaskets14_6.self)
//結合し直してあげる
var combinedFruits14_9 = fruitsBaskets14_1 + fruitsBaskets14_2
print(combinedFruits14_9.self)
//りんごとバナナの間にもう一個🍑入れてみよう
combinedFruits14_9.insert("🍑", at: 1)
print(combinedFruits14_9)
//最後の🍑を削除
combinedFruits14_9.removeLast()
print(combinedFruits14_9)
//さっきの🍑も削除
combinedFruits14_9.remove(at: 1)
print(combinedFruits14_9)
//反復
for fruits in combinedFruits14_9 {
    print(fruits)
}
//いったん全要素を削除
combinedFruits14_9.removeAll()
print(combinedFruits14_9)
//8個の要素を追加
for n in 0...8 {
    combinedFruits14_9.insert("🍑", at: 0)
}
print(combinedFruits14_9.self)
//いったん全要素を削除
combinedFruits14_9.removeAll()
//元に戻す
combinedFruits14_9 = fruitsBaskets14_1 + fruitsBaskets14_2
print(combinedFruits14_9)
//キーワードを使って
combinedFruits14_9.forEach{
    print($0)
}
//八百屋
var yaoya14_10:[Any] = ["🍏",123]
var yaoya14_11:[Any] = ["🍏",123,"🍌",200]
var yaoya14_12:[Any] = ["🍏","🍌",123,200]
//繰り返しで出力
yaoya14_12.forEach{
    print($0)
}
for item in yaoya14_12 {
    print(item)
}
//キャスト〜〜〜
//for item in yaoya14_12 {
//    print(item as!Int * 100)
//}
"""
let codeEssentials14_2 = """
/**:-------------------
 Essentials　第14章　辞書
 ---------------------*/
var yaoya14_13:[Int: String] = [1:"🍏",2:"🍌",3:"🍇",4:"🍓",5:"🍈",6:"🍍",7:"🍋",8:"🍉"]
print(yaoya14_13[2]!)
//キーと値を分けた配列を結合
var yaoyaKeys14_14 = [1,2,3,4,5,6,7,8]
var yaoyaValues14_14 =
["🍏","🍌","🍇","🍓","🍈","🍍","🍋","🍉"]
var yaoya14_14 = Dictionary(uniqueKeysWithValues: zip(yaoyaKeys14_14, yaoyaValues14_14))
print(yaoya14_14)
print(yaoya14_14.sorted(by: <))
//１から順に番号を振るだけ
var yaoya14_15 = Dictionary(uniqueKeysWithValues: zip(1..., yaoyaValues14_14))
print(yaoya14_15)
var sortedYaoya14_16 = yaoya14_15.sorted{$0.key < $1.key }
print(sortedYaoya14_16)
for element in sortedYaoya14_16 {
    print("\\(element.key):\\(element.value)")
}
//個数
print("項目数は、\\(sortedYaoya14_16.count)だぜ！")
//キーが３の値を呼び出し
print(yaoya14_13[3]!)
//存在しないキーにアクセスしてみると、、、
print(yaoya14_13[9,default:"木梨（キーなし）さん"])
//🍑ちゃんを逆に９キーを作って追加してみる
yaoya14_13[9] = "🍑"
print(yaoya14_13[9,default:"木梨（キーなし）さん"])
print(yaoya14_13)
//🍑から🍐へ
yaoya14_13.updateValue("🍐", forKey: 9)
print(yaoya14_13[9,default:"木梨（キーなし）さん"])
print(yaoya14_13)
//🍐を値のみ削除
yaoya14_13[9] = ""
print(yaoya14_13[9,default:"木梨（キーなし）さん"])
print(yaoya14_13)
//値が空欄判定を行い、空欄の場合はキーごと削除
if yaoya14_13[9] == "" {
    yaoya14_13[9] = nil
    print(yaoya14_13[9,default:"木梨（キーなし）さん"])
    print(yaoya14_13)
}
//7キーを削除
yaoya14_13.removeValue(forKey: 7)
print(yaoya14_13)
//キーと値を使って商品番号と商品名を表示
for (key,value) in yaoya14_13 {
    print("商品番号\\(key)は、\\(value)です")
}
//ソートしたヤツで試すと、、、
for (key,value) in sortedYaoya14_16 {
    print("商品番号\\(key)は、\\(value)です")
}
"""

//ポイント
let pointEssentials14_1 = """
①配列の数え方（位置）は、プログラミング言語によりけりなんだけど、
左から０始まり　：　左から１個目が０　👈　Swiftとか最近のはこっち
左から１始まり　：　左から１個目が１　👈 　COBOLとかはたしかこっち
て違いがあるから気をつけてね👀

②要素の追加をした後は、どっちの値を結果として出したいのか
で処理の順序を変える
👉追加前のままでいいか、追加後を含めたいか

③理由は簡単で、
let = 定数で定義しているから
配列に関しても、その後も変更される可能性がある場合は、
基本、変数＝varで定義してあげる

④今までの処理で、
追加／挿入／削除／繰り返し
で結構、配列の値を変更してしまっているんだけど、みて貰えばわかるけど、オイラは、
結合後の配列しか使ってないよね？
これはなぜかと言えば、
結合元の配列さえ残しておけば、すぐに元に戻すことができるから

⑤「クライアントさんなんて、DBとか配列なんてよくわかってない」
「まだここの値段が決まってないんだけど、先にアプリを作って欲しい」
なんかで
こんなデータをCSVやLogなんかで出して要求してくるなんてザラ
だから、
応急的にやる時にはAnyを使うパターンもある
↓
規則性が分かってから、データを整理してわかりやすい配列や辞書にしてあげる

⑥頭の中だけでコードは書かずに、必ずコードを書いたら想定通りに動かした方がいい
"""
let pointEssentials14_2 = """
ここでポイント①
ユニークなキーで補完していて、キーには、以下の型しかできないみたいね
・String
・Int
・Double
・Bool
ま、やったことがある人間からしたら、「そりゃそーだし、それだけありゃ十分だろ」って感じなんだけど、やったことがない人にはイメージが湧かないだろうから
"""

//URL
let urlEssentials14_1 = "https://note.com/m_kakudo/n/nb2031fc09971"
let urlEssentials14_2 = "https://note.com/m_kakudo/n/n034b91bea871"

import SwiftUI
import WebKit

//iOSApp17DevelopmentEssentialsCh16.swift
//ビュー管理構造体
struct ListiOSApp17DevelopmentEssentialsCh16: Identifiable {
    var id: Int
    var title: String
    var view: ViewEnumiOSApp17DevelopmentEssentialsCh16
}
//遷移先の画面を格納する列挙型
enum ViewEnumiOSApp17DevelopmentEssentialsCh16 {
    case Sec1
}
//各項目に表示するリスト項目
let dataiOSApp17DevelopmentEssentialsCh16: [ListiOSApp17DevelopmentEssentialsCh16] = [
    ListiOSApp17DevelopmentEssentialsCh16(id: 1, title: essentialsChapter16SubTitle, view: .Sec1)
]
struct iOSApp17DevelopmentEssentialsCh16: View {
    var body: some View {
        VStack {
            Divider()
            List (dataiOSApp17DevelopmentEssentialsCh16) { data in
                self.containedViewiOSApp17DevelopmentEssentialsCh16(dataiOSApp17DevelopmentEssentialsCh16: data)
            }
            .edgesIgnoringSafeArea([.bottom])
        }
        .navigationTitle(essentialsChapter16NavigationTitle)
        .navigationBarTitleDisplayMode(.inline)
    }
    //タップ後に遷移先へ遷移させる関数
    func containedViewiOSApp17DevelopmentEssentialsCh16(dataiOSApp17DevelopmentEssentialsCh16: ListiOSApp17DevelopmentEssentialsCh16) -> AnyView {
        switch dataiOSApp17DevelopmentEssentialsCh16.view {
        case .Sec1:
            return AnyView(NavigationLink (destination: Essentials16()) {
                Text(dataiOSApp17DevelopmentEssentialsCh16.title)
            })
        }
    }
} #Preview  {
    iOSApp17DevelopmentEssentialsCh16()
}
//Essentials16.swift
struct Essentials16: View {
    var body: some View {
        VStack{
            TabView {
                Essentials16Points()
                    .tabItem {
                        Image(systemName: pointImageTab)
                        Text(pointTextTab)
                    }
                Essentials16WEB()
                    .tabItem {
                        Image(systemName: webImageTab)
                        Text(webTextTab)
                    }
            }
        }
    }
} #Preview  {
    Essentials16()
}
struct Essentials16Points: View {
    var body: some View {
        ScrollView{
            Text(pointEssentials16)
        }
    }
} #Preview  {
    Essentials16Points()
}
struct Essentials16WebView: UIViewRepresentable {
    let searchURL: URL
    func makeUIView(context: Context) -> WKWebView {
        let view = WKWebView()
        let request = URLRequest(url: searchURL)
        view.load(request)
        return view
    }
    func updateUIView(_ uiView: WKWebView, context: Context) {
        
    }
}
struct Essentials16WEB: View {
    private var url:URL = URL(string: urlEssentials16)!
    var body: some View {
        Essentials15WebView(searchURL: url)
    }
} #Preview  {
    Essentials16WEB()
}

//タイトル
let essentialsChapter16NavigationTitle = "第16章"
let essentialsChapter16Title = "第16章 SwiftUIの概要"
let essentialsChapter16SubTitle = "第１節　SwiftUIの概要"
//ポイント
let pointEssentials16 = """
◾️SwiftUIの歴史
1 SwiftUIは2019年のWWDCで発表
2 アプリの基本システムによる開発の全体的に新しいアプローチとして刷新
3 よりシンプルに、より早く、よりバグが少なくのスローガンの下、よりリアルタイムにテストもできるようにライブプレビューも搭載
◾️UIKitとインターフェースビルダー
1 UIKitもSwiftUIもライブラリの中にあるフレームワークのひとつ
2 Xcodeにはインターフェースビルダーと呼ばれるツールが搭載されてる
3 インターフェースビルダーはアプリの各画面を作るための強力なツール
4 アトリビュート検証なんかもできるように配置してる
5 縦向きか横向きかといったものまで含め、位置とかサイズまでコンポーネントが各シーンの振る舞いを定義する機能も備えてる
6 つまり、ユーザーの行動（イベント）に応じて、動的にアプリの表示が柔軟に変わるようにコンポーネントは設計されてる
7 上記を網羅しながら、開発の各段階で必要と予想される
・コンパイラ
・シミュレーター
・実機テスト
なんかもできるように工夫されてる
◾️基本文法
1 これまでのインターフェースビルダーやUIKitにおけるアプローチとは違う
2 シーンを作り上げるために、レイアウトの詳細やコンポーネントの表示などの詳細を手動でデザインしていく方法を採る
3 SwiftUIは、シンプルで直感的な文法で、レイアウトを描写できるようにした
4 別の言い方をすれば、複雑なレイアウトビルダーなんかの心配なしに、操作画面を表現できるってこと。これは、レイアウト自体が、スタックやフォーム、リストと言ったレイアウトマネージャ機能も構成してるってことを述べていて、「ボタンに文字を表示させる」、「ラベルに色を付ける」、「タップで何かの処理をさせる（イベント）」みたいに、アトリビュートを設定するモディファイアを使えるようになったことを意味してるが、複雑で入り組んだ詳細な位置なんかについては、SwiftUIで機械的に制御されたレイアウトが実現可能。
5 これらのビューの階層構造は非常にシンプルで、小さなコンポーザーとサブビューを使い回すことを想定してるので、複雑なビューでも簡単に作ることができる。
6 プレビューキャンパスを使っているので、レイアウトの宣言もテストもリアルタイムでレイアウトの表示を確認できる。
7 また、ライブプレビューを使うことで、シミュレーターや実機テストで実行する必要もない。
◾️データ駆動
1 SwiftUIが発表される前だと、必要だったデータ駆動させるためのユーザーによる手法が不要になった。
2 これまでだと、例えばボタンをタップさせた際のデータとの連動には、特殊な手法をユーザーで設定する必要があったが、データと密接に繋がっているSwiftUIではそんなものがいらなくなり、操作画面とアプリの裏側のデータの架け橋になるロジックを書けばいいだけになった。
3 👉複雑な処理を自分で書く必要がなくなり、バインドさせるだけでデータベースと連動でき、反応もよくなった
◾️SwiftUIかUIKitか
トレードオフの関係じゃない
👉どっちを使うかはその時々で選べばいいだけの話。
そんなことよりも重要なのは、
1 いずれのフレームワークもまだ成熟してない＝進化し続けている
2 SwiftUIだけで実現できない機能もまだまだあるので、UIKitやインターフェースビルダーとの統合も必要になる可能性がある
ってこと。
まとめ
ちょっと大上段からSwiftUIをこの章では語りすぎたから、これ以降でもっとSwiftUIの深いところ（essentails：本質）を探求してくぜ！
"""

//URL
let urlEssentials16 = "https://note.com/m_kakudo/n/n42b079fa8508"