Flutterラボ

FlutterとNuxtに関する知識を発信しています! 動画で学べる学習サイト『Flu…

Flutterラボ

FlutterとNuxtに関する知識を発信しています! 動画で学べる学習サイト『Flutterラボ』と『Nuxtラボ』を運営 Flutterラボ:https://flutterlabo.tech/ 広告のECサイトを開発(https://ec-ad.tech/

マガジン

  • Flutterラボ ニュース

  • Flutter Daily

    Flutterに関する記事を日々更新しています

  • 勤勉エンジニアの怠惰ブログ

    現役エンジニアがITについての情報を共有していくマガジンです。

  • Git入門【プログラミング初心者】

    Git初心者にもわかるGit解説マガジン

  • Nuxt Life

    Nuxtに関する知識を共有していきます。

記事一覧

動画投稿の頻度変更に関するお知らせ

Flutterラボでは、毎週土曜日に10分程度の短い学習動画を投稿しておりましたが、皆様の学習の手助けになるクオリティの高い動画を目指すため、2024年5月より、月に1度長編…

Flutterラボ
12日前

新しいコース「【ソーシャルログイン】X(旧Twitter)ログインを実装する」を追加

新しいコース「【ソーシャルログイン】X(旧Twitter)ログインを実装する」を追加しました。 こちらのコースではFirebaseAuthを使用したソーシャルログインの実装方法を解説…

Flutterラボ
2週間前

新しいコース「【SpeedDial】リッチなFloatingActionButtonを作成する」を追加

新しいコース「【SpeedDial】リッチなFloatingActionButtonを作成する」を追加しました。 こちらのコースでは操作性が高く、見た目が派手なFloatingActionButtonの実装方…

Flutterラボ
3週間前

【Flutter】UI開発でよく使うWidget50選のソースコードを公開しました。

すべてのWidget紹介レクチャーのソースコードをダウンロード可能です。 *ダウンロードは有料会員のみ可能です。

Flutterラボ
4週間前

動画コース「Flutter × AWSでカレンダーアプリを開発する」でソースコードを公開しました【Flutter】

Flutter × AWSでカレンダーアプリを開発する*動画のダウンロードはサブスク会員限定です。

Flutterラボ
1か月前

新しいコース「パッケージを自作する」を追加

新しいコース「パッケージを自作する」を追加しました。 普段使っているようなパッケージを自作して公開する方法を紹介しました! ぜひこの機会に学習していきましょう。

Flutterラボ
1か月前

3つの動画コースでソースコードを公開しました【Flutter】

Flutterラボの人気動画の上位3つを選定してソースコードを共有いたします。動画詳細ページの下部にソースコードというボタンがあるのでそれをタップするとダウンロード可能…

Flutterラボ
1か月前

Math Libraryで取得可能な定数一覧【Dart】

DartのMathライブラリで取得可能な定数の紹介をします。 ファイル内でimport 'dart:math';とmathライブラリを宣言しておけば以下の定数を使用可能です import 'dart:math'…

Flutterラボ
1か月前
3

Dartで学校のクラス替えプログラムを作ってみた【Dart】

春の季節ということで学校ではクラス替えが行われます。皆さんはクラス替えがどのように行われているのか疑問に思ったことはありませんか?実際には教員の会議などにより生…

Flutterラボ
1か月前
1

ゲームのレーティングシステムをDartで再現してみた【Dart】

今回はゲームなどで採用されているレーティングシステムをDartで簡潔に再現してみたので紹介します。これからオリジナルアプリやゲームでレーティング又はランキングシステ…

Flutterラボ
1か月前
3

Dartで学校の教科別ランキングを作成してみた【Dart】

Dartを使用して教科別ランキングを作成してみました。 Studentクラス今回は国語、理科、社会の点数を入力して各教科別のランキングをprintしていきます。 class Student …

Flutterラボ
1か月前
1

プログラミング学習で論理的思考力を身に着ける ~社会で役立つスキル~

始めに最新の調査によれば、プログラミング能力を持つ人材はますます需要が高まっており、その理由は『プログラミングができる人は論理的思考力が高い』と認識されているか…

Flutterラボ
1か月前
13

~Classの応用知識~ 名前付きコンストラクターの使用方法 Dart基礎【Dart】

宣言方法例として四つの辺を持つ図形を表すClassを宣言しました。 名前付きコンストラクターでallとonlyを作成し、宣言しました。allは一つの引数からすべての辺の長さを…

Flutterラボ
1か月前
1

~Typedefsとは~ 複雑な型宣言を効率化してまとめておく【Dart】

List<int>やList<Map>のように頻繁に使用する場合がありますが、あらかじめオリジナルの型として宣言しておくと便利になると思います。今回はその一つの方法としてTypedefs…

Flutterラボ
1か月前
1

新しいコース「オーディオを録音する」を追加

新しいコース「オーディオを録音する」を追加しました。 こちらのコースでは、アプリ内からオーディオを録音する方法を解説しています。また、その録音した音声を再生する…

Flutterラボ
1か月前
1

~Recordsタイプとは~Flutter ver3.0から使用可能なRecordsに関して解説【Dart】

今回はFlutterバージョン3から実装されたRecordsタイプについて説明します。RecordsタイプはListやMapクラスとは異なりObjectに近いようなタイプだと思います。 宣言方法…

Flutterラボ
1か月前
2

動画投稿の頻度変更に関するお知らせ

Flutterラボでは、毎週土曜日に10分程度の短い学習動画を投稿しておりましたが、皆様の学習の手助けになるクオリティの高い動画を目指すため、2024年5月より、月に1度長編の動画を投稿していくことになりました。
短い動画につきましては、会員様よりご要望があった内容を不定期で配信いたします。

新しいコース「【ソーシャルログイン】X(旧Twitter)ログインを実装する」を追加

新しいコース「【ソーシャルログイン】X(旧Twitter)ログインを実装する」を追加

新しいコース「【ソーシャルログイン】X(旧Twitter)ログインを実装する」を追加しました。

こちらのコースではFirebaseAuthを使用したソーシャルログインの実装方法を解説しています。今回はX(旧Twitter)を使用したログイン方法を解説していきます。
ぜひこの機会に学習していきましょう。

視聴はこちら

新しいコース「【SpeedDial】リッチなFloatingActionButtonを作成する」を追加

新しいコース「【SpeedDial】リッチなFloatingActionButtonを作成する」を追加

新しいコース「【SpeedDial】リッチなFloatingActionButtonを作成する」を追加しました。

こちらのコースでは操作性が高く、見た目が派手なFloatingActionButtonの実装方法を解説しています。
Googleカレンダーで使用されているようなタップすると複数のFloatingActionButtonが出現するUIを実装します。

ぜひこの機会に学習していきましょう

もっとみる
【Flutter】UI開発でよく使うWidget50選のソースコードを公開しました。

【Flutter】UI開発でよく使うWidget50選のソースコードを公開しました。

すべてのWidget紹介レクチャーのソースコードをダウンロード可能です。
*ダウンロードは有料会員のみ可能です。

新しいコース「パッケージを自作する」を追加

新しいコース「パッケージを自作する」を追加

新しいコース「パッケージを自作する」を追加しました。

普段使っているようなパッケージを自作して公開する方法を紹介しました!
ぜひこの機会に学習していきましょう。

3つの動画コースでソースコードを公開しました【Flutter】

3つの動画コースでソースコードを公開しました【Flutter】

Flutterラボの人気動画の上位3つを選定してソースコードを共有いたします。動画詳細ページの下部にソースコードというボタンがあるのでそれをタップするとダウンロード可能です。

*ダウンロードはプレミアム会員のみ可能となっております。

3日でできるFlutterアプリ開発入門

Flutter × Firebaseでチャットアプリを作成する【データベース】【画像保存】

Flutter×Fire

もっとみる
Math Libraryで取得可能な定数一覧【Dart】

Math Libraryで取得可能な定数一覧【Dart】

DartのMathライブラリで取得可能な定数の紹介をします。
ファイル内でimport 'dart:math';とmathライブラリを宣言しておけば以下の定数を使用可能です

import 'dart:math';

定数一覧e → 自然対数の底。
ln10 → 10の自然対数。
ln2 → 2の自然対数。
log10e → eの底10対数。
log2e → eの底2対数。
pi → 円周率。
s

もっとみる
Dartで学校のクラス替えプログラムを作ってみた【Dart】

Dartで学校のクラス替えプログラムを作ってみた【Dart】

春の季節ということで学校ではクラス替えが行われます。皆さんはクラス替えがどのように行われているのか疑問に思ったことはありませんか?実際には教員の会議などにより生徒がどのクラスに割り当てられるかが決められているそうです。今回はDartを使用してクラス替え用のプログラムを組んでみようと思います。

Studentクラスの作成class Student { final String name; fi

もっとみる
ゲームのレーティングシステムをDartで再現してみた【Dart】

ゲームのレーティングシステムをDartで再現してみた【Dart】

今回はゲームなどで採用されているレーティングシステムをDartで簡潔に再現してみたので紹介します。これからオリジナルアプリやゲームでレーティング又はランキングシステムを開発しようとしている方やシステムに興味のある方の役に立てば幸いです。

レーティングシステムとはレーティングとは競技や試合の参加者の実力を数値化するためのシステムで、チェスなどで使われるシステムです。最近ではテレビゲームのスプラトゥ

もっとみる
Dartで学校の教科別ランキングを作成してみた【Dart】

Dartで学校の教科別ランキングを作成してみた【Dart】

Dartを使用して教科別ランキングを作成してみました。

Studentクラス今回は国語、理科、社会の点数を入力して各教科別のランキングをprintしていきます。

class Student { final String name; final int japaneseScore; final int mathScore; final int scienceScore; Student

もっとみる
プログラミング学習で論理的思考力を身に着ける ~社会で役立つスキル~

プログラミング学習で論理的思考力を身に着ける ~社会で役立つスキル~

始めに最新の調査によれば、プログラミング能力を持つ人材はますます需要が高まっており、その理由は『プログラミングができる人は論理的思考力が高い』と認識されているからです。

プログラムを組むプロセスでは問題解決力や、正確な思考力を必要としそれら無しでは、プログラムとして成り立たないどころかサービスに重大なエラーを引き起こす可能性があります。プログラミングは機械を動かすために正確かつ緻密な論理的思考力

もっとみる
~Classの応用知識~ 名前付きコンストラクターの使用方法 Dart基礎【Dart】

~Classの応用知識~ 名前付きコンストラクターの使用方法 Dart基礎【Dart】

宣言方法例として四つの辺を持つ図形を表すClassを宣言しました。

名前付きコンストラクターでallとonlyを作成し、宣言しました。allは一つの引数からすべての辺の長さを設定する仕様でonlyは4つの引数で各辺の長さを設定できる仕様にしました。

class Rectangle { double? left; double? top; double? right; double? b

もっとみる
~Typedefsとは~ 複雑な型宣言を効率化してまとめておく【Dart】

~Typedefsとは~ 複雑な型宣言を効率化してまとめておく【Dart】

List<int>やList<Map>のように頻繁に使用する場合がありますが、あらかじめオリジナルの型として宣言しておくと便利になると思います。今回はその一つの方法としてTypedefsを解説します。

宣言方法typedef IntList = List<int>;

参照方法 IntList il = [1, 2, 3]; print(il); print(il.runtimeType)

もっとみる
新しいコース「オーディオを録音する」を追加

新しいコース「オーディオを録音する」を追加

新しいコース「オーディオを録音する」を追加しました。

こちらのコースでは、アプリ内からオーディオを録音する方法を解説しています。また、その録音した音声を再生する方法も解説しています。
録音した音声をメッセージとして送信したい場合などに活用できる技術となっています。

ぜひこの機会に学習していきましょう。

視聴はこちら

~Recordsタイプとは~Flutter ver3.0から使用可能なRecordsに関して解説【Dart】

~Recordsタイプとは~Flutter ver3.0から使用可能なRecordsに関して解説【Dart】

今回はFlutterバージョン3から実装されたRecordsタイプについて説明します。RecordsタイプはListやMapクラスとは異なりObjectに近いようなタイプだと思います。

宣言方法宣言方法としては、Listのような形でデータを挿入できますが、型が決まっているわけではなく、以下のようにStringとMapの一項目を混合させて挿入することが可能なようです。

var record =

もっとみる