aws-samples/amazon-ivs-chat-web-demo: A demo web application that shows how to implement a basic video + chat application using the AWS serverless application model (SAM) and Javascript (React). これを試すにあたり、作ったものをまるごと削除できるようにAWS Organizationsで専用アカウント作成した。 ついでにAWS Single Sign-Onも設定してログインを集中管理できるようにした。 CloudShellで作業する。 $ git clone https://github.com/aws-samples/amazon-ivs-chat-web-demo.git $ cd amazon-ivs-chat-web-demo/serverless/dependencies/nodejs $ npm install $ cd ../../ Read more

画像の選択前後で表示だし分けしたい件、Prvider使って実装してたけど、setStateで良いことに気づいた。 だいぶFlutterのことがわかってきた気がする。 （cropはまだできていない）

Flutter Webでブラウザ表示したときに、漢字が中国風になってしまう件。 --web-renderer htmlで動かせば回避できていたのだけれど、cropを試すのに--web-renderer canvaskitにしたら再発した。 Flutter Webでのフォント問題を解決するを参考にsawarabiGothicにして解決。

go-oci8を使ったイメージの、oraclelinux8をベースイメージにしたやつが1.25GBにもなったので、もっと小さくならないか試してみた。 golang:1-bullseyeをベースにした場合、rpmが使えないのでOracleInstantClient関連のzipを展開する方法でやって、1. Read more

アップロードする画像を正方形にしたかったので、加工用のパッケージを入れてみた。 hnvn/flutter_image_cropper: A Flutter plugin for Android and iOS supports cropping images これがFlutter Webだとどうもうまく動かない。 croppie_dart.dart:129 Uncaught (in promise) TypeError: dart.global.Croppie is not a constructor at new croppie_dart._Croppie.new (croppie_dart.dart:129:50) at Croppie.new (croppie_dart.dart:68:12) at cropImage (image_cropper_for_web.dart:120:21) at cropImage.next (<anonymous>) at runBody (async_patch.dart:84:54) at Object._async [as async] (async_patch.dart:123:5) at image_cropper_for_web.ImageCropperPlugin.new.cropImage (image_cropper_for_web.dart:74:33) at cropper.ImageCropper.new.cropImage (cropper.dart:86:21) at NewPostPage.dart:206:52 Flutter、まだわからないことが多い。。 次は、Top Flutter Image Cropping, Image Cropper packages | Read more

昨日の2度呼ばれて2度目の内容が反映されない件。 結局よくわからなかったので、反映されない部品（WebViewX）だけ古い実装に戻すことにより回避した。 Firestore倍の回数呼び出すことになりそうだけど、仕方ない。

Firestoreから取得したデータを、Wighetの構築に受け渡しするのに引数並べるの大変になってきたので、 modelクラスの導入をしてみた。 参考： 【Flutter & FireStore】Modelを作成して、データの一覧を取得 する 【Flutter & FireStore】Modelを作成して、データの Read more

Flutterでのレイアウトの組み合わせ方を学ぼう～実際の画面例を使用 (1/2)：CodeZine（コードジン）を参考に実装し始めたら、サンプルコードがわかりにくいのに気づいた。 lib/list/CouponListView.dartの抜粋など抜粋と明示されているものの、全体がないので部分をどう組み Read more

Drawerが表示できるようになったが、onTapが反応しない。 Flutter webだからかと思ったけど、Add a Drawer to a screen | Flutterのサンプルは動いているので、他の原因っぽい。 ログアウト機能しか使う予定なかったし、ドロワー以外の方法でも良いか。。

Flutterで始めるモバイルアプリ開発連載一覧：CodeZine（コードジン）の第8回以降を読んだ。 サンプルがわりと分かりやすくて良いと思った。 ChoiceChip と Drawer を取り入れてみた。