Blog

【サイズを変更する方法】 Checkboxウィジェットには、今のところサイズを指定できるプロパティが存在しないため、外側にTransform.scaleでラップして外観を変更する必要があります。 Transform.scale( scale: 1.5, // チェックボックスを拡大する比率 chi...

今のところ標準のDividerウィジェットには線を点線にする設定がないため、自作するかパッケージを使う必要があります。 このページではListViewを使った点線のDividerを作成するコードを紹介します。 【完成コード】 import 'package:flutter/material...

【ゲームオブジェクトを破棄する方法】 Unityでゲームオブジェクトを破棄するには、Destroyメソッドを使用します。 using UnityEngine; public class YourScript : MonoBehaviour { void Start() { // ゲームオブジェクトを破棄する例 Destroy(gameObject)...

AppBarのleading幅は固定で56が設定されているため、それ以上の幅のものを表示しようとすると警告がでます。 【leadingの幅を変更する方法】 leadingの幅を変更するには、leadingWidthに値を指定します。 AppBar( leadingWidth: 100, leading: GestureDete...

AppBarの高さを変更する方法を２種類紹介します。 【toolbarHeightプロパティを使用する方法】 AppBarウィジェットはtoolbarHeightプロパティを持っているので、この値を変更することで高さを変更できます。 appBar: AppBar( title: Text('Custom Heig...

Material3デザインでは、通常、ボタンが角丸になるようにスタイルが適用されます。 これをもう少し四角にしたいときは、ボタンのスタイルのshapeプロパティを変更することができます。 【FilledButtonを使っている場合】 FilledButton( ・・・省略 style: ...

Mapは、キーと値のペアを格納するためのデータ構造です。 このページでは、Map型の基本について解説します。 【Mapの宣言と初期化】 Mapは、波括弧 {} を使用して作成します。 キーと値はコロン : で区切り、各ペアはカンマ , で区切...

while文は、特定の条件が満たされている限り、一連のコードを繰り返し実行するために使用されます。 【while文の書き方】 while (条件) { # 条件がtrueの場合に実行されるコード } whileループは条件がtrueの間、ループ内の処理を繰り返し実行します。 以...

このページでは、Pythonでクラスを使う手順について「Person（人）」クラスを例に紹介します。 【クラスの定義】 クラスはclassキーワードを使用して定義されます。 クラス名は通常キャメルケース（CamelCase）で記述します。 class Person: pass この段階...

このページではMacのPyCharmにパッケージをインストールする手順を紹介します。 【パッケージのインストール手順】 PyCharm → Settingsをクリックします。 設定画面が開いたら、Python Interpreter → + ボタンをクリックします。 パッケージの一覧画面が表...

for文は、繰り返し処理を行うための便利な構文です。 このページでは、C#のfor文の基本的な構文と使い方について簡単に解説します。 【for文の基本構造】 for文は通常、次のような構造を持っています。 for (初期化; 条件式; 更新処理) { // 繰り返し実行...

【配列（Array）とは？】 配列は、同じデータ型の要素が並んだデータ構造です。 例えば、整数型の要素が5つ並んだ配列は以下のように表現できます。 int[] myIntArray = new int[5]; この例では、int型の要素が5つ並んだ新しい整数型の配列を作成していま...

毎年１回だけしかやらない作業で、毎回やること忘れてしまうので、メモとして手順を残しておきます。 【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 = { /* ボタンがクリックされたときの処理 *...

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の値から曜日を算出するコード】 次の例...

Flutterアプリ内でWebコンテンツを表示するためにはWebViewを使います。 このページでは、そのWebViewを実装する方法を紹介します。 【必要パッケージのインストール】 pubspec.yaml で webview_flutter パッケージを追加します。 dependencies: flutter: ...

このページではiOSビルド時にUnhandled Exception: [core/duplicate-app] A Firebase App named "[DEFAULT]" already existsというエラーが発生した場合の対処方法を紹介します。 【対処方法】 GoogleService-Info.plistをプロジェクトから一旦削除します...

SharedPreferencesに保存できる型は限定的なので、DateTime型の値を保存するには型を変換して保存する必要があります。 このページではString型に変換して保存する方法、保存した値を取り出す方法を紹介します 【保存処理：DateTime型を文字列に変換して保...

Flutter webでurl_launcheパッケージがうまく効かないことがあり、別の方法で対応できたのでそのやり方を紹介します。 【Flutter webアプリでリンクを作成するやり方】 まず、webディレクトリ内のindex.htmlファイルの<head>セクション内に次のスクリプ...

ある日、FlutterのiOSアプリをアップロードしようとしたら、次のようなエラーが出てアップロードできませんでした。 Invalid Bundle. The bundle Runner.app/Frameworks/App.framework does not support the minimum OS Version specified in the Info.pli...

【TextScalerとは？】 TextScalerは端末の設定で変更した文字の大きさをアプリ内にも反映させる機能です。 端末の設定で文字を大きくしたり小さくしたりすると、アプリ内の文字サイズも変わるため、レイアウトが崩れてしまう場合があります。 Flutterでは...