【iOS開発】SwiftUIで実践的なiPhoneアプリを作成しながらプロの技術を学ぶ！Todoアプリを完成させよう！

SwiftUI以前の開発方法と、SwiftUIの開発方法の違いを説明します。

SwiftUIにおけるUIの開発方法を説明します。

SwiftUI用のプロジェクトを作成します。

キャンバスによるプレビュー方法やライブモード実行などソースをUIとして表示する方法を学びます。

ソースコードの修正とプレビューによる確認方法、またインスペクタでビューの「モディファイア」を編集する方法を説明します。

このレクチャーで作成するTodoアプリのコンセプトを詳しく解説します。単なるサンプルアプリにとどまらず、本格的で使えるTodoアプリを目指します。

今回作成するアプリの各画面の機能について説明します。

Xcodeを開き、今回作成するTodoアプリのプロジェクトを新規作成しましょう。

アップルが用意している高品質なベクターイラストを紹介します。

SF SymbolsというアプリをMacにインストールしておくと、簡単にイラストを検索することができます。

SwiftUIに新しいビューを追加して、画像を表示するカスタムビューを作成します。

SwiftUIではビューの変更を行うメソッドのことを「モディファイア」と呼びます。

モディファイアをつかってImageビューのサイズを指定したり、形状を変更したり、色をつけたりといったように、ビューをカスタマイズする方法を説明します。

まずはシンプルなカスタムビューです。Toggleビューを使ってOn/Offを管理できるビューを作成します。

ToggleのようにOn/Offの状態を持ったUI部品をカスタムビューで作ります。格好良いチェックボックスを作りましょう。

キャンバスでのプレビューについて詳しく説明します。

チェックマーク画像の右側に文字列を表示するようにします。

単に文字列だけでなく、Genericsを使って任意のビューを配置できるようにします。ビューの外側から任意のビューを渡すテクニックを説明します。

アプリケーションで使用する色を定数として定義しておきましょう。

ユーザーアイコンに使用する画像をプロジェクトに追加しましょう。

レクチャー動画内で使用したprofile.jpegはダウンロード可能な教材としてこのレクチャーに添付していますので、ダウンロードしておきましょう。もちろん、プロジェクトに追加する画像はprofile.jpegに限らず何でも大丈夫です。あなたの好きな画像を使っても良いでしょう。

ユーザーアイコンの画像を、丸く切り抜く方法を説明します。

Spacerを使ったビューのレイアウト方法、Paddingを使ったビューの余白の調整方法を説明します。

フォントを変更するfontモディファイアについて説明します。

カスタムビューにプロパティを追加することで汎用的なビューとして仕上げていきましょう。

CoreDataを使い、とても簡単な手順でタスク用のエンティティ（テーブル）を作成しましょう。

重要度と緊急度による4つのカテゴリーを扱いやすくするため、プロジェクトで使用するenumを用意しておきましょう。

カテゴリーごとに、カテゴリータイトル文字列、カテゴリーアイコン、カテゴリー色をそれぞれ決めて取得できるようにします。

４つのカテゴリーを表示するためのCategoryViewというカスタムビューを作ります。

Buttonビューを配置する方法を説明します。

タスクを素早く保存できるUIを作ります。

日時を決めずタスク名とカテゴリだけを指定して保存するUIにしましょう。

ユーザーが文字を入力するテキストフィールドビューについて解説します。テキストフィールドの枠線を描画する方法も説明しています。

タスクの一覧をListを使って表示するようにしましょう。

タスクの一覧は、指定したカテゴリのタスクのみ一覧表示する処理を説明します。

Listに表示するデータを用意する方法を学習します。
データベースからデータを取得して結果を取得するために@FetchRequestアノテーションを使うことができます。@FetchRequestの使い方を説明します。

データベースを使ったプロジェクトにおける、プレビュープロバイダを使ったデータの確認方法を説明します。

プレビュープロバイダにデータを追加する処理を入れます。

@FetchRequestアノテーションでデータを取得した場合に、データを絞り込む方法を説明します。