【まとめ】Flutterでログ出力してデバッグする方法 | Dart【2021】

日刊ハイテク情報誌の マガジンOFFです! 毎日IT系のニュースを 配信しています！

【2021年】Flutterが学べる初心者向け入門本6選 Flutterおすすめ書籍を現役エンジ...

https://off.tokyo/blog/flutter-osusume-2021-book

【2021年】Flutterが学べる初心者向け入門本5選 Flutterおすすめ書籍を現役エンジニアが紹介こんにちわ、りょすけです。 私はこれまで、いくつかの開発でモバイルアプリの開発に取り組んできました。 SwiftやReactNativeを使った開発なのですが、それぞれ利点と欠点があるわけですが、 結局ネイティブアプリの開発は、ビルドやリリースなどの手間暇がかかったり、 ネイティブの元祖の言語を使うならば複数の言語で同じアプリを作らなきゃいけなかったりして大変なんです。 でも、最近私は自分のモバイルアプ...

プログラミング言語Dart (アスキー書籍)

現場で使える　Flutter開発入門 (Compass Booksシリーズ)

Flutterでログ出力してデバッグする方法

今回の記事では、Flutterのログ出力に関して解説していきます。

Web開発でも、スマホアプリ開発でも、ログ出力をしてデバッグするのは大切です。

正しい値が入っているか確認したり、バグの原因を突き止める為に重要なのです。

この記事を読むことで、Flutterのログ出力を覚えることができます。

是非、あなたのFlutter開発で使ってみてください。

Flutterのログ出力の種類

Flutterのログ出力を軽くまとめました。ログの書き方忘れた時は参考にしてみてね。https://t.co/ZvCl3eNMgN#プログラミング #プログラミング学習 #プログラミング初心者と繋がりたい #プログラミング初学者 #プログラミングスクール #Dart #Flutter #プログラミング独学 #エンジニア

— りょすけ@プログラマー (@ryosuke_1997) September 4, 2021

まず、Flutterのログ出力の方法はいくつかあります。

例えば、アプリケーションのロギングには、一般的にはprint()やstderステートメントを使用できますが、

他にも下記のように、色々と手段はあります。

• print()
• debugPrint();
• log();
• stderr.writeln()
• developer.log

どれを使っても、アプリケーションの動きをデバッグするには十分でしょう。

しかし誤差はあるため、好みや細かいオプションを吟味して使えばいいです。

print()

dart.dev

 

5 Users

206 Pockets

Language samples

https://dart.dev/samples

Examples of idiomatic Dart with links to larger examples.

Dartのprint()関数は最も簡易的な組み込みログです。基本的にはadb logcatのラッパー）

void main() { print('Hello, World!'); }

stderr.writeln(

flutter.dev

 

20 Pockets

Debugging Flutter apps programmatically

https://flutter.dev/docs/testing/code-debugging

How to enable various debugging tools from your code and at the command line.

こちらも、Dartの基本的なな組み込みログです。

void main() { stderr.writeln('print me'); }

debugPrint()

実はPrint()関数は、一度に多くの情報を出力すると、Androidでは一部のログ行が破棄されることがあります。

これを避けるには、debugPrint()を使います。これはprintのラッパーで、Androidのカーネルに落とされないレベルに出力を調整してくれます。

debugPrint()であれば、それらを避けられるようです。

import 'package:flutter/foundation.dart';

debugPrint('movieTitle: $movieTitle');

developer.log

他にも、こういうのがあります。dart:developer log()関数を使用すると、ロギング出力にもう少し詳細な情報を含めることができます。

import 'dart:developer' as developer;

void main() {
developer.log('log me', name: 'my.app.category');

developer.log('log me 1', name: 'my.other.category');
developer.log('log me 2', name: 'my.other.category');
}

データをログすることも可能です

これは、アプリケーションデータをログコールに渡すこともできたりします。

そのためには、log() の呼び出しで error: という名前のパラメータを使用し、

送信したいオブジェクトを JSON エンコードして、エンコードされた文字列を error パラメータに渡すことになります。

import 'dart:convert';
import 'dart:developer' as developer;

void main() {
var myCustomObject = ...;

developer.log(
'log me',
name: 'my.app.category',
error: jsonEncode(myCustomObject),
);
}

log()

他にも、こういうのがあったり、

import 'dart:developer';

log('data: $data');

Logger()

こういうのもあります。

Dart packages

 

20 Pockets

logger | Dart Package

https://pub.dev/packages/logger

Small, easy to use and extensible logger which prints beautiful logs.

var logger = Logger();

logger.d("Logger is working!");

参考にした本、記事

Stack Overflow

 

1 Pocket

How to log data to the Flutter console?

https://stackoverflow.com/questions/49940719/how-to-log-data-to-the-flutter-console

I am a beginner and using IntelliJ IDEA, and I wanted to log data to the console?I tried print() and printDebug(), but none of my data were showing in the Flutter console.

flutter.dev

 

20 Pockets

Debugging Flutter apps programmatically

https://flutter.dev/docs/testing/code-debugging

How to enable various debugging tools from your code and at the command line.

日刊ハイテク情報誌の マガジンOFFです! 毎日IT系のニュースを 配信しています！

【2021年】Flutterが学べる初心者向け入門本6選 Flutterおすすめ書籍を現役エンジ...

https://off.tokyo/blog/flutter-osusume-2021-book

【2021年】Flutterが学べる初心者向け入門本5選 Flutterおすすめ書籍を現役エンジニアが紹介こんにちわ、りょすけです。 私はこれまで、いくつかの開発でモバイルアプリの開発に取り組んできました。 SwiftやReactNativeを使った開発なのですが、それぞれ利点と欠点があるわけですが、 結局ネイティブアプリの開発は、ビルドやリリースなどの手間暇がかかったり、 ネイティブの元祖の言語を使うならば複数の言語で同じアプリを作らなきゃいけなかったりして大変なんです。 でも、最近私は自分のモバイルアプ...

プログラミング言語Dart (アスキー書籍)

現場で使える　Flutter開発入門 (Compass Booksシリーズ)