Blog

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つ並んだ新しい整数型の配列を作成していま...

スコープ（範囲）は、変数や関数がアクセス可能な範囲を指します。 Pythonでは主に以下の2つのスコープがあります。 グローバルスコープ ローカルスコープ 【】 グローバルスコープはプログラム全体を指します。つまり、どこからでもアクセス可能なスコー...

関数は、再利用可能で効率的なコードを書くために非常に重要な概念です。 関数は一連の処理をまとめ、必要なときに呼び出すことができます。 【関数の定義】 C#で関数を定義するためには、以下のような基本的な構造を持ちます。 戻り値の型 関数名(引数の...

このページでは、Pythonでよく使用される主なデータ型を紹介します。 【】 整数を表すためのデータ型です。 例えば、x = 5のように整数を変数に代入することができます。 x = 5 Pythonでは変数を宣言する際に型を指定する必要がありません。上記のように変...

if文は、条件に基づいてコードの実行を制御するために使います。 このページでは以下に、初心者向けにif文の基本的な使い方を解説していきます。 【if文の基本の書き方】 if文は、条件が真（true）の場合にコードを実行するために使います。 基本の構文は...

毎年１回だけしかやらない作業で、毎回やること忘れてしまうので、メモとして手順を残しておきます。 【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の値から曜日を算出するコード】 次の例...