2024-11-01から1ヶ月間の記事一覧
環境 基本 概要 パラメータ 例 最大値/最小値を表示 スライダーの色を指定(accentColor) スライダーの幅や高さを指定(frame) スライダーの背景色を指定(background) 値を変更した時の処理(onChange) 環境 Xcode:16.1 Swift:6 iOS:16 基本 概要 Sl…
環境 基本 概要 パラメータ 例 トグルの色を変更(tint) トグルのスタイル(toggleStyle) スイッチ ボタン カスタムスタイル 環境 Xcode:16.1 Swift:6 iOS:16 基本 概要 Toggleとは ※iOS 13から ON/OFF状態を切り替えるビュー パラメータ label:トグル…
環境 基本 概要 パラメータ 例(画像の表示) 例(システムアイコンの表示) 画像の取り込み方法 サイズの変更(resizable) 縦横比の維持 フレームに収める(scaledToFit) フレームの最大に合わせる フレームサイズで切り取る 図形で切り取り 他のViewで切…
環境 基本 概要 パラメータ 例 範囲を指定(in) 増減幅を指定(step) 値変更時の処理(onEditingChanged) 増加値と減少値をそれぞれ指定(onIncrement、onDecrement) 環境 Xcode:16.1 Swift:6 iOS:16 基本 概要 Stepperとは ※iOS13から [-]と[+]…
環境 基本 概要 パラメータ 例 表示スタイル(displayComponents) compact wheel graphical 日付のみ、時間のみの表示(displayedComponents) 日付のみ表示 時間のみ表示 選択範囲指定(in) 表示言語について 実機の場合 シュミレーター、プレビューの場…
環境 基本 概要 パラメータ 例 表示スタイル(pickerStyle) menu inline segmented wheel navigationLink automatic 環境 Xcode:16.1 Swift:6 iOS:16 基本 概要 Pickerとは ※iOS13から 複数の選択肢の中から1つの値をユーザーに選択させるビュー パラメ…
環境 基本 概要 パラメータ 例 複数のネスト 環境 Xcode:16.1 Swift:6 iOS:16 基本 概要 DisclosureGroupとは ※iOS14から タップすると内容が展開される形式で、Formや設定画面、長いリストなどに適している。 パラメータ label:ヘッダー部分の内容 isEx…
環境 基本 概要 パラメータ 例 カスタムスタイル(labelStyle) メニューでの見え方 複数行の場合の表示 環境 Xcode:16.1 Swift:6 iOS:16 基本 概要 Labelとは アイコンとテキストを一緒に表示するビュー パラメータ title:ラベルのタイトル systemImage…
環境 基本 概要 パラメータ 例 スタイル roundedBorder plain カスタムスタイル 値の変更を検知(onChange) 決定ボタンを検知(onSubmit) フォーカス移動 よく使うモディファイア 環境 Xcode:16.1 Swift:6 iOS:16 基本 概要 TextFieldとは ※iOS 13から …
基本 複数ボタン ボタンの表示スタイル 基本 アラートとは ユーザーに通知や確認を促すために使用するモディファイア ボタンだけでなく、テキストなどにも使用できる import SwiftUI struct ContentView: View { // アラートの表示フラグ @State private var…
環境 基本 ボタンのロールについて 階層メニュー 長押し、短押し処理(primaryAction) ボタンのスタイル(buttonStyle) メニューの表示順 環境 Xcode:16.1 Swift:6 iOS:16 基本 Menuとは ※iOS14から 選択肢のリストをポップアップメニューとして表示す…
基本 ボタンのスタイル(buttonStyle) レイアウトを別で管理 よく使うモディファイア 基本 Buttonとは タップして特定のアクションを実行できるビュー import SwiftUI struct ContentView: View { var body: some View { // ラベルのボタン Button(action: …
環境 Form Section Form上の各ビューの見た目 環境 Xcode:16.1 Swift:6 iOS:16 Form Formとは ※iOS13から 設定画面や入力フォームを作成するために便利なビュー。 各セクションに入力フィールドやボタンなどを配置でき、標準的なiOSデザインに即したレイ…
コードの整形 バックスラッシュの入力方法 ビューライブラリの開き方 入力フォームでのキーボードの表示 シュミレーター iOSのバージョン確認方法 デバッグプレビュー コードの整形 コードを全選択してから実行すると良い control + i バックスラッシュの入…
NavigationViewとは よく使いそうなテンプレート NavigationViewとは NavigationViewは、NavigationLinkと組み合わせて使う。 NavigationLinkを使うことで、タップ時に別の画面に遷移するリンクを作成できる。・ navigationTitleは文字の大きさなどカスタマ…
(初回のみ)対象バージョンのシュミレーターの取得 1.サポート可能なバージョンを確認する 2.シュミレーターを作成 3.シュミレーターを切り替える 4.プレビューを切り替える (初回のみ)対象バージョンのシュミレーターの取得 ヘッダーのXcode > …
環境 基本 セクション分け可能なリスト 編集可能なリスト 長押し(または右クリック)メニューを表示可能なリスト リストの見た目 insetGrouped(iOS 14以降のデフォルト) plain(iOS 13以前のデフォルト) grouped inset sidebar セパレーターの非表示 セ…
基本 モディファイア 基本 Textとは 文字を表示するビュー // 文字列を表示 Text("Hello") // 文字列+変数の値を表示 Text("Hello, \(userName)") モディファイア ・background(背景色を設定) ・onTapGesture(テキスト押下時の処理を追加) Text("test")…
VStack(縦配置) 基本 alignment(子ビューの配置) spacing(子ビュー間のスペースを指定) padding(周りの余白を追加) background(背景色) cornerRadius(角を丸くする) frame(幅や高さを設定) LazyVStack HStack(横配置) 基本 alignment(子ビ…
デプロイ 1.tomcatのwebappsディレクトリにwarファイルを配置する 2.tomcatを再起動する 3.デプロイの確認 Apacheとの連携 mod_proxyモジュールの有効化 Apacheのバーチャルホスト設定 Apacheの再起動 起動確認 デプロイ 1.tomcatのwebappsディレク…
Core Dataとは ①DataModelファイルを作成 ②Core Dataエンティティの定義 ③Core Dataの設定ファイルを作成 ④App構造にCore Dataのサポートを追加 ⑤CoreDataをビューで使用する @FetchRequestでできること エンティティ(entity) ソート(sortDescriptors) …
UserDefaultsの使い方 永続化データのクラス使用、他ビューで使用する例 永続化データのクラス情報(共通) 値を変更できる例 参照のみの例 UserDefaultsの使い方 ・アプリの設定や少量のデータを永続化するために使用する ・小規模かつ単純なデータに向いて…
プロパティラッパー @State(状態変数) @Binding(データ共有) init関数(コンストラクタ) ビューへの引数渡し プロパティラッパー @State(状態変数) ・@Stateで宣言された変数が変更されると、ビューを自動で再描画する ・privateとして宣言することが…