すらぼうの開発ノート

モバイルアプリエンジニアのメモ

dart

【Dart】Initializer list(コンストラクタにくっついているコロン「:」)の意味、使い方

意味 Initializer listとは、Dartのクラス内でコンストラクタ作成時に使用するキーワード。 このキーワードの役割は「メンバ変数を初期化する際の処理を記述する」こと。 使い方 基本の使い方は以下。 コンストラクタ() : 変数 = 値; 例 例で説明する。例え…

【Flutter/Dart】ループ処理まとめ

本エントリではFlutter/Dartにおけるループ処理の使い方について説明する。 ループ処理とは Flutter/Dartにおけるループ処理 ループ処理 for 文法 例 for...in 文法 例 forEach 文法 例 while 文法 例 do while 文法 例 ループ処理とは 特定の処理を何度も繰…

【Flutter】DateTimeクラスの使用方法まとめ

本エントリではDateTimeクラスの使用方法を説明する。 DateTimeとは インスタンス生成 コンストラクタを利用 DateTime() DateTime.now() DateTime.utc() 文字列をパース プロパティ 各時刻桁 isUtc timeZoneName timeZoneOffset weekday 日付と時刻の操作 時…

【Flutter / Dart】httpパッケージの使用方法

本エントリではhttpパッケージの使用方法を以下の流れで説明する。 httpパッケージとは httpパッケージ使用方法 URLの作成 GET POST レスポンスのパース httpパッケージとは httpはHTTPリクエストを作成する際に使用するパッケージ。 公式リポジトリにも記載…

【Flutter / Dart】Singleton(シングルトン)パターンの実装例

本エントリではデザインパターンの一つであるSingletonパターンのFlutterにおける実装例を紹介する。 Singletonパターンとは 使用ケース 使用する際の注意 実装例 コード ポイント factoryキーワードをコンストラクタの前に記述する factoryキーワードについ…

【Flutter / Dart】Json形式のデータを読み込む方法

本エントリではJson形式のデータを読み込む方法を以下の流れで説明する。 Json形式データ読み込み方法 準備 取得データ 使用ライブラリ 読み込み方法 Json形式データ読み込み方法 準備 取得データ 以下のJsonデータを説明用に読み込む。 ちなみにこちらのデ…

【Flutter / Dart】セット(Set)の生成方法まとめ

SetはIterableを継承したクラスで、複数の要素を格納できる重複なしのデータ型。 本エントリではSetの生成方法を説明する。 Setインスタンスの生成 リテラルで初期化 Set() Set.from() Set.identity() Set.of() Set.unmodifiable() Setインスタンスの生成 リ…

【Flutter / Dart】リスト(List)型データの操作まとめ

本エントリではList型データの操作(追加、削除、フィルター...)について説明する。 Listとは 説明用データ 追加 add() addAll() fillRange() insert() insertAll() 削除 clear() remove() removeAt() removeLast() removeRange() removeWhere() フィルター w…

【Flutter / Dart】リスト(List)の生成方法まとめ

本エントリではList型データの生成方法を説明する。 Listとは Listインスタンスの生成 リテラルを代入 List.empty() List.filled(要素数, 要素の値) List.from(他のIterable型データ) List.generate(要素数, 要素を生成するコールバック関数(引数: index)) L…

【Flutter / Dart】乱数の作成方法まとめ

Dartで乱数を作成する方法を説明する。 必要なライブラリ パターン別乱数生成方法 整数( 例. 0から100の間の整数 ) 少数 ( 例. 0.0から0.999...の間の少数 ) 自然数 ( 例. 1から100の間の整数 ) 任意の範囲の整数 ( 例. 50から60の間の整数 ) 任意の範囲の少…

【Flutter】BottomNavigationBarでページを切り替える機能を実装する

アプリを開発していると、画像のようにページ下部に画面遷移用のナビゲーションバーを実装したい時がある。 例 zozotown Flutterではこのような機能を、ScaffoldウィジェットのBottomNavigationBarを利用することで簡単に実装できる。 本エントリではBottomN…