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に関する知識を共有していきます。

最近の記事

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

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

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

      新しいコース「【SpeedDial】リッチなFloatingActionButtonを作成する」を追加しました。 こちらのコースでは操作性が高く、見た目が派手なFloatingActionButtonの実装方法を解説しています。 Googleカレンダーで使用されているようなタップすると複数のFloatingActionButtonが出現するUIを実装します。 ぜひこの機会に学習していきましょう。 視聴はこちら

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

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

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

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

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

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

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

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

        マガジン

        • Flutterラボ ニュース
          69本
        • 勤勉エンジニアの怠惰ブログ
          157本
        • Flutter Daily
          222本
        • Git入門【プログラミング初心者】
          7本
        • Nuxt Life
          7本
        • Flutter 有料記事
          12本

        記事

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

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

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

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

          Flutterラボの人気動画の上位3つを選定してソースコードを共有いたします。動画詳細ページの下部にソースコードというボタンがあるのでそれをタップするとダウンロード可能です。 *ダウンロードはプレミアム会員のみ可能となっております。 3日でできるFlutterアプリ開発入門 Flutter × Firebaseでチャットアプリを作成する【データベース】【画像保存】 Flutter×Firebaseでモバイルアプリを開発する 他にも様々な動画コースのソースコードをご用

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

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

          DartのMathライブラリで取得可能な定数の紹介をします。 ファイル内でimport 'dart:math';とmathライブラリを宣言しておけば以下の定数を使用可能です import 'dart:math'; 定数一覧e → 自然対数の底。 ln10 → 10の自然対数。 ln2 → 2の自然対数。 log10e → eの底10対数。 log2e → eの底2対数。 pi → 円周率。 sqrt1_2 → 1/2の平方根。 sqrt2 → 2の平方根。 void m

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

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

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

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

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

          今回はゲームなどで採用されているレーティングシステムをDartで簡潔に再現してみたので紹介します。これからオリジナルアプリやゲームでレーティング又はランキングシステムを開発しようとしている方やシステムに興味のある方の役に立てば幸いです。 レーティングシステムとはレーティングとは競技や試合の参加者の実力を数値化するためのシステムで、チェスなどで使われるシステムです。最近ではテレビゲームのスプラトゥーンやほかのAPEX LegendsやCall Of DutyなどのPCゲームな

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

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

          Dartを使用して教科別ランキングを作成してみました。 Studentクラス今回は国語、理科、社会の点数を入力して各教科別のランキングをprintしていきます。 class Student { final String name; final int japaneseScore; final int mathScore; final int scienceScore; Student(this.name, this.japaneseScore, this.mat

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

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

          始めに最新の調査によれば、プログラミング能力を持つ人材はますます需要が高まっており、その理由は『プログラミングができる人は論理的思考力が高い』と認識されているからです。 プログラムを組むプロセスでは問題解決力や、正確な思考力を必要としそれら無しでは、プログラムとして成り立たないどころかサービスに重大なエラーを引き起こす可能性があります。プログラミングは機械を動かすために正確かつ緻密な論理的思考力を必要とし、これから社会に出る学生は是非身に着けておきたいスキルの一つだと思いま

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

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

          宣言方法例として四つの辺を持つ図形を表すClassを宣言しました。 名前付きコンストラクターでallとonlyを作成し、宣言しました。allは一つの引数からすべての辺の長さを設定する仕様でonlyは4つの引数で各辺の長さを設定できる仕様にしました。 class Rectangle { double? left; double? top; double? right; double? bottom; Rectangle.all(double value)

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

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

          List<int>やList<Map>のように頻繁に使用する場合がありますが、あらかじめオリジナルの型として宣言しておくと便利になると思います。今回はその一つの方法としてTypedefsを解説します。 宣言方法typedef IntList = List<int>; 参照方法 IntList il = [1, 2, 3]; print(il); print(il.runtimeType); printした結果 他のデータ型でも試してみるtypedef MapLi

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

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

          新しいコース「オーディオを録音する」を追加しました。 こちらのコースでは、アプリ内からオーディオを録音する方法を解説しています。また、その録音した音声を再生する方法も解説しています。 録音した音声をメッセージとして送信したい場合などに活用できる技術となっています。 ぜひこの機会に学習していきましょう。 視聴はこちら

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

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

          今回はFlutterバージョン3から実装されたRecordsタイプについて説明します。RecordsタイプはListやMapクラスとは異なりObjectに近いようなタイプだと思います。 宣言方法宣言方法としては、Listのような形でデータを挿入できますが、型が決まっているわけではなく、以下のようにStringとMapの一項目を混合させて挿入することが可能なようです。 var record = ('first', a: 2, b: true, 'last'); 参照方法ポ

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

          ~@deprecatedってなに?~DartのMetadataについて解説 is deprecated and shouldn't be used

          is deprecated and shouldn't be used下のような警告文を見たことがありませんか? 〇〇 is deprecated and shouldn't be used. use ×× instead 宣言元のメソッドでdeprecated(廃止された)メソッドを参照していると上のようなエラーが発生します。バージョンが上がったときなどによく遭遇するエラーだと思います。基本的には警告文の「use ×× instead」の××の部分のメソッド名が正しいも

          ~@deprecatedってなに?~DartのMetadataについて解説 is deprecated and shouldn't be used