Blog

【Kotlinにおけるif文の基本構造】 Kotlinのif文は以下のような構造を持っています。 // 条件が真の場合に実行されるコード if (条件式) { // 処理1 } // 最初の条件が偽で、かつこの条件が真の場合に実行されるコード else if (別の条件式) { // 処理2 } ...

flutter_local_notificatiosパッケージを使う際のiOS、Androidの設定（アイコンやら音声やら）で少し手こずったので、メモとして残しておきます。 【iOS編】 基本設定 AppDelegate.swift に以下を追加。 場所は GeneratedPluginRegistrant.regis...

【配列の宣言と初期化】 Kotlinで配列を宣言するには、次のようにします。 // Int型の配列を宣言して初期化する val numbers: Array<Int> = arrayOf(1, 2, 3, 4, 5) // String型の配列を宣言して初期化する val names: Array<String> = arrayO...

定数とは値を変更できない変数のことです。 例えば、円周率のように値がずっと変わることのないものに使います。 【定数の定義方法】 Kotlinでは、定数を宣言するために val キーワードを使います。 val 定数名: データ型 = 初期値 例えば、円周率を定数で...

【TextFieldの右寄せ方法】 TextFieldのテキストを右に寄せるには、textAlignプロパティを使います。 TextField( textAlign: TextAlign.end, // TextAlign.rightもok ) textAlignプロパティにTextAlign.endまたはTextAlign.rightを指定することで、テキス...

ゲームにジョイスティックを追加するにはJoystickComponentを使います。 このページでは簡単な例として、円をジョイスティックで動かせるようにします。 【円を描写する】 円の描写方法は以前に以下の記事で解説していますので、説明は割愛します。 コード...

アプリ全体の背景色や主要な色などを決める際に、ThemeDataを使うと便利です。 これを使うことで、わざわざ個別のWidgetに色を設定する必要がなくなるので、色を変更したい場合は一括で変更できますし、アプリ全体を統一感のあるデザインにすることができ...

ゲーム内に円を描写するにはCircleComponentを使います。 四角形を表示する時に使うRectangleComponentと使い方は似ています。 【円を描写する】 import 'package:flame/components.dart'; import 'package:flame/game.dart'; import '...

ゲーム内に四角形を描写するにはRectangleComponentを使います。 【四角形を描写する】 import 'package:flame/components.dart'; import 'package:flame/game.dart'; import 'package:flutter/material.dart'; void main() { fin...

このページではFlmaeを使って、ドラッグ操作でキャラクターを移動させる方法を紹介します。 【ゲーム画面を作成】 まずは簡単なゲーム画面とプレイヤーを作成します。 プレイヤーは簡易的なものとして、キューブを用意しました。 import 'package:flam...

ゲーム内にテキストを描写するにはTextComponentを使います。 【テキストを描写する】 import 'package:flame/components.dart'; import 'package:flame/game.dart'; import 'package:flutter/material.dart'; void main() { fina...

以前、運営しているアプリでDarwerを開いたときにAdmob広告の上に重なっているからという理由でポリシー違反になったことがあります。 ●イメージ その時は、Drawerを開いたときは広告を非表示にすることで対応しました。 今後もこのような対応が必要になる...

毎年１回だけしかやらない作業で、毎回やること忘れてしまうので、メモとして手順を残しておきます。 【Apple Developer Programのメンバーシップ更新】 期限が迫ると下の画像のように「もうすぐ期限切れるでー」と案内が来るので、メンバーシップを更新し...

Linkビューは、現在のビューから別の場所にナビゲートするために使用されます。 具体的には、ユーザーがタップしたときに指定した場所に遷移します。 【Linkビューの使い方】 Link("リンクテキスト", destination: URL(string: "リンク先の...

【Swiftにおけるif文の構造】 Swiftのif文は以下のような構造を持ちます。 if 条件 { // 条件が真の場合に実行されるコード } else if { // 最初の条件が偽で、かつこの条件が真の場合に実行されるコード } else { // どの条件も満たされない場合に実行さ...

NavigationStackビューは画面遷移やナビゲーションを管理するための便利な機能です。 iOS16から使えるようになったビューで、それまではNavigationViewが使われていました。 NavigationViewはiOS16から非推奨となっています。 【 NavigationStackの使い方...

Pickerは、ユーザーがリストから選択できる選択肢を提供するためのUI部品です。 【Pickerビューの使い方】 Picker("タイトル", selection: $selectedOption) { View.tag(1) // 選択肢１ View.tag(2) // 選択肢２ View.tag(3) // 選択肢３ } Pick...

Listビューは、データのリストを表示するためのViewです。 【Listビューの使い方】 List { 子View1 子View2 子View3 ・・・ } 単純にListの中にViewを列挙していくだけで、一覧を表示することができます。 struct ContentView: View { var body: some View...

TextやImageなどのViewを重ねて表示するにはZStackを使います。 Zは特に何かの単語の略ではなく、Z軸が奥行きを表すので、そのZが使われていると思われます。 【ZStackの基本的な使い方】 ZStack { 子View1 子View2 子View3 } ZStack内に最初に配置したビ...

SwiftUIにおいて、TextやImageなどのViewを横に並べるにはHStackを使います。 HはHorizontalの略で、「水平」を意味します。 【HStack基本的な使い方】 HStack { 子View1 子View2 子View3 } サンプルコード import SwiftUI struct ContentView: View { var...

画面の幅（width）と高さ（height）を取得するには、UIScreen.main.bounds プロパティが持つ widthとheightを参照します。 UIScreen.main.bounds.width // width UIScreen.main.bounds.height // height 【サンプルコード】 import SwiftUI struct Content...

セーフエリアを無視して画面いっぱいにViewを表示するには、ignoresSafeArea モディファイアを使用します。 このモディファイアは、指定されたエッジのセーフエリアを無視して、ビューを全画面に拡張します。 【サンプルコード】 import SwiftUI struct Co...

ARCoachingOverlayViewは、ユーザーにAR体験をよりスムーズに行うためのガイダンスや指示を提供するためのビューです。 例えば、デバイスを適切な位置に保持するようにユーザーに指示を出したり、AR空間内の特定の機能やボタンの使用方法を教えたりするの...

画面の撮影は snapshot(saveToHDR:completion:) でできます。 import Foundation import RealityKit import ARKit let arView = ARView(frame: .zero) func captureImage() { arView.snapshot(saveToHDR: false) { image in if let image = image { // こ...

毎回、RoomとHiltの設定が複雑なので、セットアップの手順をメモとして残しておきます。 【前提】 アプリのアーキテクチャはMVVMで、次のような構成になります。 【Gradleの設定】 build.gradleファイルにRoomとHiltの依存関係を含める必要があります。 バ...

Jetpack Compose で色を指定する方法はいくつかあります。 このページでは一般的な方法を紹介します。 【方法】 最も基本的な方法は、Jetpack Compose の Color クラスを使って色を指定することです。 Color クラスは、RGB や ARGB フォーマットで色を表現...

Toastは、簡単なメッセージを一時的にユーザーに表示するときに使う機能です。 このページではこのToastの使い方を解説します。 【Toast メッセージを表示する方法】 Toastを表示するには以下のように書きます。 val context = LocalContext.current Toast...

画面の向きを固定するには、AndroidManifest.xmlファイルに適切な設定を追加する必要があります。 【画面を縦向き固定にしたい場合】 <activity android:name=".MainActivity" android:screenOrientation="portrait"> </acti...

海外向けにアプリをリリースするにはその国の言語に対応する必要があります。 とはいえ、全世界の言語に対応するには現実的ではないため、このページでは日本語と英語に対応したアプリの作り方を解説します。 前提 デフォルト言語を英語として、端末の言語...

Scaffoldコンポーザブルは、マテリアルデザインに基づいた基本的な画面構造を提供するUI部品です。 Scaffoldを使うことで、アプリの画面の構築を簡素化でき、一般的なUIパターンである「アクションバー」、「ナビゲーションバー」、「フローティングアクシ...

TabRowは、タブバーを作成するための便利なUI部品です。 【TabRowの使い方】 TabRowを作成するには、TabRowとTabのコンポーネントを使用します。各タブは、表示するテキストと選択状態を指定する必要があります。 var tabIndex by remember { mutableState...

CircularProgressIndicator は、ローディングや進捗状況を示すために使用されるUI部品の1つです。 これを使うことで、円形のインジケーターを表示してユーザーに作業の進行状況を示すことができます。 【CircularProgressIndicatorの基本的な使い方】 単に...

【ViewModelの役割】 ViewModelは、UIの状態を保存し、ビジネスロジックとUIの間でデータのやり取りを担当します。 Jetpack ComposeでViewModelを使うことで、UIの状態を保持し、画面の状態が変化してもデータが失われないようになります。 ViewModelがな...

Jetpack Composeには標準で画面遷移の機能がないため、画面遷移を実現するにはパッケージを導入する必要があります。 【画面遷移のためのパッケージを導入】 Navigation Composeというライブラリを使用します。 build.gradleのdependencies内に以下を追加...

AlertDialog は、ユーザーにメッセージを表示し、ユーザーの操作を促すダイアログを作成するために使われます。 このページでは。AlertDialog の基本的な使い方について解説します。 【AlertDialogの書き方】 AlertDialog( onDismissRequest = { /* 画面の...

TextButton コンポーザブルは、テキストを含むボタンを生成するためのUI部品です。 【TextButtonの使い方】 TextButton コンポーザブルを使ってボタンを表示するには、次のように書きます。 TextButton(onClick = { /* ボタンがクリックされたときの処理 *...

FlutterでN日前やN日後のDateTime型のデータを取得する方法を紹介します。 【まずは現在の日時を取得】 DateTime now = DateTime.now(); DateTime.now() は、実行時の現在時刻を取得するDartのメソッドです。 例えば、2025年2月12日 15:30:00 に実行すると...

shared_preferencesには、List<int>型はないため、List<int>を文字列リストとして保存し、呼び出す際にList<int>に変換して読み込みます。 このページではそのやり方を紹介します。 【List<int>の保存方法】 import 'package:...

substringは、Flutter（Dart）で文字列操作を行うためのメソッドの1つです。 指定した範囲の文字列を取得するのに使います。 【】 String substring(int startIndex, [int? endIndex]) startIndex: 抜き出したい部分文字列の開始位置（0から始まるインデッ...

先日、初めて「広告動作の変更」という原因のAdmobポリシー違反連絡を頂きました。 ググってもあまり原因がわからず、とりあえずサポートセンターに調査依頼。 ただ、対応期限が２日後という鬼のようなスケジュールだったので、とりあえず一旦広告を削除し...

FlutterでAndroid StudioからXcodeを開くには、以下の手順でコマンドを使用します。 【手順】 1. iOSプロジェクトのパスに移動するFlutterプロジェクトのiosディレクトリに移動します。以下のコマンドを実行します。 cd ios 2. Xcodeを開くコマンドを実行...

【やり方】 IconButton( padding: EdgeInsets.zero, constraints: BoxConstraints(), ) FlutterのIconButtonウィジェットのデフォルトのpaddingを除くには、IconButtonのpaddingプロパティをEdgeInsets.zeroに設定し、constraintsプロパティにBoxConstrain...

CupertinoAlertDialog に TextField を追加するには、CupertinoAlertDialog の content プロパティに CupertinoTextField を埋め込むことで実現できます。 【方法】 CupertinoAlertDialog( content: CupertinoTextField(), ); 必要に応じてtitleやactions...

FlutterでiOS風のAlertDialogを表示するには、CupertinoAlertDialogウィジェットを使用します。CupertinoAlertDialogはiOSスタイルのダイアログを提供し、デフォルトでiOSのデザインガイドラインに従います。 【CupertinoAlertDialogの使い方】 CupertinoA...

スワイプで前の画面に戻る機能を無効にするにはPopScope ウィジェットを使います。 【実装方法】 PopScope( canPop: false, // false にすることで無効になる child: Scaffold() ) PopScopeが持つプロパティcanPopをfalseに設定することで、スワイプで戻る...

「java.lang.OutOfMemoryError: Java heap space」エラーはGradleがFlutterアプリのビルド中にメモリ不足（Java heap space）に直面していることを示しています。 【す】 android/gradle.properties ファイルを開き、org.gradle.jvmargsの設定を変更し、Gr...

命名規則は、コードの可読性を向上させ、他の開発者がプロジェクトを理解しやすくするために重要です。 以下に、Flutterプロジェクトで一般的に推奨されるDart言語の命名規則を説明します。 以下の規則は必ず従わなければいけないというものではありません...

DateTimeから曜日を取得するには、weekdayプロパティを使用します。 weekdayの値は、月曜日が「１」、火曜日が「２」、・・・日曜日が「７」のように割り振らているので、この値を基に曜日を算出します。 【DateTimeの値から曜日を算出するコード】 次の例...