Flutter 【Flutter】画面下部のタブでページを切り替え可能にする方法
Flutter で画面下部にタブを表示するには、BottomNavigationBar を使用します。今回は、この BottomNavigationBar を使用してタブでページを切り替えられうようにする方法を紹介します！ BottomNa...
Flutter Flutter 【Flutter】ListView にスクロールバーを表示させる方法
ListView でスクロールバーを表示する方法を紹介します！ListView の使い方については、以下の記事をご参照ください。 スクロールバーの表示方法 ListView にスクロールバーを表示するには、Scrollbar を使用します。...
Flutter 【Flutter】スクロール可能なリストを表示する ListView の使い方
今回は、ListView について紹介します！ListView は、スクロール可能なリストを表示するための Widget です。画面に ListView の項目が収まらない場合はスクロールできます。 基本の使い方 以下のように、childr...
Flutter 【Flutter】TimePicker で時刻を入力できるようにする
Flutter で時刻を入力できるようにする方法について紹介します！ 日付入力を受け付ける DatePicker については、以下の記事で紹介しています。 方法 以下の関数を、ボタンの押下時等に呼び出すことで、時刻入力を受け付けることができ...
Flutter 【Flutter】カレンダーから日付を入力できるようにする方法
Flutter でカレンダーを表示して、日付入力を受け付ける方法について紹介します！ 方法 以下の関数を呼び出すと、カレンダーが開いて日付を選択できるようになります。 Future<void> _selectDate(BuildContex...
Dart 【Dart】DateTimeで日付・時刻を操作する方法 まとめ
Flutter で、日付や時刻を扱うDateTimeクラスで、「現在の時刻を取得する」、「日付を比較する」、「フォーマットする」などの操作方法を紹介します。 現在の日付・時刻を取得する ローカルの日付・時刻 ローカル(端末)の現在の日付・時...
Flutter 【Flutter】Widget を条件分岐で出し分ける方法
Flutter で、Widget を条件に応じて、出し分けたい時もあると思います。この時、if 文や switch 文を直接 child で使用して制御しようとすると、エラーになります。自分も最初 if 文を使用して Widget を制御し...
Android 【Android】ボタンのデザインをカスタムする方法
Android で、ボタンのデザインをカスタムする方法について紹介します！ ボタンのデザインをカスタムする方法 カスタムデザイン用 xml ファイルを作成 まずは、カスタムデザインを記述する xml ファイルを作成します。app/res/d...
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 ページを表示させるには、WebVi...
Android Wear OS アプリ（スマートウォッチアプリ）の開発方法
Wear OS アプリ（スマートウォッチアプリ）の開発方法について、Wear OS アプリのプロジェクト作成から動作確認までを紹介します！動作確認は、エミュレータを使用する場合と、実機を使用する場合の両方を紹介します。 事前準備 事前にAn...
Flutter 【Flutter】基本的なボタン3種類とデザインの変更方法
Flutter で使用できるボタンには、どのようなものがあるか基本的なものを紹介します。また、ボタンのデザインを変更する方法も一緒に紹介します。 基本的なボタンの種類 ボタン表示用 Widget には、基本的なものとして以下の3種類がありま...
Tool / Gadget Google Pixel Watch のスクリーンショット撮影方法
Google製スマートウォッチ「Pixel Watch」でスクリーンショットを撮る方法を紹介します！Pixel Watch 単体ではスクリーンショットが取得できず、スマートフォンの使用が必要になっています。 事前準備 事前に、Pixel W...
Flutter 【Flutter】ドロップダウン(プルダウン)メニューの作り方
Flutter でドロップダウン(プルダウン)メニューを表示するには、DropdownButton を使用します。今回は、この DropdownButton について紹介します！ DropdownButton の使い方 必要なプロパティ D...
Flutter 【Flutter】独自の Widget クラスを作成する方法
同じような Widget のまとまりを何回も使い回す場合、似たようなコードが繰り返されます。繰り返しがあっても動作はしますが、コードがわかりにくくなったり、変更が大変になったりします。そこで今回は、独自 Widget クラスを作成して使い回...
Flutter 【Flutter】グラデーションボタンを作成する方法
ボタンの背景をグラデーションにする方法を2種類紹介します。 ElevatedButton を使う方法 ElevatedButton の子Widget に、Inkを指定します。Ink を使うことで、Ink の子Widget である Conta...