SwiftUIのNavigationビューは、階層的な画面遷移を実現し、スムーズなユーザーの操作を提供するための中心的となる要素です。 iOSアプリのUI設計において、情報の分類や階層化が欠かせませんが、Navigationビューを用いるこ
スマホ向けアプリ作成を趣味で始めたため、学んだことを忘れないよう備忘録として残しています。 使用言語は主に、SwiftUIで開発環境はXCodeを使用しています。
| 今日 | 04/28 | 04/27 | 04/26 | 04/25 | 04/24 | 04/23 | 全参加数 | |
|---|---|---|---|---|---|---|---|---|
| 総合ランキング（IN） | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 1,040,087サイト |
| INポイント | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0/週 |
| OUTポイント | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0/週 |
| PVポイント | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0/週 |
| スマホ・携帯ブログ | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 4,896サイト |
| スマホ・携帯アプリ | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 592サイト |
| IT技術ブログ | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 9,961サイト |
| プログラム・プログラマー | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 933サイト |
| iPhoneアプリ開発 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 190サイト |
| 今日 | 04/28 | 04/27 | 04/26 | 04/25 | 04/24 | 04/23 | 全参加数 | |
|---|---|---|---|---|---|---|---|---|
| 総合ランキング（OUT） | 106,270位 | 圏外 | 106,270位 | 92,179位 | 105,863位 | 117,430位 | 128,224位 | 1,040,087サイト |
| INポイント | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0/週 |
| OUTポイント | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0/週 |
| PVポイント | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0/週 |
| スマホ・携帯ブログ | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 4,896サイト |
| スマホ・携帯アプリ | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 592サイト |
| IT技術ブログ | 702位 | 圏外 | 702位 | 488位 | 573位 | 643位 | 692位 | 9,961サイト |
| プログラム・プログラマー | 80位 | 圏外 | 80位 | 65位 | 72位 | 80位 | 84位 | 933サイト |
| iPhoneアプリ開発 | 圏外 | 圏外 | 圏外 | 9位 | 圏外 | 12位 | 圏外 | 190サイト |
| 今日 | 04/28 | 04/27 | 04/26 | 04/25 | 04/24 | 04/23 | 全参加数 | |
|---|---|---|---|---|---|---|---|---|
| 総合ランキング（PV） | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 1,040,087サイト |
| INポイント | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0/週 |
| OUTポイント | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0/週 |
| PVポイント | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0/週 |
| スマホ・携帯ブログ | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 4,896サイト |
| スマホ・携帯アプリ | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 592サイト |
| IT技術ブログ | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 9,961サイト |
| プログラム・プログラマー | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 933サイト |
| iPhoneアプリ開発 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 190サイト |
SwiftUIのNavigationビューは、階層的な画面遷移を実現し、スムーズなユーザーの操作を提供するための中心的となる要素です。 iOSアプリのUI設計において、情報の分類や階層化が欠かせませんが、Navigationビューを用いるこ
XCodeのシミュレーターにおいてロック画面を表示するには？
iOSシミュレーターでロック画面を表示する際は、以下のショートカットを使用できます。 ロック画面の表示：command + L ロックの解除：command + shift + H
TimelineProviderは、SwiftUIウィジェットで時間に基づいてコンテンツを更新するためのプロトコルです。ウィジェットが定期的に表示内容を変える必要がある場合、このプロトコルを実装します。TimelineProviderは、複
【Widget入門】TimelineEntryプロトコルとは？
TimelineEntryプロトコルは、SwiftUIのウィジェット開発で使用されるプロトコルです。 このプロトコルに準拠した構造体は、ウィジェットが表示するデータの単位（エントリ）を表します。TimelineEntryには、ウィジェットが
ウィジェットの中には、表示内容などをユーザーがカスタマイズできるウィジェットがあります。ウィジェットの設定をカスタマイズする方法を紹介します。 まずiPhoneにおけるウィジェットの追加・編集画面をみてみましょう ウィジェットカスタマイズ画
ActivityAttributesは、Live Activitiesに関連するデータを管理するためのプロトコルで、リアルタイムの情報をユーザーに提供するために使用されます。 これにより、データの構造を定義し、アプリとLive Activi
WidgetBundleとは、複数のウィジェットをまとめて提供するためのSwiftUIプロトコルです。アプリに複数のウィジェットがある場合、これらをWidgetBundleでまとめることで、ユーザーがアプリをインストールする際に、すべてのウ
検索時にツールバーが非表示ならないようにしたい【searchPresentationToolbarBehavior】
searchPresentationToolbarBehaviorは、SwiftUIで検索バーの表示動作を制御するために使用されます。 デフォルトの動作においては、検索フィールドに文字を入力する際にツールバーのコンテンツが非表示になります。
【toolbarTitleMenuの使い方】タイトルにメニューを追加する方法
toolbarTitleMenuは、ナビゲーションバーのタイトル部分にメニューを配置するためのモディファイアです。これを使用することで、タイトルをクリックするとメニューが表示されるインターフェースを簡単に作成できます。 iOS：16.0以上
toolbarColorSchemeは、ツールバーのカラースキームを設定するためのモディファイアです。これを使うことで、ナビゲーションバーやツールバーの外観をダークモードやライトモードに設定できます。 iOS：16.0以上 XCode（当サ
ツールバーの背景色のカスタマイズtoolbarBackgroundの活用方法
toolbarBackgroundは、SwiftUIでツールバーの背景色をカスタマイズするためのモディファイアです。このモディファイアを使用すると、ツールバーの見た目をカスタマイズできます。 iOS：16.0以上 XCode（当サイトの環境
toolbarRoleは、ツールバーの役割を定義するために使用されるSwiftUIのモディファイアです。このモディファイアを使うことで、ツールバーの配置や動作を指定することができます。 iOS：16.0以上 XCode（当サイトの環境）：1
ツールバーのカスタマイズや再利用にToolbarContentプロトコルを活用しよう
ToolbarContentプロトコルは、SwiftUIでツールバーの内容を定義するために使用されます。 このプロトコルを実装することで、カスタムツールバーの構成や管理が容易になります。この記事では、ToolbarContentプロトコルの
ToolbarItemGroupの使い方を紹介【配置の決め方など】
ToolbarItemGroupは、ツールバー内に複数のアイテムをグループ化するためのビュー修飾子です。 これにより、ツールバーのアイテムを論理的にまとめて管理できます。ToolbarItemGroupは、ツールバーの特定の位置に複数のアイ
ScenePhaseとは？アプリのアクティブや非アクティブ、バックグラウンドなど状態を取得
ScenePhaseは、アプリのライフサイクルの変化（アクティブ、非アクティブ、バックグラウンド）を監視するために使用されます。 これにより、アプリの状態に応じて特定のアクションを実行することができます。この記事では、ScenePhaseの
SwiftUIにおけるSceneは、アプリの主要な構造を定義するためのプロトコルです。Sceneプロトコルは、アプリのウィンドウやドキュメントを管理し、それらに表示するコンテンツを提供します。 Sceneとは？ Sceneは、アプリケーショ
dismissによってウインドウやプレゼンテーションを閉じるには？
dismissは、現在表示されているモーダルビューやシートをプログラム的に閉じるために使用されます。ユーザーが手動で閉じるのではなく、特定の条件やアクションによってビューを閉じる必要がある場合などにも便利です。 iOS：15.0以上 XCo
SwiftUIで使われるプロパティラッパーには、wrappedValueだけでなく、projectedValueというプロパティもあります。projectedValueは、プロパティラッパーに追加の機能や情報を提供するために使用されます。こ
DynamicPropertyを活用した動的なデータ更新の方法
SwiftUIでは、ビューがデータと連携して動的に更新されることが重要です。DynamicPropertyはそのための機能の一つです。この記事では、DynamicPropertyの概要と具体的な使用方法について説明します。 iOS：13.0
プロパティラッパーを使用する時に登場するwrappedValueについて【@Stateや@Bindingなど】
SwiftUIの@Stateや@Bindingなどのプロパティラッパーを使うときに登場するwrappedValueについて解説します。 iOS：13.0以上 XCode（当サイトの環境）：15.0.1 wrappedValueとは？ wra
「ブログリーダー」を活用して、SEカトウさんをフォローしませんか？
SwiftUIのNavigationビューは、階層的な画面遷移を実現し、スムーズなユーザーの操作を提供するための中心的となる要素です。 iOSアプリのUI設計において、情報の分類や階層化が欠かせませんが、Navigationビューを用いるこ
iOSシミュレーターでロック画面を表示する際は、以下のショートカットを使用できます。 ロック画面の表示：command + L ロックの解除：command + shift + H
TimelineProviderは、SwiftUIウィジェットで時間に基づいてコンテンツを更新するためのプロトコルです。ウィジェットが定期的に表示内容を変える必要がある場合、このプロトコルを実装します。TimelineProviderは、複
TimelineEntryプロトコルは、SwiftUIのウィジェット開発で使用されるプロトコルです。 このプロトコルに準拠した構造体は、ウィジェットが表示するデータの単位（エントリ）を表します。TimelineEntryには、ウィジェットが
ウィジェットの中には、表示内容などをユーザーがカスタマイズできるウィジェットがあります。ウィジェットの設定をカスタマイズする方法を紹介します。 まずiPhoneにおけるウィジェットの追加・編集画面をみてみましょう ウィジェットカスタマイズ画
ActivityAttributesは、Live Activitiesに関連するデータを管理するためのプロトコルで、リアルタイムの情報をユーザーに提供するために使用されます。 これにより、データの構造を定義し、アプリとLive Activi
WidgetBundleとは、複数のウィジェットをまとめて提供するためのSwiftUIプロトコルです。アプリに複数のウィジェットがある場合、これらをWidgetBundleでまとめることで、ユーザーがアプリをインストールする際に、すべてのウ
searchPresentationToolbarBehaviorは、SwiftUIで検索バーの表示動作を制御するために使用されます。 デフォルトの動作においては、検索フィールドに文字を入力する際にツールバーのコンテンツが非表示になります。
toolbarTitleMenuは、ナビゲーションバーのタイトル部分にメニューを配置するためのモディファイアです。これを使用することで、タイトルをクリックするとメニューが表示されるインターフェースを簡単に作成できます。 iOS：16.0以上
toolbarColorSchemeは、ツールバーのカラースキームを設定するためのモディファイアです。これを使うことで、ナビゲーションバーやツールバーの外観をダークモードやライトモードに設定できます。 iOS：16.0以上 XCode（当サ
toolbarBackgroundは、SwiftUIでツールバーの背景色をカスタマイズするためのモディファイアです。このモディファイアを使用すると、ツールバーの見た目をカスタマイズできます。 iOS：16.0以上 XCode（当サイトの環境
toolbarRoleは、ツールバーの役割を定義するために使用されるSwiftUIのモディファイアです。このモディファイアを使うことで、ツールバーの配置や動作を指定することができます。 iOS：16.0以上 XCode（当サイトの環境）：1
ToolbarContentプロトコルは、SwiftUIでツールバーの内容を定義するために使用されます。 このプロトコルを実装することで、カスタムツールバーの構成や管理が容易になります。この記事では、ToolbarContentプロトコルの
ToolbarItemGroupは、ツールバー内に複数のアイテムをグループ化するためのビュー修飾子です。 これにより、ツールバーのアイテムを論理的にまとめて管理できます。ToolbarItemGroupは、ツールバーの特定の位置に複数のアイ
ScenePhaseは、アプリのライフサイクルの変化（アクティブ、非アクティブ、バックグラウンド）を監視するために使用されます。 これにより、アプリの状態に応じて特定のアクションを実行することができます。この記事では、ScenePhaseの
SwiftUIにおけるSceneは、アプリの主要な構造を定義するためのプロトコルです。Sceneプロトコルは、アプリのウィンドウやドキュメントを管理し、それらに表示するコンテンツを提供します。 Sceneとは？ Sceneは、アプリケーショ
dismissは、現在表示されているモーダルビューやシートをプログラム的に閉じるために使用されます。ユーザーが手動で閉じるのではなく、特定の条件やアクションによってビューを閉じる必要がある場合などにも便利です。 iOS：15.0以上 XCo
SwiftUIで使われるプロパティラッパーには、wrappedValueだけでなく、projectedValueというプロパティもあります。projectedValueは、プロパティラッパーに追加の機能や情報を提供するために使用されます。こ
SwiftUIでは、ビューがデータと連携して動的に更新されることが重要です。DynamicPropertyはそのための機能の一つです。この記事では、DynamicPropertyの概要と具体的な使用方法について説明します。 iOS：13.0
SwiftUIの@Stateや@Bindingなどのプロパティラッパーを使うときに登場するwrappedValueについて解説します。 iOS：13.0以上 XCode（当サイトの環境）：15.0.1 wrappedValueとは？ wra
.presentationDragIndicator(_:)モディファイアは、シートビューなどのプレゼンテーションビュー上部に表示されるドラッグインジケータの表示をカスタマイズするために使用されます。 特に.presentationDrag
iOS：16.0以上 XCode（当サイトの環境）：15.0.1 モーダルビューに.sheetという以下のようなビューがあります。このビューをカスタマイズする方法を紹介します。 sheetの高さを設定する方法 sheetの高さを2段階に設定
iOS：14.0以上 XCode（当サイトの環境）：15.0.1 fullScreenCoverは、全画面モーダルビューを表示するためのビューモディファイアです。fullScreenCoverには2つの宣言方法があります。 fullScre
SwiftUIの".sheet"を使用すると、条件に応じてモーダルビューを表示できす。宣言には2つの方法があります。 sheet(isPresented:onDismiss:content:)：Bool値をバインディング
iOS：14.0以上 XCode（当サイトの環境）：15.0.1 SwiftUIで.navigationBarTitleDisplayMode(_:)を使用すると、ナビゲーションバーのタイトル表示モードをカスタマイズできます。 このモディフ
本記事ではナビゲーションバーに表示される戻るボタンを非表示にする方法をご紹介します。 SwiftUIの.navigationBarBackButtonHidden(_:)ビューモディファイアをビューに適用し、引数としてtrueを渡すことで、
SwiftUIのnavigationDestination(for:destination:)モディファイアは、NavigationStackやNavigationSplitViewと組み合わせて使用されます。 iOS：16.0以上 XCo
NavigationPathはSwiftUIで導入されたクラスで、ナビゲーションスタック内のパスを表します。これにより、プログラマティックにナビゲーションスタックを管理することが可能になります。NavigationPathは特にNaviga
この記事ではツールバーのカスタマイズについて紹介します。背景の変更やタイトルのフォントの変更が可能です。 ツールバー背景色の変更（toolbarBackground） iOS：16.0以上 XCode（当サイトの環境）：15.0.1 Swi
iOS：15.0以上 XCode（当サイトの環境）：15.0.1 alertには以下のようなメッセージを表示することも可能です。 使用方法は基本的なalertの使用方法と同じで、messageパラメータを追加するだけです。 パラメータ ti
NavigationSplitViewは、SwiftUI 3.0で導入されたコンポーネントで、iPadOSやmacOSなどの大きな画面で使われる2カラム（サイドバーとディテールビュー）または3カラム（サイドバー、コンテンツビュー、ディテール
iOS：16.0以上 XCode（当サイトの環境）：15.0.1 本記事ではNavigationSplitViewにおけるツールバーボタンを削除したりカスタマイズする方法を紹介します。 カスタマイズするには.toolbar(removing
iOS：16.0以上 XCode（当サイトの環境）：15.0.1 .navigationSplitViewColumnWidth は SwiftUI の NavigationSplitView に関連するビューモディファイアで、特定のカラム
iOS：17.0以上 XCode（当サイトの環境）：15.0.1 NavigationSplitViewにおいて、初期表示するビューを指定することが可能です。preferredCompactColumnを使用することで、複数カラム（サイドバ
iOS：16.0以上 XCode（当サイトの環境）：15.0.1 .navigationSplitViewStyleを使用するとNavigationSplitView のスタイルを変更することが出来ます。スタイルを適用するとサイドバーを展開
NavigationSplitViewVisibilityは、NavigationSplitViewのカラム（サイドバー、コンテンツビュー、ディテールビュー）の表示状態を制御するためにSwiftUIで使用される列挙型です。この列挙型は、特定
SwiftUIでは、Previewを使用してビューのデザインや挙動をリアルタイムに確認することができます。この記事では、SwiftUI Previewの基本的な概念と使用法に焦点を当て、効率的なUI開発に役立つTipsを紹介します。 iOS
iOS：15.0以上 XCode（当サイトの環境）：15.0.1 SwiftUIでのtask修飾子は、ビューが表示されるときに非同期操作を開始するために使用されます。taskは、ビューのライフサイクルイベントに基づいて非同期コードを実行する
この記事では、SwiftUIでのToolbarItemの使い方を初学者向けに解説します。ToolbarItemを使うことで、アプリにツールバーを追加し、さまざまなアクションやビューをナビゲーションバーに組み込むことができます。 iOS：14
SwiftUIでは、カスタムViewを作成してアプリケーションの特定の要件に合わせたUIを構築することができます。この記事では、SwiftUIでカスタムViewを宣言する手順を解説します。 カスタムViewの基本 SwiftUIでカスタムV
