Visual Studio Code(VSCode)のワークスペースは、複数のプロジェクトを効率的に管理するための機能であり、開発環境を整理し、生産性を向上させるために非常に役立ちます。本記事では、ワークスペースの基本概念、設定方法、そして...
スマホ向けアプリ作成を趣味で始めたため、学んだことを忘れないよう備忘録として残しています。 使用言語は主に、SwiftUIで開発環境はXCodeを使用しています。
この記事では、SwiftUIでのToolbarItemの使い方を初学者向けに解説します。ToolbarItemを使うことで、アプリにツールバーを追加し、さまざまなアクションやビューをナビゲーションバーに組み込むことができます。 iOS:14
SwiftUIでは、カスタムViewを作成してアプリケーションの特定の要件に合わせたUIを構築することができます。この記事では、SwiftUIでカスタムViewを宣言する手順を解説します。 カスタムViewの基本 SwiftUIでカスタムV
SwiftUIでは、enum(列挙型)を使用することで、関連する値をグループ化することができます。enumは、限定された選択肢の中から1つを選ぶ際に特に有効です。SwiftUIのビューやロジックの中で、特定の状態やカテゴリーを表すのにenu
SwiftUIのデータフローとバインディング:基本から応用まで
この記事では、SwiftUIにおけるデータフローの理解とバインディングの活用方法について、基本から応用まで詳しく解説します。 SwiftUIのデータフロー SwiftUIのデータフローは、アプリケーションの状態とUIの間の相互作用を管理する
VisualStudioでDjangoプロジェクトを作成する
本記事ではVisualStudioを使用してDjangoプロジェクトを作成する手順を解説します。 プロジェクトの新規作成 VisualStudioにおいて『新しいプロジェクトの作成』を実行すると以下の画面が表示されます。 プロジェクトのテン
Macでのスクリーンショット撮影は、画面上の情報を素早く保存したり、他者と共有したりする際に非常に便利です。幸い、macOSには画面の特定部分や全体をキャプチャするためのシンプルなショートカットが用意されています。このブログでは、Macでス
SwiftUIにおけるdidSetを使用したプロパティの値をチェックする方法
iOS17.0以上XCode(当サイトの環境)15.0.1 SwiftUIにおいてプロパティの値をチェックする際には、いくつか方法があります。ここではdidSetを使用した方法を紹介します。プロパティが変更されたときにその変更を監視し、必要
【登録フォームなどへの活用】特定条件によるビューの有効/無効切り替え【disabledモディファイアの使い方】
SwiftUIで.disabled(_:)モディファイアは、特定の条件下でビュー(主にボタンやフォームフィールドなどのインタラクティブな要素)の有効/無効状態を制御するために使用されます。 このモディファイアを使用すると、ユーザーのアクショ
アニメーションは、ユーザー体験を向上させるための重要な要素です。SwiftUIでは、状態変化に応じたアニメーションを簡単に追加することができます。 iOS:13.0以上 XCode(当サイトの環境):15.0.1 アニメーションの基本 以下
Xcodeをインストールする方法は主に2つあります。一つはMac App Storeを利用する方法、もう一つはAppleの開発者サイトから直接ダウンロードする方法です。以下に、それぞれの手順を説明します。 Mac App Storeを利用す
Apple Developerアカウントを作成することで、Appleの開発者向けリソースにアクセスし、iOS、macOS、watchOS、tvOS向けのアプリを開発および配布することが可能になります。 以下に、Apple Developer
SwiftUIの歴史と進化:AppleのUIフレームワークの新時代
この記事では、Appleが開発者コミュニティに提供しているUIフレームワーク、SwiftUIの歴史とその進化についてまとめています。SwiftUIは、短期間で大きな進歩を遂げ、Appleのプラットフォーム向けアプリ開発の未来を形作っています
SwiftUIが提供する豊富なレイアウト機能の中でも、スペーシングとアライメントはUIデザインの基礎を形成します。これらのツールを適切に活用することで、アプリのインターフェースはより直感的で美しく、使いやすくなります。このブログでは、Swi
この記事では、Appleが提供する革新的なフレームワーク、SwiftUIについて紹介します。SwiftUIは、iOS、macOS、watchOS、tvOSアプリケーションの開発をより簡単かつ効率的にすることを目的としています。 SwiftU
SwiftUIは、Appleの最新UIフレームワークであり、iOS、macOS、watchOS、tvOSのアプリ開発を根本から変えています。この記事では、SwiftUIの主要な利点と、開発者が直面する可能性のある制限について掘り下げます。
「ブログリーダー」を活用して、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ビュー サンプルコード 以下の