Skip to content

Posts

Amazon IVS+Amplify

IVSのサンプルアプリ(React製)をAmplifyにデプロイしてみた。 npm run buildしたbuildディレクトリを丸ごとアップロードで。 jsとcssがHTTPコード301でファイル名の最後に/をつけたアドレスにリダイレクトされてエラーになっていたので、書き換えないようリダイレクト設定をしたら動いた Read more

Amazon IVSのエラー

IVSのチャットルームがエラーで作れない件、試しにもう一つアカウント作ってみたけれど、同じ現象だった。 2年前に作ったアカウントと何が違うのだろう。。

Amazon IVSのサンプル

相変わらずエラーでIVSのチャットルームが作れない Your account is pending verification. Until the verification process is complete, you may not be able to carry out requests with this account. If you have questions, contact AWS Support. 仕方ないので、作れる方のアカウントで動作確認を進めることにした。 前に試したのと同じように、ap-northeast-1 でS3バケット作ってsam deployして、IVSチャットルームはus- Read more

Image Cropper

hnvn/flutter_image_cropper: A Flutter plugin for Android and iOS supports cropping imagesを使うときにエラーが出ていた件、解決。 Flutter Webで使うときはweb/index.htmlにcssとjsを追加するようにREADMEに書かれていた。 ドキュメントはちゃんと読まないと、かえって時間を浪費してしまう例だ。 ただ、スマホのブラウザで表示したときにはみ出してしまうの Read more

FlutterでCORS

crop使うために、–web-rendererをcanvaskitにしたら、Firebase Storageの画像を表示できなくなってしまった。 Displaying images on the web | Flutterにも書かれていて、いくつか回避策が提示されていた。 Firebase Hostingはfirebase.jsonで設定できるらしいが、今回 Read more

Amazon IVSのサンプルを試してみた

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

Flutterの状態管理

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

Flutter Webのフォント問題

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

Image Cropper

アップロードする画像を正方形にしたかったので、加工用のパッケージを入れてみた。 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