- 1. CGRectを中心とサイズ指定で簡単に生成できるようにする
- 2. Flutter製のiOSアプリでApple Watchを連携する際にハマったこと
- 3. ignoresSafeArea の第一引数と SwiftUI のキーボード避け
- 4. iOS(Swift)リンク集
- 5. iOS15でのジオフェンシングの異常について
- 6. Xcode13のUser-Defined Settingで「MTLLINKER_FLAGS」キーが登録できないときの対処法
- 7. Xcode Cloud でプロジェクトをビルドしてみる
- 8. Firebase × Swift × Vueでマッチングアプリmeepleをリリースしました！
- 9. 【App Architecture編】流し読みするHuman Interface Guidelines
- 10. Xcodeのシミュレータで録画する方法
- 11. 【Swift】AVPlayerの再生と一時停止を切り替える
- 12. iPhoneのショートカットにて時間を減算する
- 13. SwiftのOptional型に?をつけて代入した時の挙動
- 14. 【Swift】Swift Concurrency を使って簡易なAPIClientを作ってみる
- 15. [iOS]Test実行時のエラー: Multiple commands produce ~ MyApp.app ~ Target ‘MyApp’ has create directory command with output MyApp.app
- 16. 【Swift】EurekaのImageRowにURLから画像を表示させる
- 17. 【Swift資格】App Development with Swiftの科目がいつの間にか2つに分かれていた！
- 18. Swiftでバーコードリーダー機能を実装
- 19. iOS14で非推奨となったUITableViewCellのtextLabelプロパティ等の対応（iOS13対応含）
- 20. Flutter Flavor対応（パッケージ未使用）
CGRectを中心とサイズ指定で簡単に生成できるようにする
##やりたいこと
Viewの配置場所指定などで頻繁に使用する、おなじみのCGRect。
CGRectの生成方法は
“`swift
CGRect(origin: CGPoint, size: CGSize)
“`または
“`swift
CGRect(x: CGFloat, y: CGFloat, width: CGFloat, height: CGFloat)
“`
という感じで、
四角形の左上の座標指定 ＋ 幅・高さ指定
で生成します。なのですが、実際には
中心の座標指定 ＋ 幅・高さ指定
からCGRectを生成したいシーンはよくあるかと思います。毎度毎度、これらの値からoriginを計算してCGRect生成するのはめんどくさいので、
中心の座標 ＋ 幅・高さ
で一発でCGRectを生成できるようにしてしまいたいですね。##解決方法
CGRectを 中心座標 + サイズ の情報で生成でいるイニシャライザを、
CGRectのExtensionとして実装してしまえば良いです。“`swift:CGRectExtension.swift
i
Flutter製のiOSアプリでApple Watchを連携する際にハマったこと
Flutter製のiOSアプリでApple Watchを連携する際にいろいろハマった点があったのでメモに残しておきます。
# 環境
– Flutter 2.5.2
– Xcode 13.0## 基本的な手順
– XcodeのiOSプロジェクトにWatchのターゲットを追加
– プロフェクトフォルダ内/ios/Runner.wcworkspaceをXcodeで開く
– File>New>Target>WatcOS>Watch App for iOS App
– 任意のプロジェクト名(ここの記事では**watch**とする）をつけて作成
– bitcodeをYESに変更
– iOSとWatchOSのバージョン番号を一致させる
– Flutter Method ChannelでFlutterとSwift間のデータのやり取りを実装詳細は[こちらの記事](https://medium.com/kbtg-life/adding-apple-watch-to-flutter-app-via-flutter-method-channel-f1443532d94e)を
ignoresSafeArea の第一引数と SwiftUI のキーボード避け
## 概要
SwiftUI には `ignoresSafeArea` という modifier がありますが、しっかり理解せず使っていたので基本的な動作や引数の役割、SwiftUI の自動でのキーボード避けとの関係について調べてまとめました。
## ignoresSafeArea とは
SwiftUI の View はデフォルトでは SafeArea の中に配置されます。例えば画面全体に背景色を設定しようとすると、背景色は以下のように SafeArea 内だけに適用されます。
“`swift
struct ContentView: View {
var body: some View {
Color.yellow
}
}
“`
ときにはこの振る舞いが余計なお世話になってしまうことも
iOS(Swift)リンク集
個人的な雑多リンク集です。
[Supporting Drag and Drop in Collection Views](
https://developer.apple.com/documentation/uikit/views_and_controls/collection_views/supporting_drag_and_drop_in_collection_views)https://swift-ios.keicode.com/devenv/xcode-how-to-build-for-12-with-xcode11.php
https://phosphor-bronze.blogspot.com/2018/07/uicollectionviewios11.html
※配列の要素の交換は`swapAt(i, j)`で可能
https://qiita.com/takehilo/items/06a9ec7ec634d86bd734
https://naoya-ono.com/swift/swift-collection-view-basic/?utm_source=
iOS15でのジオフェンシングの異常について
#iOS15でのジオフェンシングの異常について
iOS14まで正常に動いていたジオフェンシングが、
iOS15以降、正常動作していないケースがありました。
「iOS15での端末再起動後、アプリ起動するまで、ジオフェンスを検知しない」問題があるようです。日本語での該当記事が見つからないため、
とりあえずレベルですが、検証してみました。##海外記事
[ios15 geofencing not working]で検索すると、
いくつかのアプリで、iOS15＋ジオフェンシングの組み合わせで問題があり、
掲示板などで多少、会話がなされているようです。
内容的には、以下のような共通点があります。– iOS14までは問題なく、iOS15では問題がある
– 端末再起動後、アプリを起動しないとジオフェンスが有効にならない
– iOS15.0.2でも直っていない[Geofencing problems with iOS15.01]
https://discussions.apple.com/thread/253247480[Geofencing and iOS15.]
https://
Xcode13のUser-Defined Settingで「MTLLINKER_FLAGS」キーが登録できないときの対処法
# TL;DR
Xcodeのビルド設定に新しく`Metal Linker – Build Options`という項目ができているので、そこに値`-cikernel`を指定しましょう。# 環境
– Xcode 13.1
– macOS Big Sur 11.6.1# 起こっていたこと
Core ImageのフィルタをMetalファイルで記述するには、XcodeのBuild Settingを以下の2つ変更する必要があります。– `Other Metal Compiler Flags`に`-fcikernel`を指定する
– `User-Defined Setting`として`MTLLINKER_FLAGS`キーを追加し、値に`-cikernel`を指定するこのうち下側の`User-Defined Setting`で`MTLLINKER_FLAGS`キーを追加しようとしたところ、「すでに設定されている名前なので違う名前で設定してね」というエラーが出ました。
> There already is another setting named “MTLLINKER_FLAGS”.
Xcode Cloud でプロジェクトをビルドしてみる
## これは何
Xcode Cloud でプロジェクトをビルドする方法のメモです。そもそも Xcode Cloud って何よ？という方は下記サイトを御覧ください。
[Xcode Cloud Overview \- Apple Developer](https://developer.apple.com/xcode-cloud/)
## 利用申請
Xcode Cloud はまだベータ版であり、利用するには下記URLから申し込む必要があります。
https://developer.apple.com/xcode-cloud/beta/request/
何日か待つと「使えるようにしたよ〜」といった内容のメールが Apple から届きます。
## とりあえずビルドしてみる
まずは [Xcode 13](https://developer.apple.com/download/) 以降をインストールしましょう。
次に Xcode のメニューから Product > Xcode Cloud > Create Workflow… を選択します。
– Launch in the appropriate orientation.
→ アプリ起動時の画面の向きを考慮する
参考: [Adaptivity and Layout](https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/adaptivity-and-layout)
– Avoid asking for setup information up front.
→ 設定画面は最小限に(カスタマイズ性より汎用性 ※ユーザ意識)
Xcodeのシミュレータで録画する方法
#環境
Xcode13.1
Swift5.5.1#シミュレータで使用する方法
1.⌘+⌥+スクショボタンをタップで録画開始。
2.スクショボタンで終了。※録画が開始されるとこのような表示になります。
#ターミナルを使用する方法
録画データはカレントディレクトリに保存されるので、事前に保存したいディレクトリに移動しておいてください。
1.`xcrun simctl io booted recordVideo 任意の名前.mov`で録画が開始
2. ⌃+cで録画終了エラーが発生する方はXcodeで以下の設定を行ってください。
⌘+,>Locations>Command Line Toolsを設定してください。
【Swift】AVPlayerの再生と一時停止を切り替える
Swiftで導入したAVPlayerの再生と一時停止を切り替える方法。
今回はUIButtonで再生と一時停止を切り替える方法を書きます。
## 実装コード
### モジュールを導入
“`swift
import UIKit
import AVFoundation
“`### 変数・定数の定義
“`swift
var videoPlayer: AVPlayer!enum AVStatus {
case playing
case stoped
}
var av_status : AVStatus = .stopedlet switchbutton = UIButton()
“`### AVPlayerの設定
“`swift
guard let path = Bundle.main.path(forResource: “sample”, ofType: “mp4”) else {
fatalError(“動画が見つかりませんでした”)
}
let fileURL = URL(fileURLWithPath: path)
let
iPhoneのショートカットにて時間を減算する
# ショートカットで時間を減算すると午後になる
https://discussionsjapan.apple.com/thread/250899633
この質問では不具合ですと結論づいていますが、解決しました。
めでたし。# 方法
アラームに代入する値の設定をします。
日付フォーマットを`カスタム`にし、内容を`HH:mm`とします。
そうすれば、5分前や10分前の時間も無事に設定することができました。
# 理由はわからず。
上の記事の通り、アラームに代入するときに時間がずれるみたいです。
その直前の`調整済みの日付`までは正常な時刻になっています。
SwiftのOptional型に?をつけて代入した時の挙動
# Optional変数への代入
次のstrは何が代入されるでしょうか？“`swift
var str: String? = nil
str = “Hallo”
print(String(describing: str))
“`strにはHalloという文字列が代入されるので、strの結果は `”Hallo”` になります。正確には`Optional(“Hallo”)`になります。
# ?付きOptional変数への代入
では、次のstrは何が代入されるでしょうか？“`swift
var str: String? = nil
str? = “Hallo” // ←?付き変数に代入する
print(String(describing: str))
“`先程と似たようなコードですが、先程のコードとは違ってstrには`?`をつけて代入しています。
これはちゃんとビルドが通るコードですが、この場合、strの結果は `nil` になります。## ?付きの値のあるOptional変数へ代入
もう一つ、次のstrは何が代入されるでしょうか？
“`swift
var
【Swift】Swift Concurrency を使って簡易なAPIClientを作ってみる
Swift Concurrency は魅力的です。
それを試しに使ってみるために、APIClientを作成しレスポンスをViewに表示してみます（SwiftUIを利用）。GithubのREST APIを利用しています。
https://docs.github.com/ja/rest最終的なコードはこちらにあります。
https://github.com/yyokii/APIClientUsingSwiftConcurrency## APIリクエスト/レスポンス
まず、APIリクエストする際の設定とレスポンスで受け取る型を定義します。
ここではSwift Concurrencyの機能は利用していません。今回はGithubのユーザー情報取得のAPIを利用します。
レスポンスはこちらです。
“`swift
public struct UserInformation: Codable {
public var login: String
public var id: Int
public var followers: Int
public
[iOS]Test実行時のエラー: Multiple commands produce ~ MyApp.app ~ Target ‘MyApp’ has create directory command with output MyApp.app
Xcode13でテスト実行時に以下のようなエラーが出ました
> Multiple commands produce ‘/Users/XXXXXXX/Library/Developer/Xcode/DerivedData/MyApp-dezhjkzxmgwlxncualxzkrriyqfc/Build/Products/Debug-iphonesimulator/DEV_MyApp.app’:
1) Target ‘MyApp’ has create directory command with output ‘/Users/XXXXXXX/Library/Developer/Xcode/DerivedData/MyApp-dezhjkzxmgwlxncualxzkrriyqfc/Build/Products/Debug-iphonesimulator/DEV_MyApp.app’
2) Target ‘MyApp-for-preview’ has create directory command with output ‘/Users/XXXXXXX/Library/Develo
【Swift】EurekaのImageRowにURLから画像を表示させる
EurekaのImageRowにURLから画像を表示させる方法。
Eurekaの入力フォームを用いて既存のデータを編集したりする際に、ImageRowにURLから画像を表示させたい。
## 使用ライブラリ
Eureka
入力フォーム用のライブラリ
https://github.com/xmartlabs/EurekaImageRow
Eurekaに画像用のフォームを追加したい時に使用するライブラリ
https://github.com/EurekaCommunity/ImageRowSDWebImage
URLから画像を取得できるライブラリ
https://github.com/SDWebImage/SDWebImageライブラリのインストールについては以下の記事を参考にしてください。
https://qiita.com/ShinokiRyosei/items/3090290cb72434852460
https://qiita.com/tsuzuki817/items/8f6e2e0c2b3f9d197097
## 実装コード
まずEurekaとImageR
【Swift資格】App Development with Swiftの科目がいつの間にか2つに分かれていた！
## はじめに
### なぜ投稿したか
Swiftの資格というのは数が少なく、現状（2021年11月2日時点）株式会社オデッセイコミュニケーションズが運営する「App Development with Swift」がSwiftの資格としては一番メジャーな資格ではないかと思います。そんなApp Development with Swiftですが、これまで受験科目が「App Development with Swift Level 1」の1科目だけでしたが、最近？（いつかは不明）「App Development with Swift Certified User」と「App Development with Swift Associate」の2科目に分かれていました。
これに関する日本語の記事があまり出ていなかったので、本記事ではその科目の違いについて記載しています。あとは、実際に受験してみての感想や皆さんが気になっている英語力なんかも記載しています。笑
### 注意点
– 科目の違いは[公式サイト](https://www.odyssey-com.co.jp/ap
Swiftでバーコードリーダー機能を実装
Swiftでバーコードリーダー機能を実装する方法です。
## 目標
iPhoneのカメラで本の帯の裏に書かれているバーコードを読み込み、13桁の数字のJANコード(isbn13とも言う)を取得する。
## 実際に実装するコード
以下の6つのステップでご説明します。
1. モジュールをimport
2. 変数・定数を定義
3. セッションを開始する関数を定義・呼び出し
4. delegateの設定
5. 画面から離れる直前にセッションを止める
6. 検出エリアに枠線を表示それでは順番に見ていきましょう。
### 1. モジュールをimport
“`swift
import AVFoundation
“`まずカメラアプリを導入するために必要なAVFoundationをimportします。
### 2. 変数・定数を定義
“`swift
var captureSession : AVCaptureSession?
var videoLayer : AVCaptureVideoPreviewLayer?
var isbn : String?//検出エリアをカ
iOS14で非推奨となったUITableViewCellのtextLabelプロパティ等の対応（iOS13対応含）
## 経緯
iOS14でUITableViewCellのtextLabelプロパティ等が非推奨（Deprecated）になりました。代わりに、`defaultContentConfiguration`等を使用するのですが、こちらはiOS13非対応のため、現状iOS13以前に対応しているアプリだと使えません。Xcodeが助け舟を出してくれますが、念の為解決方法をメモしておきます。
## 対応方法
“`swift
// クラス名は任意。TableViewControllerを使わない場合、親クラスはUITableViewDataSource
class TableViewController: UITableViewController {let itemArray = [“A”, “B”, “C”]
override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
itemArray.count
}o
Flutter Flavor対応（パッケージ未使用）
#内容
Flutter開発時にFlavorが導入されたプロジェクトに参画したり、他のメンバーがFlavorを導入した後にFlutterを触ったりすることはあったが、自分でFlavorを導入したことがなかったので、導入までの流れをまとめる。やり方は様々あるようですが、今回は、main_dev.dartとmain_prod.dartの2ファイルを作成する方法で行います。
#開発環境
PC:macOS Big Sur
エディター：Visual Studio Code, Android Studio, XcodeDart：2.13.1
Flutter：2.2.1
Visual Studio Code：1.16.2
Android Studio：4.1.2
Xcode：13.1その他
Flavorパッケージは未使用
今回は開発環境と本番環境を作成する。
それぞれの名前は以下のように統一している。（Android, iOS共に同じ名前を使用する。）
開発環境：dev
本番環境：prod#準備
以下のファイルを作成する。
・main_dev.dart
・main_pro
