SwiftUI入門

SwiftUIでiOS Appの開発に着手します. お手持ちのMacかiPadでお試しいただけます。

---

1章. プロジェクト作成と導入

1-0. 準備

• 1-0-1. Macでswiftpmを作成する

• 1-0-2. iPadでswiftpmを作成する

• 1-0-3. プレビューの使い方

• 1-0-4. 1章の目標・進め方・サンプルコード

1-1. コーディングをはじめる・レイアウトをはじめる

• 1-1-1. Textの文字を変える

• 1-1-2. ダークモードに切り替える

• 1-1-3. オブジェクトに余白をつくるpadding

• 1-1-4. 自動的に隙間を作るSpacer

• 1-1-5. 縦方向に並べるVStack

• 1-1-6. 横方向に並べるHStack

• 1-1-7. 重ねていくZStack

1-2. オブジェクトを装飾する

• 1-2-1. 背景を設定するbackground

• 1-2-2. paddingでオブジェクト内の余白を作る

• 1-2-3. paddingでオブジェクト間の余白を作る

• 1-2-4. オブジェクトのサイズを決めるframe

• 1-2-5. テキストスタイルを変えるfont

• 1-2-6. メインの色を変えるforegroundStyle

• 1-2-7. 角を丸くするclipShapeとRoundedRectangle

1-3. オブジェクトを組み合わせて画面をつくる

• 1-3-1. 文字を表示するText

• 1-3-2. 画像を表示するImageとアセット

• 1-3-3. 縦並びレイアウトVStackの応用

• 1-3-4. 分割線Divider

• 1-3-5. 横並びレイアウトHStack

• 1-3-6. Imageでアイコン利用

• 1-3-7. 隙間を充填するSpacer

• 1-3-8. スクロールを実現するScrollView

1-4. オブジェクトとアクション

• 1-4-1. Buttonを押す

• 1-4-2. Buttonの装飾とLabel

• 1-4-3. Linkを使った外部リンク

• 1-4-4. ボタンを押した時テキストを変える - @Stateの使い方

• 1-4-5. ユーザが入力できるTextField - 値のBinding

• 1-4-6. オブジェクトのタップを捉えるonTapGesture

---

2章. 画面を構成する・遷移する

2-0. 準備

• 2-0-1. 2章の目標・進め方・サンプルコード

2-1. Viewの構築と画面遷移

• 2-1-1. Navigationを始める - NavigationStack

• 2-1-2. Navigationに子Viewを入れる

• 2-1-3. Navigationの子View間を遷移する - NavigationLink

• 2-1-4. Sheetを使う

2-2. リストとセクション

• 2-2-1. Listを使う

• 2-2-2. Listのスタイルを変更する

• 2-2-3. Sectionとグループ化

• 2-2-4. ListとSectionとスタイル

2-3. リスト項目のカスタマイズ・View部品の作成

• 2-3-1. View部品を自作してリストに使う

• 2-3-2. View部品に値を渡して使う

• 2-3-3. View部品に渡す値を増やす

• 2-3-4. 異なるView部品を合わせて使う

2-4. 外部データとリストの結びつけ

• 2-4-1. データを整えて表示する - 構造体・配列・Foreach

• 2-4-2. 配列にデータを追加する

• 2-4-3. データ種類で表示スタイルを変える - filterを使う

2-5. リストを使った画面遷移とデータの受け渡し

• 2-5-1. リストとNavigationの連携

---

3章. データとビューの連携

3-0. 準備

• 3-0-1. 3章の目標・進め方・サンプルコード

3-1. データの更新・追加・削除

• 3-1-1. 変更可能なデータを準備する

• 3-1-2. データを追加する

• 3-1-3. データを削除する

3-2. JSONからデータを得る

• 3-2-1. JSONから構造体への変換とファイルのバンドル

• 3-2-2. JSONの書き換えとビューの変化

• 3-2-3. JSONの読み込みコードの改善・例外の対応

3-3. AppストレージのJSONファイルの読み込み・書き出し

• 3-3-1. JSONをファイルに書き出す

• 3-3-2. JSONファイルを読み込む

• 3-3-3. JSONファイル読み書きコードの改善・例外の対応

• 3-3-4. JSONファイルの削除

• 3-3-5. JSONファイルの有無とAppの挙動・初期化

3-4. サーバからJSONデータを得る

• 3-4-1. サーバにJSONをリクエストして非同期に処理する

• 3-4-2. サーバリクエストのコードの改善・例外の対応