![LicenseRegistry class
LicenseRegistry.addLicense(() async* {
f
inal license = await rootBundle.loadString('fonts/OFL.txt');
yield LicenseEntryWithLineBreaks(
['Noto Sans JP'],
license,
);
});
showAboutDialog(
context: context,
applicationName: name,
applicationVersion: version,
applicationLegalese: description,
);](https://image.slidesharecdn.com/flutter2-211026164845/85/Flutter2-24-320.jpg)
Flutter2
- 1. Flutter2 でweb appを作る Jun 24 2021 asuka y
- 3. Flutterとは
- 7. Flutter Flutterは、Googleによって開発 されたフリーかつオープンソース のUIのSDKである。単一のコード ベースから、Android、iOS、 Linux、macOS、Windows、 Google Fuchsia向けのクロスプ ラットフォームアプリケーション を開発するために利用される。 by Wikipedia ハードウェア OS Flutter エンジン Flutter App (Dart)
- 9. Dart コンパイル言語でもあり，スクリプト言語でもある 1. JITコンパイル(PHPなど) 2. AOTコンパイル (Javaなど) 3. ネイティブコンパイル (Cなど)
- 12. Dart2.11 → 2.12 2.12は実質Dart3 Sound Null Safetyの実装により，純粋な後方互換が 失われた // Dart2.11 void main() { String foo; } // Dart2.12 void main() { String foo; // コンパイルエラー } // Dart2.12 void main() { String? foo; }
- 13. Dart2.11 → 2.12 2.12は実質Dart3 Sound Null Safetyの実装により，純粋な後方互換が 失われた // Dart2.11 void main() { String foo; } // Dart2.12 void main() { String foo; // コンパイルエラー } // Dart2.12 void main() { String? foo; }
- 15. Flutter2で変わったこと • Linux, Windows, macOS, webのサポートが安定版に組み 込まれた
- 16. Flutter2で変わったこと • Linux, Windows, macOS, webのサポートが安定版に組み 込まれた
- 17. Flutter2で変わったこと • Linux, Windows, macOS, webのサポートが安定版に組み 込まれた $ f lutter run -d chrome --web-renderer canvaskit
- 18. Web開発
- 19. Web開発 • JSがDOMツリーを更新 • DOMツリーの内容をブ ラウザが表示 ブラウザ DOMツリー … <body> <h1>Hello, World</h1> … … JS
- 20. Flutter • DOMツリーを更新しな い • 独自のレンダリングエ ンジンで描画 for WEB ブラウザ レンダリングエンジン(canvaskit) JS
- 24. LicenseRegistry class LicenseRegistry.addLicense(() async* { f inal license = await rootBundle.loadString('fonts/OFL.txt'); yield LicenseEntryWithLineBreaks( ['Noto Sans JP'], license, ); }); showAboutDialog( context: context, applicationName: name, applicationVersion: version, applicationLegalese: description, );
- 25. for Web使ってみて • Hot reloadが効かず，全てHot restartになる • 基本UIは充実しているが，画像系のライブラリなどはWebに対応し ていないものが多い(無ければ作ろう) • Chromeのデバッグ環境は少々重たく感じる(気のせいかも) • Canvaskit環境では日本語などはまずTofuになる(回避策はあるが絵 文字がまだ課題)
- 26. まとめ
- 27. まとめ • Webページを作りたい場合の選択肢としては弱いかも? • (Webページではなく)Webアプリを作りたい場合の選択肢 にはなり得る? • アプリのクロスプラットフォーム対応(ついでにWebも対 応したい)場合の選択肢にはなり得る