- 1. 【Flutter】Widget TestでKeyで探したWidgetのテキストを抽出する。
- 2. SwiftUI開発サンプル(Preview,View加工,ViewAnimation)
- 3. Flutter アプリでURLを開く方法
- 4. 【Flutter】WidgetTestでレイアウトを実機やシミュレーターで表示して確認する方法
- 5. Firebase Cloud Messaging (FCM) で iOS アプリに Silent Push できないときに確認すること
- 6. 【Swift】WKWebViewでJavaScriptを実行する方法
- 7. 【ARKit】赤ちゃんの身長計測の技術
- 8. 【iOS】アプリアイコンは正方形でいい。
- 9. [iOSアプリ]Apple審査前の準備についての備忘録
- 10. ReactiveSwift 主要コンポーネントまとめ
- 11. 【Swift5】NavigationBarのBackボタンを画像にする
- 12. 【Xcode】プロジェクトからCocoaPodsを削除する方法
- 13. Viewを常に右回転させたい
- 14. Flutter Badges の使い方
- 15. 100vhに指定しているのにスクロールが出てしまう原因と改善策
- 16. 2年半でiOS個人アプリを4つリリースした反省と分析
- 17. iOS 16から追加されたデベロッパモードが表示されない
- 18. VoiceOver対応はどうやるのか
- 19. 【Swift】URLから画像を保存する
- 20. Objective-C製フレームワークをSwiftPMで配布する
【Flutter】Widget TestでKeyで探したWidgetのテキストを抽出する。
こんにちは。
個人でアプリ開発をしているYuKiOです。
アプリを13本リリースしています。HackerMemoを大幅にアップデートしたので、
海外向けのPVを作ってみました?
夜なべして頑張って作ったので、拡散頂けたら泣いて喜びます??
音有りがオススメです!
元ネタわかる人いるかな〜?
アプリはこちら?
■iPhoneの方https://t.co/6T10L94Ld1■Androidの方https://t.co/uBevCXrNw2 pic.twitter.com/wiGLv46kaG
— YuKiO|アプリ個人開発|Flutter
SwiftUI開発サンプル(Preview,View加工,ViewAnimation)
## PreviewのResumeボタン押すのをショートカットキーでやるには?
この操作自体は
メニューバーのEditor -> Canvas -> Refresh Canvas
これでできます。ショートカットキー(Key Bindings)には
`command + option + p`
デフォルトでこちらが割り当てられています。## PreviewのViewのサイズを小さくして要素の大きさに合わせる
“`swift
.previewLayout(.sizeThatFits)
“`
# Viewの加工##### Viewを丸でくり抜くには?
“`swift
.clipShape(Circle())
“`
##### Viewに影をつけるには?
“`swift
.shadow(radius: )
“`
Flutter アプリでURLを開く方法
## url_launcher
ネイティブアプリからWebサイトを開く場合は「url_launcher」というパッケージを使用します。
例えば、Webサイトとして公開されている利用規約をネイティブアプリから開く際などに使用されることが多いです。## パッケージの準備
まずは [url_launcherパッケージ](“https://pub.dev/packages/url_launcher”) を pubspeck.yaml に記述し、Pub get します。“`markdown: pubspeck.yaml
dependencies:
flutter:
sdk: flutter
url_launcher: ^6.1.5
“`
次にパッケージを使いたい画面でインポートします。“`dart: main.dart
import ‘package:url_launcher/url_launcher.dart’;
import ‘package:url_launcher/url_launcher_string.dart’;
“`SMSなどを使
【Flutter】WidgetTestでレイアウトを実機やシミュレーターで表示して確認する方法
![rakugo_shimote.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/228439/2242f86b-5b5a-e397-6f22-d6b16e464794.jpeg)
一度でいいから見てみたい、
Widget Testのレイアウトが表示されるところ、
どうも個人でアプリ開発をしているYuKiOです。
さて、Flutterの自動テストには「**Unit Test**」、「**Widget Test**」、「**Integration Test**」と3つありますが、
その中で「Widget Test」は、主にアプリのUIを確認するために用いられると思います。
そこで、こんな問題に遭遇したことありませんか?
## WidgetTestで困ること
「テストは通過しているけれど、これ本当に正常に表示されている?」
「タップ処理をしているけれど、Widgetが見つからないでエラーになる。あれ?Widgetが表示されているはずなんだけど・・・Keyが違うのかな?」のように、Widge
Firebase Cloud Messaging (FCM) で iOS アプリに Silent Push できないときに確認すること
# 課題
プッシュ通知において、ユーザーに明示的に通知バナーなどを見せることなく、アプリに特定の処理をさせるための Silent Push (Silent Notification) を実現したい。今回はFCMを利用するが、公式のリファレンス通りではどう頑張ってもうまく行かず時間を溶かしてしまったのでメモ
# 現在地
一般的なバナーありのNotificationは正常に動作しているが、逆立ちしても Silent Push が実現できない
* 環境
* Swift 5
* iOS 15(13以降であれば同じ)# 結論
## ① ペイロードが間違っている
Silent Push を実現するためには、ペイロードに以下が必要。
* `content-available: true`
* ヘッダの設定
* `apns-push-type: “background”`
* `apns-priority: “5”`FIrebase Admin SDK (Node.js) で実装するなら、こんな感じになる
“`javascript
const
【Swift】WKWebViewでJavaScriptを実行する方法
# はじめに
WKWebViewでJaveScriptを実行する方法を二つ紹介します。# とりあえずWKWebViewを表示
以下がベースのコードです。
こちらに追加していきます。
“`swift
import UIKit
import WebKitclass ViewController: UIViewController {
var webView: WKWebView!
override func viewDidLoad() {
super.viewDidLoad()webView = WKWebView(frame: view.frame)
view.addSubview(webView)
webView.load(URLRequest(url: URL(string: “”)!))
}
}
“`# 方法1(読み込み開始時 or 読み込み終了時)
こちらの方法は読み込み開始時もしくは、読み込み終了時に実行されます。
使用用途としては、WebViewの設定や静的
【ARKit】赤ちゃんの身長計測の技術
## はじめに
株式会社マイスター・ギルド新規事業部のヒツジーです。
弊社新規事業部では、新規サービスの立ち上げを目指して
日々、アイディアの検証やプロトタイプの作成などを行っています!が!今回は自社開発した赤ちゃんの身長計測ができるiOSアプリ [BabyScale](https://www.m-gild.com/app/babyscale/) の裏側についてお話します!(こういうのもいいでしょう)
スマホ一つで簡単に身長計測できちゃうんですが、その原理って気になりませんか?
惜しみなく公開しちゃいます!## 身長計測アプリの概要
下のスクショのように、寝ている赤ちゃんをカメラで撮影して、点を打つだけで身長計測が完了する優れものです!
では、この計測はどんな原理なのかを以降で紹介します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/556658/9d734100-a36c-e4b3-73b9-02f9faf0f999.png)## 身長計測の概要
身長計測には、
Appl
【iOS】アプリアイコンは正方形でいい。
## ※メモ程度の記事です。内容ペラッペラ
そうなのかーと気づいたので、備忘録ってほどでもないけど、とりあえずメモ。
### Appleのガイドラインにも記載あり(2022/8月現在)
https://developer.apple.com/design/human-interface-guidelines/foundations/app-icons
> Design your icon as a full-bleed square image. On most platforms, the system applies a mask that automatically adjusts icon corners to match the platform’s aesthetic.
意訳すると、だいたいのOSがいい感じに角丸にするから、正方形でアイコン作ってねって感じ。
ちなみに、角丸でアプリアイコンを作ると、ホーム画面でアイコンを見た時に黒い線?(枠みたいな何か)が見えてしまう。
ガイドラインは定期的に読んだほうがいいですね:rolling_eyes:
[iOSアプリ]Apple審査前の準備についての備忘録
iOSでアプリを数個リリースし、知見も少し溜まってきましたが
リリース前にやるべきことが多く度々忘れる部分もあるので備忘録がてら残しておきます。リジェクトされやすい項目も上げておきます。
※証明書関連は本記事では説明しません
## スクリーンショット関連
解像度が一致すればシュミレーターの機種はなんでもいいのですが、
自分はいつも下記でやっています。#### ・5.5インチ用(1枚以上用意)
サイズ:1242 x 2208
機種: iPhone8Plus#### ・6.5インチ用(1枚以上用意)
サイズ:1242 x 2688
機種 iPhone13ProMax※シュミレーターのスクショについて
・`Command + shift + 4 、Enter`を押しシュミレーターを選択する
・`option`を押しながら撮影する
そうすると、影がなくなるので加工時に便利です。## この記事について
この記事は今更ですが、ReactiveSwiftの主要コンポーネントについてとても簡単にまとめたメモをQiitaに移植したものです。## ReactiveSwiftを構成する主なコンポーネント
ReactiveSwiftを構成する主なコンポーネントは以下の6つです。
“`
- Signal
- SignalProducer
- Property
- MutableProperty
- バインディング演算子(<~) - Action ``` ## Signal / SignalProducer - **Signal** SignalはEventのストリームを流し続ける(Hot) Failed/Completed/Interrupted”のどれかが流れるとストリームを終了する - **SignalProducer** SignalProducerは、購読されたらストリームを流す(Cold) ## Property / MutablePro
【Swift5】NavigationBarのBackボタンを画像にする
## NavigationBarの< Backボタンを画像にする これを ![スクリーンショット 2022-08-03 23.08.55.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1161345/5e585a22-6109-79cd-7836-c90c8cdcdcaf.png) これにする ![スクリーンショット 2022-08-03 23.12.38.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1161345/342a5062-ffd9-4a79-b6bf-3397c3415ada.png) ## コード ```swift: ViewController.swift private func setNaviBackButton() { let backImage = UIImage(named: "backIcon")?.withRenderingMode(.alwaysOriginal
【Xcode】プロジェクトからCocoaPodsを削除する方法
# はじめに
今回はこちらのプロジェクトからCocoaPodsを完全に削除します。
![スクリーンショット 2022-08-03 16.08.29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1745371/8126bb0c-e47b-53a6-2c88-6da2da1dbfbf.png)私はCocoaPodsからSPMに移行する際に使用しました。
# 方法
## ディレクトの移動
“`:ターミナル
cd プロジェクトのパス
“`
![スクリーンショット 2022-08-03 16.13.17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1745371/4c262b73-b1cd-85a4-0d66-9af2a7cfaef0.png)## Podsフォルダの削除
“`:ターミナル
pod deintegrate
“`
![スクリーンショット 2022-08-03 16.13.48.png](http
Viewを常に右回転させたい
# 回転方向は最短
iOSで`transform`を使ってViewを回転させる場合、回転方向を指定することができない(指定するパラメタが無い)ことはご存知だろう。
回転の方向は、OSが現在の角度から指定された角度へ最短距離(角度)で移動できる方向に決まっているようだ。以下、時計の針のような図形(View)を用いて説明する。
図形の最初の位置を0時とする。ここから3時の方向へ回転させると、**右**回転(**時計**回り)で回転する。
view.transform = CGAffineTransform(rotationAngle: .pi / 180 * 90) 0時 Flutter Badges の使い方
## 初めに
通知機能を実装しようとしていたときに、便利そうなパッケージを見つけて使ってみたので共有します!## Badges とは
そもそも Badges ( 以下バッジ ) とは以下の画像のように通知の件数や重要な知らせをユーザに伝えるためのアイコンです。
## パッケージの準備
まずは [Badgesパッケージ](“https://pub.dev/packages/badges”) を pubspeck.yaml に記述し、Pub get します。“`markdown: pubspeck.yaml
dependencies:
flutter:
sdk: flutter
badges: ^2.0.3
“`次にバッジを使いたい画面でパッケージをインポートします。
“`dart: badge100vhに指定しているのにスクロールが出てしまう原因と改善策
HTML、CSSのコーディングをしていて、htmlタグにheightを100vh指定して、スクロールが出ないようにしたいのに、iPhoneやiPadで確認すると、なぜかスクロールが出てしまう、どころか、なんか数ピクセル上に上がって表示されてしまう現象が開発していて起こりました。
この時の解決法を残します。
# 現象
htmlタグをcssでheightを100vhに指定する。“`style.css
html {
max-height: 100vh;
}
“`ブラウザのデバッグモードでは、スクロールはでず、きちんと想定内の表示が確認できる。
iOS端末のsafariやChromeアプリではなぜかスクロールバーが出てしまう!
# 原因
iOS端末は上部(もしくは下部)のアドレスバー込みが100vhとして計算されてしまっているため。
# 改善策
下記にサンプルコードを示す。
jsを組み合わせることによって実現できる。(なお、jqueryを用いています)“`style.css
html {
max-height:2年半でiOS個人アプリを4つリリースした反省と分析
# はじめに
2020年の1月にswiftを勉強しはじめ、2022年7月までの2年半で、4つ個人アプリをリリースしました。
しかし、不労所得を稼げるまで成功してないので、一度反省と分析をしようと思います。
あわよくば宣伝も兼ねてます。この記事でダウンロードが増えるといいなあ。## Poemy ~古今和歌集~
最初に作ったアプリです。2020年1月から3ヶ月間swiftの会社で研修を受けてました。自宅では復習を兼ねて、コードをそっくりそのまま自分のPCで再現しました。
このころはバズろうという意識より、自分の趣味全開のアプリを作れるのが嬉しかった時期です。前職の関係で古今和歌集が好きだったので、古今和歌集の歌を楽しめるアプリです。当時知り合いが手紙やメールに和歌を添えてくれていたのですが、おしゃれなやりとりが嬉しい反面、返歌のための和歌を探すのが面倒だなーと思っていたので、今の自分の気分にピッタリな和歌を検索できるアプリが欲しいと思っていました。
「ニート」「長生き」「夏」など特定のキーワードから、それらのテーマにあった和歌を見つけることができます。https://apps.
iOS 16から追加されたデベロッパモードが表示されない
# 困りごと
iOS 16から、Androidと同じように開発者向けのデベロッパーモードが追加され、これをONにしないと開発中アプリの実行やデバッグができなくなった。
↓公式ドキュメント
https://developer.apple.com/documentation/xcode/enabling-developer-mode-on-a-deviceドキュメントでは、
「設定」→「プライバシーとセキュリティ」に「デベロッパモード」という項目があるからこれをONにしてね。
と書いてあるのにそんなものは見当たらなくて困った。# 解決法
一度MacとiPhoneを繋いでXcode上でアプリの実行ボタンを押し、以下のポップアップを表示させる。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/574728/edc1b2a1-c63a-4743-031f-1d078754c461.png)※MacとiPhoneの接続時に以下のポップアップで「信頼」を選択するのを忘れないこと。
![imaVoiceOver対応はどうやるのか
VoiceOverで、最低限対応したいものについてまとめました。
# アクセシビリティ要素の読み上げ内容を設定する
## そもそもどんな感じで読み上げられるのか
要素は`状態1` `accessibilityLabel` `accessibilityValue` `状態2` `accessibilityCustomActionの説明` `accessibilityHint`のように読み上げられる。この時読み上げられるのは設定されているものだけ。状態1, 2にはそれぞれ`accessibilityTraits`や、要素の種類、状態によって適切なものが適切な位置に入る。
たとえばUIButtonで、`isSelected = true`, `title=”ほげ”`, `accessibilityValue=”ふが”`, `accessibilityHint=”ぴよ”`のような盛り盛り設定値の場合には画像のように読み上げられる。
# はじめに
画像を保存する機能を作る機会があったので今後再利用することも考えて記事に残しておきます。# 事前設定
Info.plistに以下を設定
`NSPhotoLibraryAddUsageDescription`:::note warn
注意点
https://qiita.com/SNQ-2001/items/85528c59b2310dcc7a82
:::# 実装
“`swift
class ViewModel: NSObject, ObservableObject {
// 画像保存
public func savingImage(url: String) {
guard let url = URL(string: url) else {
print(“エラー”)
return
}
do {
let data = try Data(contentsOf: url)
guard let image = UObjective-C製フレームワークをSwiftPMで配布する
# はじめに
この記事では、Objective-Cで書かれたフレームワークをSwift Package Manager (SwiftPM)で配布する方法を紹介します。
ObjC製フレームワークをSwiftPMで配布することは可能なのか気になったのが事の発端です。SwiftPMは*Swift*と付くだけあって、Swift専用のパッケージマネージャーなのか、ObjC製フレームワークでも使えるのかどうか実験してみました。
結論から言うと、ObjC製フレームワークであってもSwiftPMで配布することは可能でした。
ただし、ObjCファイルのまま(オープンソースプロジェクトのまま)配布することはできず、**xcframeworkにビルドした状態で配布する**形に落ち着きました。
(ObjCファイルのまま配布する方法をいろいろ試行錯誤しましたが、上手くいかず。知っている方がいれば教えてください。)今回の実験では、僕が以前作ったObjC製フレームワーク [LoggingViewKit](https://github.com/HituziANDO/LoggingViewKit)を使用しまし
関連する記事
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関連のことを調べてみた