Yohei Okawa

はじめにSwiftUIにおけるナビゲーション管理の方法について、以下2つの方法を紹介します。NavigationLinkに遷移先のViewを紐づけて直接的にナビゲーションを実行するNavigationLinkにデータを紐づけて間接的にナビゲーションを実行する この記事の主張方法1: NavigationLinkに遷移先のViewを紐づけて直接的にナビゲーションを実行方法2: NavigationLinkにデータを紐づけて間接的にナビゲーションを実行する方法2はナビゲーションパスを記録することが容易になる方法2でナビゲーションを手動制御する 本題 ...

【SwiftUI】NavigationStackでナビゲーションパスを保持して手動で制御する

はじめに この記事の主張FetchRequestをinit内で行う親Viewから渡された引数を、FetchRequestによってCore Dataのデータ抽出に利用する 本題 FetchRequestをinit内で行う基本形は、以下のとおりです。struct HistorySummarySheetView: View {    @Environment(\.managedObjectContext) private var viewContext    @FetchRequest private var sessionList: FetchedResul...

【SwiftUI】FetchRequestをinit内で初期化する方法

はじめに この記事の主張.animation(_:value:)で値の変更を検知して、指定のアニメーションをViewに反映するアニメーションの種類を比較 本題 .animation(_:value:)で値の変更を検知して、指定のアニメーションをViewに反映する実際にコードからみていきましょう。以下のコードでは、円をタップすると、円のサイズが3倍に拡大/縮小されます。拡大時/縮小時にアニメーションが入っています。import SwiftUIstruct AnimationView: View {        @State private var...

【SwiftUI】.animationでアニメーションをつける方法

はじめに この記事の主張enumの全要素を取得するには、以下2つが必要enumをCaseIterableに準拠させるallCasesタイププロパティを使用する 本題 完成系import SwiftUIenum Feelings: String, CaseIterable {        case bad = "😢"    case soso = "🙂"    case good = "😊"        var id: String { rawValue }}struct ShowEnumAllCasesView: View { ...

【Swift】enumをCaseIterableに準拠させて、enumの全要素を取得

はじめに 主張dismiss()は以下のシーンで表示を却下できる.sheetや.confirmationDialog, .popoverのようなモーダルNavigationStackにおける現在のViewdismiss()はdismissするViewで環境値を設定しなければならない 本題 dismiss()で.sheet,.confirmationDialog,.popoverのようなモーダル表示を閉じるここでは、.sheetを例にdismiss()を使用する。ParentViewのボタンからシートを呼び出し、ChildViewのボタンでシー...

【SwiftUI】dismiss()はシートやポップオーバーなどの現在の表示を却下する

はじめに この記事の主張Timer.publishを使って定期的なタイマー処理を実現するCombineのパイプラインを使って指定されたタイマー間隔で処理を実行 やりたいこと上部の文言（紫色で囲った枠内の文章）を30秒ごとに違う文字に変更したい。文章一覧let data: [String] = [    "お疲れ様です。",    "いつも頑張っていますね。",    "ほっと一息ついてみましょう。",    "無理しないでくださいね。",    "今日もご苦労様です。",    "頑張った自分にご褒美してくださいね。",    "たまにはゆっ...

【Swift】Combineで定期的なタイマー処理を行う方法

この記事の主張UIImageをpngData()で保存すると、画像の向き情報は保存してくれない手軽に画像の向き情報を保存するためには、jpegData(compressionQuality:)を使おう 本題 UIImageをpngData()で保存すると、画像の向き情報は保存してくれないimport SwiftUIstruct UIImageToDataView: View {        @AppStorage("imageData") var imageData: Data?        @State private var image: UII...

【SwiftUI】画像をpngData()で保存すると、画像の向き情報は保存してくれない

この記事では、以下についてまとめています。データから画像を取得して表示する方法（Data型からUIImage型への変換）画像をデータとして保存する方法（UIImage型からData型へ変換） データから画像を取得して表示する方法（Data型からUIImage型への変換）import SwiftUIstruct DataToUIImageView: View {        let imageData: Data?        var body: some View {        if let imageData, let uiImage = UIIma...

【SwiftUI】Data型とUIImage型を相互変換して、画像をデータとして保存したりデータから画像を取得して表示したりする方法

Swiftには、自身が値をもたず、構造体の他のプロパティにアクセスして、値をセットしたり値を取得する計算型プロパティが存在します。この記事では、筆者が疑問に感じた計算型プロパティって何？計算型プロパティはどうやって使うの？をもとに計算型プロパティに対する個人的な理解をゼロからまとめてみました。 計算型プロパティ（Computed Properties）とは計算型プロパティ (Computed Properties）は、構造体・クラス・列挙型で定義されるプロパティの一つです。このプロパティは、他のプロパティにアクセスできる代わりに、自身に値を持ちません。計算型プロパ...

【Swift】計算型プロパティってなに？

『オプショナル型(Optional)』とは値が存在しないことを処理するための型 オプショナル型の宣言方法let shortForm: Int? // 短縮版let longForm: Optional<Int> // 正式な宣言方法変数の型の後に、クエスチョンマーク(?)をつけることで宣言することができます。この宣言の仕方で自動的にnilが格納されるため、以下のコードと同じ意味をもちます。let shortForm: Int? = nillet longForm: Optional<Int> = nil オプショナル型は値をラップしている...

【Swift】オプショナル型の意味と使い方をおさらい

Swiftの配列操作のメソッドを一覧でまとめてみた。 Swiftの配列の定義Swiftでは以下のように配列を定義する。 基本的な配列の定義/// 配列の定義/// 変数名: [型名] = [要素1, 要素2, ...]var list: [Int] = [1, 2, 3]また、型を指定せずSwiftに推論させて配列を定義する方法もある。/// 配列の定義（型推論を用いた場合）/// 変数名 = [要素1, 要素2, ...]var list = [1, 2, 3] 二次元配列二次元配列を扱うには以下のように配列を定義する。/// 二次元配列の定義/// ...

【Swift】配列操作でよく使われるメソッド

はじめに本記事では、UIデザインツールであるXDとFigmaを個人的に比較する機会があったので、その違いをお伝えしていきます。 XDとFigmaの最近の動向2022年9月にAdobeがFigmaを買収することを発表しました。Figmaはブラウザベースで動くUIデザインツールで有名です。一方でXDは、数多くのグラフィックデザインツールをリリースしているAdobeの一製品です。XDとFigmaで比較するとFigmaは圧倒的な成長を遂げています。Figmaを利用しているユーザ数も圧倒的ですね。https://uxtools.co/survey/2022/ui-desi...