-
【Flutter】TextScaler（旧TextScaleFactor）を無効にする方法
【TextScalerとは？】 TextScalerは端末の設定で変更した文字の大きさをアプリ内にも反映させる機能です。 端末の設定で文字を大きくしたり小さくしたりすると、アプリ内の文字サイズも変わるため、レイアウトが崩れてしまう場合があります。 Flutterでは... -
【Jetpack Compose】Room・Hiltのセットアップ手順
毎回、RoomとHiltの設定が複雑なので、セットアップの手順をメモとして残しておきます。 【前提】 アプリのアーキテクチャはMVVMで、次のような構成になります。 【Gradleの設定】 build.gradleファイルにRoomとHiltの依存関係を含める必要があります。 バ... -
【Flutter】enumの値をSharedPreferencesに保存する方法
SharedPreferencesに保存できる型は限定的なので、enumの値を保存するには型を変換して保存する必要があります。 このページではint型を使う方法とString型を使う方法を紹介します。 【】 import 'package:shared_preferences/shared_preferences.dart... -
【Jetpack Compose】色の指定方法
Jetpack Compose で色を指定する方法はいくつかあります。 このページでは一般的な方法を紹介します。 【方法】 最も基本的な方法は、Jetpack Compose の Color クラスを使って色を指定することです。 Color クラスは、RGB や ARGB フォーマットで色を表現... -
【Flutter】iOSのシミュレーター起動時に「Unable to boot the Simulator」というエラーが出たときの対処法
原因はわからないのですが、突然iOSのシミュレーターを起動しようとすると「Unable to boot the Simulator」とエラーがでました。 【対処法：Xcodeのキャッシュを削除】 Xcodeのキャッシュを削除することで、なんとか復旧できたので、その手順を紹介します... -
【Jetpack Compose】Toastの使い方 | 簡単なメッセージを一時的に表示させる
Toastは、簡単なメッセージを一時的にユーザーに表示するときに使う機能です。 このページではこのToastの使い方を解説します。 【Toast メッセージを表示する方法】 Toastを表示するには以下のように書きます。 val context = LocalContext.current Toast... -
【Android】画面の向きを固定する方法
画面の向きを固定するには、AndroidManifest.xmlファイルに適切な設定を追加する必要があります。 【画面を縦向き固定にしたい場合】 <activity android:name=".MainActivity" android:screenOrientation="portrait"> </acti... -
【Jetpack Compose】多言語化対応（ローカライズ）| 日本語と英語に対応するには？
海外向けにアプリをリリースするにはその国の言語に対応する必要があります。 とはいえ、全世界の言語に対応するには現実的ではないため、このページでは日本語と英語に対応したアプリの作り方を解説します。 前提 デフォルト言語を英語として、端末の言語... -
【Jetpack Compose】Scaffold Composableの使い方
Scaffoldコンポーザブルは、マテリアルデザインに基づいた基本的な画面構造を提供するUI部品です。 Scaffoldを使うことで、アプリの画面の構築を簡素化でき、一般的なUIパターンである「アクションバー」、「ナビゲーションバー」、「フローティングアクシ... -
【Jetpack Compose】TabRowの使い方
TabRowは、タブバーを作成するための便利なUI部品です。 【TabRowの使い方】 TabRowを作成するには、TabRowとTabのコンポーネントを使用します。各タブは、表示するテキストと選択状態を指定する必要があります。 var tabIndex by remember { mutableState... -
【Jetpack Compose】CircularProgressIndicatorの使い方 | ローディングを表示
CircularProgressIndicator は、ローディングや進捗状況を示すために使用されるUI部品の1つです。 これを使うことで、円形のインジケーターを表示してユーザーに作業の進行状況を示すことができます。 【CircularProgressIndicatorの基本的な使い方】 単に... -
【Jetpack Compose】ViewModelの使い方
【ViewModelの役割】 ViewModelは、UIの状態を保存し、ビジネスロジックとUIの間でデータのやり取りを担当します。 Jetpack ComposeでViewModelを使うことで、UIの状態を保持し、画面の状態が変化してもデータが失われないようになります。 ViewModelがな...
