- 1. 【Swift】Combineで作るアプリのテストコードを書いてみた
- 2. SwiftUI(MVVM)+async/awaitのサンプルコード
- 3. MRTK2.7.3 + AzureSpatialAnchorsSDK2.12をHoloLens2、Android、iOSで動かす
- 4. プログラミング未経験から始める!Flutterでアプリ開発【ios/android】
- 5. iOS 15.4におけるSharePlayに関するアップデート(FaceTimeをアプリから開始など)
- 6. 【iOS】制約ベースのアニメーションで簡単にアニメーション実装
- 7. 共通パーツはどのように共通化すべきなのか?(UIView)
- 8. iOS15/Safari html要素にposition: fixedを設定した状態でlandscapeへ画面回転するとinnerHeightがアドレスバー分小さくなる
- 9. 【個人開発】メモアプリのiOS版をリリースした話【Flutter】
- 10. CoreMLの画像出力をプレビューできるようにする
- 11. Autoresizing MaskになっているとAutolayoutが効かない
- 12. 【Swift】撮影した動画からサムネイル画像を取得
- 13. 【Swift】カスタムViewとViewControllerの作成
- 14. 「The Ultimate Guide to WKWebView」をSwiftUIで実装する #07 – Monitoring page loads –
- 15. SwiftUI + FlowController パターンの提案
- 16. [Swift]なぜIdentifiableつけるの?
- 17. 【Xcode】コードスニペットで何回も書く処理を時短しちゃおう!
- 18. Windows端末でBlazorアプリを作ってiPhoneにデプロイするためには(macbookが別途必要) – その1
- 19. 「信頼されていないデベロッパ」のダイアログが出て自作アプリが起動できない!
- 20. 【Swift】CoreBluetoothの使い方 その3:ペリフェラルの実装
【Swift】Combineで作るアプリのテストコードを書いてみた
## はじめに
`Combine`を使った通信まわりのテストコードの情報がまだ少ないように感じましたので、作ったサンプルアプリのコードを載せてみようと思い、書いてみました。
今回のアプリのアーキテクチャは、MVVMです。## この記事でわかること
– `Combine`で`URLSession`を使ったリクエストを書いたときのテストコードの書き方
– MVVMで実装したときのテストコードModelのテストよりも、個人的にはViewModelのテストのほうが、`Combine`特有の実装が必要だと思うので、ViewModelの方が重要かなと思います。
## Model層のテスト
今回のModel層は、実際にAPIに対してリクエストするところが該当します。
コードには、すべて`Combine`をimportしてください。#### アプリのコード
“`swift
protocol GithubAPIClientProtocl: AnyObject {
func searchRepositories(searchWord: String) -> AnyPublisher
SwiftUI(MVVM)+async/awaitのサンプルコード
Swift5.5の新機能である async/await を利用したサンプルコードを書いてみました。
## サンプルコードの概要
* SwiftUI製アプリ
* MVVMアーキテクチャ
* リポジトリ:https://github.com/wakamori-k/SwiftUIConcurrency以下にて、Model、ViewModel、Viewの順に実装を紹介します。
## Model
Modelには、非同期で実行されることを意味する`async`キーワード付きのメソッド(以後、asyncメソッド)を定義します。サンプルコードのModelでは、GitHubのAPI(ランダムに設計思想の文字列を返すAPI)を叩き、そのレスポンスを非同期で返却するasyncメソッド`fetchDesignPhilosophy()`を定義しています。
“`swift
final class Model {
private let urlString = “https://api.github.com/zen”// APIのレスポンスを非同期で返すため、asyncで定義
MRTK2.7.3 + AzureSpatialAnchorsSDK2.12をHoloLens2、Android、iOSで動かす
# 環境
– Windows10 PC
– iPhone 12 Pro
– HoloLens2
– Android 10
– Unity 20203.4f1# Azure
Azureポータルにログイン
Spatial Anchors Accountsにアクセス
各種値を入力して作成
下記値をメモしておく。
Account ID , Account Domain , Access Key# Unity
Unity HubからProjectを作成
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264045/b0fce247-6776-c2e2-02d0-21017ad665cf.png)[MixedRealityFeatureTool](https://docs.microsoft.com/ja-jp/windows/mixed-reality/develop/unity/welcome-to-mr-feature-tool)を起動しProjectPathを指定
![image
プログラミング未経験から始める!Flutterでアプリ開発【ios/android】
こんにちは。長谷川です。この記事では、自分の勉強もかねて、Flutterを使ったアプリ開発をなるべく易しく解説していくので、ぜひ最後までお付き合いいただけますと幸いです。
また、私自身こういった解説記事を書くのは初めてなので、至らぬ点は多々あるかとは思います。ぜひコメントで意見いただけると幸いです。##この記事の対象
今まで全くプログラミングしたことないけどアプリ開発してみたい人、です。プログラミングは専門用語や英語が多くて億劫。。という方も、丁寧に用語解説をしながら記事を書いていくので安心して読み進めてみてください。
##必要なもの
1、windows10以降搭載のパソコン or Mac
2、アプリを作りたいと思う熱意?大事!!##習得までのロードマップ
lesson0 : Flutterって?アプリ開発って?
lesson1 : とりあえずプログラミングする環境を作ってみる。
lesson2 : Dart言語を学習しよう。
lesson3 : オブジェクト指向プログラミングを学習しよう。
lesson4 : Widgetの使い方
lesson5 : Coming S
iOS 15.4におけるSharePlayに関するアップデート(FaceTimeをアプリから開始など)
以前の記事で、FaceTime参加者間でのデータ共有に向けてiOSアプリ内でSharePlayを統合させることについての完全ガイドを紹介しました。
https://qiita.com/MaShunzhe/items/aeeef55c8d5d66ee63d9
この記事は次の事柄を取り上げます:
– アプリ(iOS 15.4以降)から直接FaceTime通話をかける
– シェアシート上のSharePlayオプション
– SharePlayセッションを終了または退室
– システムUIメッセージを伝える## アプリ(iOS 15.4以降)から直接FaceTime通話をかける
iOS 15.4 (現在ベータ版の段階) では、グループFaceTime通話を始めたい場合にもし進行中のFaceTime通話が無ければ、ユーザーを招待して通話を開始することができます。
システムがFaceTime参加者の提案リストを提示してくれて、連絡先アプリから招待する人を選び出すことができます。
【iOS】制約ベースのアニメーションで簡単にアニメーション実装
#はじめに
iOSでアニメーションを使うときは今までCoreAnimationをメインで使っていましたが、制約ベースのアニメーションでも簡単に綺麗なアニメーションが作れることを知って目から鱗だったので、自分なりにまとめたいと思います。~~※投稿した後に気づきましたがGIFがクリックしないと動かないので修正中です。~~
#アニメーションの種類
+ CoreAnimationを使ったアニメーション
+ 制約ベースのアニメーションおそらく他にもあるのでしょうが、今回は上記2つに焦点を当てて違いを説明します。
#CoreAnimationを使ったアニメーション
出典: [Core Animation Programming Guide](https://dev
共通パーツはどのように共通化すべきなのか?(UIView)
![Xcode-13.1](https://img.shields.io/badge/Xcode-13.1-brightgreen) ![Swift-5.5.1](https://img.shields.io/badge/Swift-5.5.1-brightgreen) ![iOS-15.0](https://img.shields.io/badge/iOS-15.0-brightgreen)
## はじめに
アプリを作っているときに複数画面で同じような表示をみかけると共通のカスタム View として切り出すことがよくあります。しかし、安易に共通化すると後々の仕様変更時に痛い目にあう可能性があります。痛い目にあわないように共通のカスタム View はどのように作るべきなのか考えたいと思います。
(明確な答えがあるわけじゃないのでポエムのようなものです:innocent:)## 事象
添付のような画面があった場合、下部の金額表示部分は同じなので共通化したくなるはずです。|画面A|画面B|
| — | — |
|![screen_a](https://user-im
iOS15/Safari html要素にposition: fixedを設定した状態でlandscapeへ画面回転するとinnerHeightがアドレスバー分小さくなる
##タイトル通り
iOS15/Safariにて
html要素に`position: fixed;`を設定した状態でlandscapeへ画面回転すると、
アドレスバーが非表示であるにもかかわらず、「innerHeightがアドレスバーが表示されている時の値になってしまう」バグがある。
ちなみに本記事はただの備忘録です。##どうしたか
innerHeightを使用せず100vhを使用したところ、計算上は正しい値が得られたものの、
innerHeightを超過した分は見切れてしまった(winodw外ということ?)ため、
html要素から`position: fixed;`を外すことでしか対応できなかった。
【個人開発】メモアプリのiOS版をリリースした話【Flutter】
## はじめに
Flutterで開発したメモアプリのiOS版をリリースしました。android版から遅れて約2か月くらいです。android版リリース時の記事は[こちら](https://qiita.com/taki0010/items/c38827089ef04d01c91a)。今回は、android版リリース後に必要だと感じた機能を実装するために利用したパッケージなどを中心に書きたいと思います。
https://play.google.com/store/apps/details?id=com.karas.notespod
https://apps.apple.com/jp/app/notespod/id1600436936
—
### receive_sharing_intent [→](https://pub.dev/packages/receive_sharing_intent)
この **Notespod** は、メモにいろんなデータを添付できるアプリです。ストレージ内のデータについては`file_picker` のようなパッケージで持って来ればいいんですが、
CoreMLの画像出力をプレビューできるようにする
#ファイルだけでプレビューできるようにする方法です
![スクリーンショット 2022-02-17 10.49.40.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/235259/f0dc7473-05d1-aa27-d2bd-84b524cfb367.png)
#画像プレビューはどうやるの?
CoreMLの出力を画像タイプにすると、ファイルを開いたときにプレビュータブが現れ、プレビューできるようになります。
しかし、画像をドロップしてみると、インディケーターが回り続けてStylized画像が表示されない場合や、
ノイズのような画像が表示されるなど、うまくプレビューできない場合があります。
何が間違っているのでしょうか?#画像の出力形状の並べ替えや非正規化が必要
例えば、モデルの出力形状が[1,256,256,3]の場合、
CoreMLファイルがプレビューできるRGB画像の形状は[3,256,256]なので、形状を並べ替える必要があります。“`swift
spec = mlmodel.get
Autoresizing MaskになっているとAutolayoutが効かない
Autolayoutで左右の制約を設定したが、Viewの幅が制約通りにリサイズされず、小さいデバイスだと画面からはみ出してしまった。
原因を探っていくと、インスペクターで該当ViewのLayout設定が`Autoresizing Mask`になっていたところを、`Inferred(Constraints)`にすると、意図通りに表示されるようになった。![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/37598/977ce0d7-cb39-3a22-b8cd-13cecb3453bb.png)
Webで漁っても解決策に行き着かなかったが、これは常識の範囲なのだろうか。
【Swift】撮影した動画からサムネイル画像を取得
#はじめに
今回のタイトルは撮影した動画からサムネイル画像を取得としていますが、
私がこの記事で伝えたいのは取得方法よりも注意点についてです。
こちらを実装される方は知っておいた方が良いです。
又、こちらは動画の一番最初のフレームをサムネイルにする場合の実装です。#実装
“`swift
private func setThumbnail() {
guard let url = URL(string: videoUrl ) else { return }
let asset = AVAsset(url: url)
let generator = AVAssetImageGenerator(asset: asset)
generator.appliesPreferredTrackTransform = truedo {
let thumbnailCGImage = try generator.copyCGImage(at: asset.duration, actualTime: nil)
【Swift】カスタムViewとViewControllerの作成
# はじめに
xibを使って、レイアウトはViewに、イベントはViewControllerで処理する場合のシンプルな実装方法を紹介します。
# ゴール(完成図)
xibを使って、ViewControllerにカスタムViewを表示させる。
※青背景色の部分がUIViewController、白背景色の部分がUIView。
おおまかな開発の流れとしては、ViewControllerにViewを埋め込む感じです。# 1.カスタムUIView、UIViewControllerのswiftファイルと、それに紐付くxibファイルの作成
– UIViewはSwiftとViewファイル別々に選択して作成する必要があり、UIViewControllerはcocoaTouchClassでxibファイルを一気に作成することができます。
「The Ultimate Guide to WKWebView」をSwiftUIで実装する #07 – Monitoring page loads –
[「The Ultimate Guide to WKWebView」](https://www.hackingwithswift.com/articles/112/the-ultimate-guide-to-wkwebvie)をSwiftUIで実装してみるの、
7つ目になります。15まであるので、大体半分まできました! ?
今回はKVOだとか、SwiftUIのProgressViewだとか、WKWebViewのメソッドだとか
使ったことがないものが多くて自分には重めだった・・・## 目次
シリーズ化していこうと思うので、全体の目次を置いておきます。
リンクが貼られていないタイトルは、記事作成中または未作成のものになります。|#|タイトル|
|——|—————–|—|
|01|[Making a web view fill the screen](https://qiita.com/kamimi01/items/b4d6cbafa587831c1be0)
(フルスクリーンのWebViewを作る)|
|02|[Loading re
SwiftUI + FlowController パターンの提案
## コンセプト
![concept.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/178830/87f3e9dd-c69e-9113-5f81-b901774548c3.png)
## モチベーション
**アプリを SwiftUI ベースで作りたい!**
**……けど、危険な香りもするので UIKit に逃げられる余地を残しておきたい**### SwiftUI
SwiftUI が発表されたのが WWDC2019 なので、今年 2022 年で登場から約 3 年。
ネットを徘徊すると実際のプロダクトへの導入例もだいぶ見かけるようになってきました。実際に SwiftUI を触ってみると、宣言的 UI によるコード記述量の削減やコンポーネントとしての再利用性の向上、Canvas を利用したプレビューによる開発体験といったあたりは確かに素晴らしいのですが、実際にプロダクトに導入すると個人的には色々と不安な印象です。
特に気になるのが、
– 画面遷移周りの制限
– プッシュ遷移での `
[Swift]なぜIdentifiableつけるの?
#この記事を書いた理由
現在Swift UIの勉強をしていますが、Listを作成する機会がとっても多い。
その中で頻出するIdentifiableについて、「頻出だけどあまり理解できていない・・・」と思っていたので、1人でも私と同じような人がいなくなればと思って今回記事にまとめています。
まだ勉強中なので間違えていましたらご指摘いただけますと幸いです。#目次
[1.Identifiableとは?](#Identifiableとは?)
[2.Identifiableが無い時のエラーについて](#Identifiableが無い時のエラーについて)
[3.実装してみる](#実装してみる)
[4.まとめ](#まとめ)#Identifiableとは?
そもそもIdentifiableとは何でしょうか。
結論から言うと、**構造体に準拠するコンテンツにidを振ることを可能にするプロトコル**です。まだちょっとわかりにくいですよね。
順を追って説明していきます。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
プロトコルについての記事はこちら → 現在作成中
構造体に
【Xcode】コードスニペットで何回も書く処理を時短しちゃおう!
# はじめに
コードを書いていると、「あー、このコード前も書いたなー。」ということはよくありますよね。個人開発アプリを作っているとき、サンプルアプリを作っているとき、何度も同じコードを書くのは面倒ですよね。そんなときに、コードスニペットと呼ばれる機能を使うと時短ができちゃうので、その紹介です。# 環境
Xcode Version 13.2.1
MacOS Monterey Version 12.1# 何ができるの?
何度も使うコードをコードスニペットに任意のキーワードと一緒に登録しておくことで、いつでもキーワードから特定のコードを呼び出すことができます。
と、文章で書いてもよくわからないので、実際にやってみましょう。# 今回登録するコード
今回は以下のアラートのコードをスニペットとして登録していきます。そして、登録したコードを__`「alert」`__と入力することで呼び出せるようにしていきます。![スクリーンショット 2022-02-13 22.15.35.png](https://qiita-image-store.s3.ap-northeast-1.amazona
Windows端末でBlazorアプリを作ってiPhoneにデプロイするためには(macbookが別途必要) – その1
## Windows機でiPhone向けアプリを開発をしたい!
皆さんこんにちは。
僕は、とにかく開発については、操作性などから、Windows愛用者。で、iPhone向けのモバイルデスクトップアプリを作ろうと思ったときに、
選択肢はいろいろあるのですが、
とにもかくにも「Experimental Mobile Blazor」で、Blazorアプリにしたくなり。Webじゃなくて、モバイルネイティブなアプリです(のつもりですw)
で、そんなときに、Macbookも持っているのですが、
現時点(2022/02)では、VisualStudio2022がMacbookに対応していなかったりなどなど。いろいろあって、やっぱりWindowsで開発したいよね~と。
そんなときの手順の覚書です。
## MacBook側の設定
3. Visual Studio for Macをインストール (Xcodeより先に入っていると、Win機側のVSからペアリングすると、見つからないといわれる。。)
※何がダメだったって、Win機からペアリングしようとすると、XCodeが見つかんねーよって
「信頼されていないデベロッパ」のダイアログが出て自作アプリが起動できない!
## XCodeで作成したアプリを自分のiPhoneで「信頼されてないよ」と出た時の対応。
### 環境
* iOS 15.2.1### 手順
1. [設定」を開く
2. [一般]を開く
3. [VPNとデバイス管理]を開く
4. [デベロッパAPP]をクリック
5. 信頼したいアカウントを選択して信頼するをクリック##### 以上で完了です。
##### iOS更新のたびに、こういった設定周りの場所が、ネットで出ている情報と変わってしまうので、備忘録でした。
【Swift】CoreBluetoothの使い方 その3:ペリフェラルの実装
#はじめに
Corebluetoothのペリフェラル側の実装について記載していきます。
①その1:BLEにおける役割
②その2:セントラルの実装
③その3:ペリフェラルの実装 ← 今回はここ#処理の順番
・必要な機能の初期化
・アドバタイズの開始
・その後はCentral側の処理によって順番は変わるので、書込みや読み込みなどに応答するためのDelegateメソッドを実装#必要な機能の初期化
・BLE関連の設定の追記
info.plistに「Privacy – Bluetooth Always Usage Description」を追加
info.plistに「Privacy – Bluetooth Peripheral Usage Description」を追加#以降の処理及びコード
以下のような画面のペリフェラルアプリを作製しました。|
関連する記事
OTHERカテゴリの最新記事
-
- 2024.09.19
JavaScript関連のことを調べてみた
-
- 2024.09.19
JAVA関連のことを調べてみた
-
- 2024.09.19
iOS関連のことを調べてみた
-
- 2024.09.19
Rails関連のことを調べてみた
-
- 2024.09.19
Lambda関連のことを調べてみた
-
- 2024.09.19
Python関連のことを調べてみた