くらげになりたい。

くらげのようにふわふわ生きたい日曜プログラマなブログ。趣味の備忘録です。

Flutterのfreezedパッケージでimmutableなオブジェクトを楽に扱う

Flutterのfreezedパッケージを調べたときの備忘録。 freezedとは Dartでデータクラスのような機能を提供するパッケージ。 コンストラクタだけのシンプルなモデル定義 オブジェクトをクローンできるcopyWithメソッド union-types/pattern matching 自動的なse…

FlutterでQRコードを表示する(qr_flutter)

FlutterでQRコードを表示したいなと思ったときに、 いろいろ調べたときの備忘録。 qr_flutterというライブラリを使えばOK。 ・qr_flutter | Flutter Package インストール $ flutter pub add qr_flutter $ flutter pub get 使い方 使い方はシンプルでこんな…

Flutterで画面の向きを固定する

小ネタ。画面の向きを固定したいときは、 SystemChrome.setPreferredOrientations()を使えばOK。 import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; Future<void> main() async { // Flutter Engineの機能を使うので有効化 Widget</void>…

Vue/TypeScriptでGoogle API Client Library for JavaScriptをつかう

Nuxtで開発しているWebサービスで、 Google API Client Library for JavaScriptを使いたいなと思ったら、 意外とハマったので、その時の備忘録。 Google API ClientのNode.js版(googleapis)は、 npmでインストールできるけど、 ブラウザ版はCDNなので、いろ…

FlutterのAppBarをカスタマイズする

背景色を変える AppBarのbackgroundColorで指定。 class MyAppBar extends StatelessWidget implements PreferredSizeWidget { const MyAppBar({Key? key}) : super(key: key); @override Size get preferredSize => const Size.fromHeight(kToolbarHeight);…

Flutterでキーボードを表示時にオーバーフローするときの対処法

Flutterでキーボードを表示したときに、 BOTTOM OVERFLOWED BY 11 PIXELS と黒と黄色の背景で警告された。。 Scaffoldをつかっているとき、キーボードを表示すると、 自動的に高さを調整してくれるらしい。 ・resizeToAvoidBottomInset property - Scaffold …

FlutterのUI分割は、個別のWidgetクラスでするといいらしい

Flutterではbuild()のネストが深くなり、見づらくなる。 Widgetをどうやって分割するのがいいのか調べていたときの備忘録。 @_monoさんのツイートにあるとおり、 Widgetクラスを使うのが良さそう。 Widget分割をWidgetクラス・メソッドのどちらでするかの回…

Flutterを再開するときにやったこと。その3(go_routerを使ってみる)

ルーティングライブラリをどうしようかと思ってたら、 go_routerがよさそうなので、試してみたときの備忘録。 Flutter Favoriteにもなっていて、 公式ドキュメントの日本語版もあるよう。 @_monoさんが作られているサンプルもあるのでよい感じ。 インストー…

Flutterを再開するときにやったこと。その2(登場人物とRiverpodを思い出す)

Flutter再開しようと思ったときにやったことのメモ。作業ログ的な備忘録。 インストールまでは終わったので、いろいろ思い出す。 とりあえず、過去に書いた記事を読み直す Flutterのタグをつけていた記事を見直す。 Flutter カテゴリーの記事一覧 - くらげに…

Flutterを再開するときにやったこと(再インストール)

Flutter再開しようと思ったときにやったことのメモ。 作業ログ的な備忘録。 再インストール ・macOS install | Flutter 1.9系から2.1系になってたので、再インストール 最新版をDownload zipを解凍 $ cd ~/.flutter_sdk $ unzip ~/Downloads/flutter_macos_2…