Visual Studio Code（VSCode）のワークスペースは、複数のプロジェクトを効率的に管理するための機能であり、開発環境を整理し、生産性を向上させるために非常に役立ちます。本記事では、ワークスペースの基本概念、設定方法、そして...
スマホ向けアプリ作成を趣味で始めたため、学んだことを忘れないよう備忘録として残しています。 使用言語は主に、SwiftUIで開発環境はXCodeを使用しています。
ポップアップメニューのようにボタンタップにより表示されるメニューを作成する【Menuビュー】
このブログでは、SwiftUIを使用してメニュービューを効果的に実装する方法について詳しく解説します。メニュービューは、ユーザーがアプリ内の複数のオプションを簡単に選択できるようにするためのUIコンポーネントです。 iOS：14.0以上 X
SwiftUIでは、Spacerを利用して柔軟なレイアウトを構築することができます。この記事では、Spacerの基本的な使い方から実用的な応用までを詳しく解説します。 基本的な使い方 水平方向への活用 Spacerを使って要素間のスペースを
SwiftUIでは、オプショナル型は非常に重要です。オプショナル型は値が存在するかどうかを表し、値が存在しない可能性があることを示します。ここでは、SwiftUIにおけるオプショナル型の活用方法について解説します。 オプショナル型とは？ /
この記事では、MenuとPickerを組み合わせて使用する方法を解説します。MenuとPickerの組み合わせは、ユーザーに選択肢を提供しつつ、限られたディスプレイ上でユーザーインターフェースをいかに効率的に配置するか有効に活用するのに役立
SwiftUIのZStackは、ビューを重ねて配置することで、奥行きや視覚的な重なりを持たせることができるレイアウトコンポーネントです。この記事では、ZStackの基本的な使い方から実践的な応用例までを詳しく解説します。 1. 基本的な使い
SwiftUIでは、画像を表示するための便利なコンポーネントが提供されています。ここでは、画像を表示するための基本的な手法とそのカスタマイズ方法について解説します。 使用する画像のプロジェクトへの取り込み サイドメニューから「Assets」
HStackとVStackはSwiftUIでUIをレイアウトするための重要なコンポーネントです。この記事では、HStackとVStackの使い方や役割について詳しく解説します。 HStackとVStackの基本 HStackとVStackの
.aspectRatio()は、SwiftUIで画像やビューのアスペクト比を設定するための便利なモディファイアです。このモディファイアを使用すると、ビューが異なるデバイスサイズや環境に合わせて正しい比率で表示されるように調整することができま
はじめに SwiftUIのContextMenuは、ユーザーがViewを長押ししたときに表示されるメニューです。この記事では、その基本的な使い方と実装方法について解説します。 ContextMenuの基本 ContextMenuは、特定のV
Textビューを使用する際に、テキストのフォントサイズを変更することは非常に簡単です。SwiftUIでは、さまざまなフォントサイズのオプションが用意されています。 デフォルトのフォントサイズ import SwiftUI struct Fo
「ブログリーダー」を活用して、SEカトウさんをフォローしませんか？
Visual Studio Code（VSCode）のワークスペースは、複数のプロジェクトを効率的に管理するための機能であり、開発環境を整理し、生産性を向上させるために非常に役立ちます。本記事では、ワークスペースの基本概念、設定方法、そして...
VSCodeとGitHubを連携している場合、一部のファイルをGitHubにプッシュしないようにする方法としては、主に .gitignore ファイルを使うのが一般的です。.gitignore を使う方法1. プロジェクトルートに .git...
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でリアクティブなコードを書く際に、onReceiveモディファイアが役立ちます。特定のパブリッシャーからデータを受信するたびにアクションを実行するために使用されます。この記事では、onReceiveの使い方を具体的な例とともに
SwiftUIのonChangeモディファイアは、指定されたプロパティの値が変わるたびにクロージャを実行する便利なツールです。 onChangeのoldValueやnewValueのパラメータを使用するとプロパティの更新によってクロージャが
onChangeは、SwiftUIで特定の状態やプロパティの変更を監視し、変更が検知されたときにアクションを実行するために使用されるモディファイアです。 iOS：17.0以上 XCode（当サイトの環境）：15.0.1 基本的な使い方 以下
findNavigatorは、TextEditorビューと組み合わせて使うモディファイアで、TextEditorに検索インタフェースを付与することができます。 iOS：16.0以上 XCode（当サイトの環境）：15.0.1 findNav
dismissSearchモディファイアは、検索フィールドを非アクティブにするための機能です。検索フィールドがアクティブな状態で、キーボードが表示されている場合にこのモディファイアを呼び出すと、キーボードが閉じられ、検索フィールドが非アクテ
iOS：15.0以上 XCode（当サイトの環境）：15.0.1 isSearchingは、SwiftUIのEnvironmentValuesの一部であり、検索フィールドがアクティブであるかどうかを示すブール値です。これを使用すると、検索フ
iOS：16.4以上 XCode（当サイトの環境）：15.0.1 検索機能におけるスコープとは、検索対象となる範囲や領域のことを指します。スコープは、ユーザーが検索を行う際に検索対象を限定するために使用することができます。特定の領域に絞った
iOS：15.0以上 XCode（当サイトの環境）：15.0.1 searchableビューモディファイアのplacementパラメータは、検索フィールドが表示される場所を指定するためのものです。このパラメータには、検索フィールドを配置する
iOS：17.0以上 XCode（当サイトの環境）：15.0.1 inspectorビューはカスタマイズが可能です。カスタマイズの種類は以下が用意されています。 inspectorColumnWidth：inspectorビューの幅を設定す
iOS：17.0以上 XCode（当サイトの環境）：15.0.1 本記事ではiOS17.0において実装されたinspectorビューについて説明します。 inspectorはiPadなど画面領域が大きいデバイスではサイドからスライドインして
iOS：17.0以上 XCode（当サイトの環境）：15.0.1 「fileMover」は、SwiftUIでファイルを移動するために便利なモディファイアです。このモディファイアを使用すると、ユーザーがファイルを選択して移動先を指定し、ファイ
iOS：14.0以上 XCode（当サイトの環境）：15.0.1 fileExporterは、SwiftUIでファイルのエクスポート機能を提供するためのモディファイアです。ユーザーがファイルを選択して保存するためのシステムのファイルエクスポ
iOS：14.0以上 XCode（当サイトの環境）：15.0.1 fileImporterは、SwiftUIでファイルのインポート機能を提供するためのビューモディファイアです。ユーザーがデバイス上のファイルを選択し、アプリに取り込むことがで
iOS：15.0以上 XCode（当サイトの環境）：15.0.1 確認ダイアログには以下のようにメッセージを表示することも可能です。 使用方法は基本的なconfirmationDialogの使用方法と同じで、messageパラメータを追加す
iOS：15.0以上 XCode（当サイトの環境）：15.0.1 本記事では確認ダイアログを表示する際に、独自で準備したデータを使用する方法を紹介します。 確認ダイアログの基本的な使用方法は以下のページを参照してください。 サンプルコード
iOS：15.0以上 XCode（当サイトの環境）：15.0.1 alertにLocalizedErrorに適合したエラーを表示させることが出来ます。 パラメータ isPresented：アラートを表示するかどうかを決定するブール値へのバイ
LocalizedErrorプロトコルを使用すると、カスタムエラータイプにローカライズされたエラーメッセージを簡単に提供したりすることが出来ます。 以下に、LocalizedErrorプロトコルの使い方を説明します。 エラーの定義 エラーを
iOS：16.4以上 XCode（当サイトの環境）：15.0.1 モーダルビュー（.sheetなど）を表示している間に背後のビューを操作可能にするには、PresentationBackgroundInteractionモディファイアを使用し
iOS：16.4以上 XCode（当サイトの環境）：15.0.1 SwiftUIで.sheetビューの背景を変更する方法はいくつかあります。iOS16.4以降では、.presentationBackgroundを使用するのが良いでしょう。
iOS：16.4以上 XCode（当サイトの環境）：15.0.1 presentationCornerRadiusを使用するとsheetビューの以下部分の角に丸みをつけることが出来ます。 デフォルトのsheetビュー サンプルコード 以下の
