[SwiftUI](iOS15復習) AsyncImageの特徴から利用シーンを考えてみる

アプリで、サポートOSが15になっている昨今、iOS15回りで、利用できるようになった機能についてフォーカスしてみる

今回は、AsyncImageを利用機会について取り上げてみよう。

AsyncImageの使い方は、CodeCandyさんの記事がわかりやすいです。

AsyncImageの下記の[特徴]から[利用シーン]が想定されるのではないでしょうか


[特徴]

・URLから画像の取得から、PlaceHolderの設定、画像の表示のアニメーション制御ができます。

・ドキュメントの記載や他サイトの記事をみているとキャッシュ機構がないようです。


[利用シーン]

iOS15をMinimum TargetOSとした場合のアプリは画像表示での利用は、

1)キャッシュ不要

AsyncImageを利用する

※キャッシュ機構が不要な箇所は、AsyncImageを利用して、実装の簡素化ができる


2)キャッシュが必要

2-1) 案件でライブラリの利用ができる場合は、「Kingfisher」、「Nuke」あたりを利用するのが良いさそう

理由:メモリキャッシュ、ディスクキャッシュ、プリフェッチ機能があるため


参考: Rettyさんの記事

https://engineer.retty.me/entry/2022/08/18/161226

※KingFisherはWebPもサポートしているようです。

https://github.com/onevcat/Kingfisher/wiki/FAQ#can-i-load-some-special-image-format-like-webp


2-2) ライブラリが利用が難しい案件のプロジェクトについて

下記のようなURLSessionのコードで記載

このブログの人気の投稿

アプリアイコンの素材探し

はじめに  iOSアプリ開発で利用するアイコン素材をネットで探してみた アイコン画像について、ネットのアイコンを利用するとき ライセンスを確認すると思いますが、直近調べたものを記載しました。
続きを読む

【SwiftUI】グラスモーフィズムを試してみました

イメージ
🤔 グラスモーフィズムって？   すりガラスの表現を利用した半透明の表現方法でガラスの向こう側がすりガラスによって曇って見える表現が特徴です。iosでは今更ですが、MacOSのBig Surに利用されていることから、2021年のデザインのトレンドとして挙がっています。  🤔  では、どのような画面表現があるのか？ ・Dribbbleでは？ https://dribbble.com/tags/glassmorphism ・Pinterestでは？ Pinteresetで検索すると、Osamu Furukawaさんのボードに掲載がございます。以下にリンクを掲載します。 https://www.pinterest.jp/omfull/%E3%82%B0%E3%83%A9%E3%82%B9%E3%83%A2%E3%83%BC%E3%83%95%E3%82%A3%E3%82%BA%E3%83%A0glassmorphism/ 🤔 どんな表現が可能なのか？ 以下のスズキアユミさんのサイトがまとまってますので、リンクとして掲載します。 https://designmemo.jp/creative/glassmorphism.html 🤔 SwiftUIで表示できるの？ 試した結果、SwiftUIのみでは表現が難しそうです。Blurの表現ありますが、ただのViewに くもりガラス風の表現 をするのは難しく、UIViewRepresentableで拡張したUIVisualEffectViewというパーツが必要になるようです。 ここまでで、やったこととして、Figmaで以下のように簡単なデザインしました。 figmaのプラグインで、SwiftUIインスペクターを利用してSwiftUIのコードを出力してiPhone画面に表示してみました。以下のようになります。オレンジの四角形と黄色い三角形部分が上にのっているViewで薄く表示されてますが、 くもりガラス風な表現になってはいません。 UIVisualEffectViewを利用すると以下のような表現になります。オレンジの四角形と黄色い三角形部分が上にのっているViewがくもりガラスのようになりました。 くもりガラスのくもり具合については、Fi
続きを読む

【SwiftUI】バグ報告について

ここ1年で言われてるSwiftuiの不具合報告についてまとめてみました。 ■ NavigationViewで遷移すると遷移直後で画面が戻ってしまう現象があり。 ・iOS14.4、14.5 ・デベロッパーサイトやstackoverflowに記載あり →対策方法：空のEmptyViewを入れる。t https://developer.apple.com/forums/thread/677333 https://stackoverflow.com/questions/67686125/swiftui-unexpectedly-navigationlink-pops-automatically https://forums.swift.org/t/14-5-beta3-navigationlink-unexpected-pop/45279/37 Twitterにもすぐに戻ってしまうとの記事があります。 遅延実行すると良いとも記載がありました。 https://twitter.com/kansa_mon/status/1410943681406722050?s=20 ■SwiftUIでtoolbarのToolbarItem内にTextFieldを実装したいんだけどTextFieldをタップした時に即座にキーボードが消えてしまうバグ https://twitter.com/natumn_/status/1372762134593990659?s=20 ■SwiftUIでtoolbarのToolbarItem内にTextFieldを実装したいんだけどTextFieldをタップした時に即座にキーボードが消えてしまうバグ https://twitter.com/natumn_/status/1372762134593990659?s=20 ■NavigationViewがTabView内にネストされていると、ステータスバーを非表示にできません。 https://developer.apple.com/forums/thread/653153 ■BottomBarが消えるバグが存在する iOS14.4 https://qiita.com/r0227n/items/1e938797b5c80191c739 ■TabViewとNavigationViewのスタックがリセット ・iOS13で
続きを読む