いろいろなアプリ開発をしてみよう

FlutterのDataTableは、表形式のデータを表示するためのウィジェットです。複数の行と列を持ち、テーブル内にテキストやアイコンなどのウィジェットを配置できます。DataTableを使用することで、データを整理し、視覚的に比較することができます。 【プロ...

Flutterには、showModalBottomSheetとshowDialogという2つのメソッドがあります。どちらもモーダルを表示するために使用されますが、それぞれ独自の特徴があります。ここでは、それぞれのメソッドでモーダルを作成し、モーダルを閉じるための2つの異なる方...

Flutterは、カスタムウィジェットを簡単に作成できる柔軟なフレームワークです。この記事では、Flutterでカスタムウィジェットを作成する方法を説明します。 【ステップ1：ウィジェットの作成】 最初に、カスタムウィジェットを作成する必要があります。カ...

Flutterは、スマートフォンやタブレットなどのデバイスに合わせてアプリのレイアウトを調整するために、多くの便利な機能を提供しています。その中でも、MediaQueryはデバイスのサイズに関する情報を提供するクラスです。この記事では、FlutterのMediaQuer...

LayoutBuilderは、親ウィジェットのサイズに合わせて、子ウィジェットのレイアウトを調整するためのウィジェットです。レスポンシブなUIを作成する場合に非常に便利であり、特に画面サイズが異なる場合に役立ちます。LayoutBuilderは、以下のように使用で...

Flutterのローカライズに関する記事の第2弾です。前回の紹介記事では、ローカライズの内容が1ファイルにまとまっているため、少し規模が大きくなると、管理が煩雑になり、使い勝手が悪くなります。そのため、今回は言語ごとにファイルを分けて、管理しやす...

Flutterは、アプリの多言語化を簡単に実装できるローカリゼーション（多言語化）のサポートを提供しています。この機能を使用することで、アプリの文字列を翻訳する必要がある場合でも、簡単かつ効率的に実装することができます。以下では、Flutterでのロ...

Flutterは1つのコードで異なるデバイスのアプリを開発できるクロスプラットフォームフレームワークです。本記事では、１つのコードを複数のデバイスで稼働確認を行う方法を紹介します。 【今回利用するサンプルコード】 以下のコードをブラウザ/iOS/Androi...

コーディングの実行結果をWebブラウザ以外のiOS及び、Androidシミュレータで確認するためにはFlutter側でシミュレータを認識できるようにする必要があります。この記事では、シミュレータを認識できるようにする方法を紹介します。 【Flutterで認識してい...

Vue3では、<script setup>タグを使用して、コンポーネントのセットアップコードを定義します。このタグは、通常のJavaScriptコードを書くことができますが、Vueのコンポーネントオプションも使用することができます。つまり、Vue2のOptions APIの代...