Flutter【Flutter】Table Widget で表を作成する
Flutter で表を作成するには、Table Widget を使用すれば作成できます。Column Widget と Row Widget を使用すれば、表形式に配置することはできますが、Table Widget を使用するとより簡単...
FlutterFlutter【Flutter】タブのページをスワイプで切り替える方法
タブのページをスワイプで切り替える方法を紹介します！ 前提 タブでページを切り替えられるようになっていることが前提です。タブでのページ切り替えについては、以下の記事で紹介していますのでご参照ください。 方法 ...
Flutter【Flutter】画面下部のタブでページを切り替え可能にする方法
Flutter で画面下部にタブを表示するには、BottomNavigationBar を使用します。今回は、この BottomNavigationBar を使用してタブでページを切り替えられうようにする方法を紹介します！ Bott...
Flutter【Flutter】ListView にスクロールバーを表示させる方法
ListView でスクロールバーを表示する方法を紹介します！ListView の使い方については、以下の記事をご参照ください。 スクロールバーの表示方法 ListView にスクロールバーを表示するには、Scro...
Flutter【Flutter】スクロール可能なリストを表示する ListView の使い方
今回は、ListView について紹介します！ListView は、スクロール可能なリストを表示するための Widget です。画面に ListView の項目が収まらない場合はスクロールできます。 基本の使い方 以下のように...
Flutter【Flutter】TimePicker で時刻を入力できるようにする
Flutter で時刻を入力できるようにする方法について紹介します！ 日付入力を受け付ける DatePicker については、以下の記事で紹介しています。 方法 以下の関数を、ボタンの押下時等に呼び出すことで...
Flutter【Flutter】カレンダーから日付を入力できるようにする方法
Flutter でカレンダーを表示して、日付入力を受け付ける方法について紹介します！ 方法 以下の関数を呼び出すと、カレンダーが開いて日付を選択できるようになります。 Future<void> _select...
Dart【Dart】DateTimeで日付・時刻を操作する方法 まとめ
Flutter で、日付や時刻を扱うDateTimeクラスで、「現在の時刻を取得する」、「日付を比較する」、「フォーマットする」などの操作方法を紹介します。 現在の日付・時刻を取得する ローカルの日付・時刻 ローカル(端...
Flutter【Flutter】Widget を条件分岐で出し分ける方法
Flutter で、Widget を条件に応じて、出し分けたい時もあると思います。この時、if 文や switch 文を直接 child で使用して制御しようとすると、エラーになります。自分も最初 if 文を使用して Widget を制御...
Android【Android】ボタンのデザインをカスタムする方法
Android で、ボタンのデザインをカスタムする方法について紹介します！ ボタンのデザインをカスタムする方法 カスタムデザイン用 xml ファイルを作成 まずは、カスタムデザインを記述する xml ファイルを作成します...
Flutter【Flutter】AudioPlayers で音声を再生する
Flutter で BGM や効果音を再生する方法について紹介します！今回は、AudioPlayers のパッケージを使用して音声を再生します。 事前準備 事前準備として、AudioPlayers のパッケージインストールや、...
Flutter【Flutter】WebView で Web ページを表示する方法
Flutter で WebView を使用して、Webページを表示する方法についてご紹介します！ 事前準備 パッケージをインストール Flutter の WebView については、公式のパッケージがあります。まずは、公...
Flutter【Flutter】LinearProgressIndicator で、HP ゲージをつくってみた
Flutter で 以下のような HP によって色が変わる HP ゲージをつくってみました！そのソースコードと解説、使い方を紹介します！ ソースコード 今回作成した HP ゲージの独自 Widget クラスのソ...
Flutter【Flutter】プログレスインジケータのデザイン変更方法
Flutter におけるプログレスインジケータのサイズや、線の太さ、色といったデザインを変更する方法を紹介します！Flutter のプログレスインジケータの種類と表示方法については、以下の記事で詳しく紹介していますので、よろしければご参照...
Flutter【Flutter】プログレスインジケータの種類と表示方法
Flutter における プログレスインジケータ（Progress Indicator）の種類と表示方法について紹介します！プログレスインジケータは、処理の進行状況を表すときに使用されます。Progress が「進捗」、Indicator...
Kotlin【Kotlin】WebViewでアプリ内にWebページを表示する方法
Kotlin で WebView を使用してアプリ内に Web ページを表示させる方法を紹介します！また、応用編として、リンク先のページの扱い方も紹介します！ WebView の使い方 アプリ内に Web ページを表示させるに...
AndroidWear OS アプリ（スマートウォッチアプリ）の開発方法
Wear OS アプリ（スマートウォッチアプリ）の開発方法について、Wear OS アプリのプロジェクト作成から動作確認までを紹介します！動作確認は、エミュレータを使用する場合と、実機を使用する場合の両方を紹介します。 事前準備 ...
Flutter【Flutter】基本的なボタン3種類とデザインの変更方法
Flutter で使用できるボタンには、どのようなものがあるか基本的なものを紹介します。また、ボタンのデザインを変更する方法も一緒に紹介します。 基本的なボタンの種類 ボタン表示用 Widget には、基本的なものとして以下...
Tool / GadgetGoogle Pixel Watch のスクリーンショット撮影方法
Google製スマートウォッチ「Pixel Watch」でスクリーンショットを撮る方法を紹介します！Pixel Watch 単体ではスクリーンショットが取得できず、スマートフォンの使用が必要になっています。 事前準備 事前に、...
Flutter【Flutter】ドロップダウン(プルダウン)メニューの作り方
Flutter でドロップダウン(プルダウン)メニューを表示するには、DropdownButton を使用します。今回は、この DropdownButton について紹介します！ DropdownButton の使い方 必要な...