モバイルアプリ

iOSのシミュレーターのスクリーンショットで影(シャドウ)が入ってしまう場合の解決方法です。 シミュレーターのスクリーンショット機能ではデバイスのベゼル（外側のフレーム）が画像に含まれません。 Macのスクリーンショット機能では、ツールバーと影が含まれてしまいます。プレビューアプリでツールバーは消せますが、影が残ります...

FlutterのTabBarにて左側に余白（パディングかマージン）が入るようになった。右端は問題なく、左端のみにpadding（margin）が入る。 FlutterのSDKバージョンを上げたためと思われる。v3.16系に上げたことで、TabBarのtabAlignmentプロパティが追加されており、タブの配置をカスタ...

ListViewやGridViewなどのリストをそのまま使っても、デフォルトではスクロールバーは表示されない。 スクロールバーがないと、スライドでコンテンツを移動した際に、全体のどのくらいの位置に移動したのかがわかりにくくなる。 スクロールバーを表示するためには、ScrollbarウィジェットでWrapするとよい。UI...

Flutterによるアプリ開発で動作確認する場合、実機やXcodeのシミュレーター、Androidのエミュレーターで確認することになりますが、デバッグビルドした場合には、画面右上に「DEBUG」という帯が表示されてしまいます。 このDEBUG表示はコード1行で簡単に非表示にすることができます。 アプリリリース時にも表示...

FlutterのRiverpodにて「Bad state: No ProviderScope found」エラーが発生。詳細には「The relevant error-causing widget was: xxPage xxPage:file:///path/main.dart:20:19 When the exce...

ウィジェット（SwiftUI）でWeb上の通信が伴う画像を表示する方法 元々アプリ内で使用している、AlamofireImage、SDWebImage、Kingfisherのような画像キャッシュライブラリは使い回せず、SwiftUI用の画像表示方法を用意 非同期とはいかないが、TableViewのようにいくつもコンテン...

サードパーティー製ライブラリを使うために知っておくとよいこと 専用検索サイトを使用すると見やすく、新着や流行り、人気、安全面で適している。 githubを基本として、Cocoa Controls、Swift Package Registry、Swift Package IndexなどSwift Package Mana...

Google PlayでAndroidアプリを公開するにはAPKではなく「Android App Bundle」が必須と発表。 ABBへの移行は簡単で、ファイルサイズを小さくでき、インストールが高速になり、ストレージが確保できるメリットがある。また、バイナリのダウンロードサイズの制限が、APKでは100MBのところ、A...

画面をリッチにするおすすめUI系ライブラリ リッチなUIにするためのサードパーティー製ライブラリを紹介 ヒーラー有名なアプリで使われたり、最近の流行りなどおすすめのオープンソースが知りたい タブ関連 メニュータブと画面が連動して、手軽に画面を切り替えることができます。YouTubeなどの少数のタブもSmartNewsの...

コレクション（Collection）を賢くスマートに扱うためのmap、filter、reduceなどのシーケンスプロトコルの代表格の３つを紹介。出力用の変数宣言とfor文を省略することが可能。 配列のまま変換したり、配列から一部抽出したり、配列の合計値をとることが可能。for文との比較、$0、$1を使用したクロージャの...