Vue公式のやり方で、TypeScriptに対応した後Vuetifyを追加するとエラーが出て長時間詰まったので別のやり方を試すことに。。 手順 vue create my-sample-projでプロジェクトを作成する(この際にTypeScript, Unit Testingを有効にしておく) vue add vuetifyで…

flutter_inappwebview | Flutter Package webview_flutterではスクロールイベントを取得できないので、flutter_inappwebviewを使う。(onScrollChangedプロパティ) mobile - How to hide BottomNavigationBar when scrolling - Flutter - Stack Overflow Anim…

Full-screen dialogとは？ 通常はNavigator.pushを行うと右側から左側（←方向）に次のWidgetが入り込んでくるが、MaterialPageRouteのfullscreenDialogを使うと下側から上側（↑方向）に向かって次のWidgetが入り込んでくるようにできる。 See the Pen by pop…

以前使用した Lambda統合プロキシ を使うと、レスポンスが決まった形式になる。それのstatusCodeに返却したいステータスコードを設定すればOK。 # Pythonの場合 { "isBase64Encoded" : "boolean", # <= True or False "statusCode": "number", # <= 200, 400…

ButtonなどはonPressedやonTapをnullにすれば非活性化するが、複数の要素へのユーザー操作を無効にしたい場合はAbsorbPointerやIgnorePointerが便利。 AbsorbPointer class - widgets library - Dart API IgnorePointer class - widgets library - Dart API …

やりたいこと https://www.exmaple.com/users/tanaka?firstname=taro,https://www.exmaple.com/users/suzuki?firstname=taro みたいなURLからtanaka(or suzuki)とfirstname=taroを取り出したい。 方法 パスパラメータ https://www.exmaple.com/users/tanaka?…

flutter_styled_toast ? 上からひょこっと出てくる通知領域的な何かを実装するためのパッケージ。 pub.dev やり方 showToastWidgetで指定するWidgetをCardWidgetにして、elevationを0より大きい値にする。shapeにRoundedRectangleBorderを指定することで角を…

-d @ファイル名を指定する。@(アットマーク)をつけ忘れて30分くらいハマったので注意。 curl -d @test.json -H "Content-Type: application/json" https://example.com

デモ See the Pen flutter_estimate_brightness by popy1017 (@popy1017) on CodePen. 手順 1. 背景色が明色か暗色かを判定する ThemeData.estimateBrightnessForColor(backgroundColor);を使う。 final Brightness brightness = ThemeData.estimateBrightne…

SnackBar.shapeにRoundedRectangleBorderを指定する。 SnackBar( content: ~~~ shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(40.0), ), ~~ ); See the Pen flutter_snackbar_sample by popy1017 (@popy1017) on CodePen.

以下の方法でできる。便利。 qiita.com

Flutter2からボタンの色は、MaterialAppのTheme.primarySwatchに引っ張られるようになった。 デザインの統一性を持たせるためには便利になったが、ボタン単体で色(primaryColor)を変えるには、以下のようにする。 TextButton( onPressed: (){}, child: Text(…

httpリクエストを送る GET import urllib.request url = 'https://www.google.com/' req = urllib.request.Request(url) # urlopenの実行結果を res に格納してインデントの中身を実行 with urllib.request.urlopen(req) as res: body = res.read() print(bo…

リソースポリシーの変更をした後デプロイを忘れていて、なかなか疎通確認ができず2〜3時間浪費してしまった。

完成図 const double size = 300; const double padding = 20; class Home extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.spaceAround, …

APIを作成・変更した後はデプロイしないとAPIを実行することはできない（テストは可能）。 docs.aws.amazon.com

状況 プライベートサブネットに立てたEC2にAWS VPNとsshで乗り込んだはいいが、インターネットにアクセスできなくてめっちゃ不便じゃんとなった。 解決方法 パブリックサブネットにNAT Gatewayを配置、VPCにInternet Gatewayを関連づけて、EC2はNAT Gateway…

結論 最初にログインしたときに設定した「MFAの設定を強制するロール」が原因だった。 dev.classmethod.jp

VPCエンドポイント VPCエンドポイントは、VPC内に配備することができないリソースに対するアクセスをインターネットを経由せずに行うためのサービス。 従来は、DynamoDBなどのVPC内に配備することができないリソースに対するアクセスはインターネットを経由…

1.22から2.0系への変更は地道な作業や検索してもあまりジャストな解決策がないものが多いので、時間がたっぷり取れるときにやったほうがいい。 null-safetyへの対応 パッケージ ※具体的な進め方は調べるとたくさん記事が出てくるので割愛。 以下でも説明され…

ファイルのアップロード 下記によれば、 Simple upload Multipart upload Resumable upload の3種類の方式があるが、3つ目の方式をgoogleapiパッケージを使ってやろうとしたところ、無理そうだと言うことがわかった。 パッケージを使って簡単にやるのが無理…

実装した物 github.com 方針 閉じたいWidgetに画面遷移(またはモーダル表示)する スクロール位置に応じてそのWidgetを閉じる 画面遷移 閉じたいWidget(ソースコード: SliverItemView)を表示する方法としては、以下の3パターンを検討。 Navigator.push(contex…

(先に)結論 以下にDocumentが用意されているが、iOS(最近のiPhone)では根本的な解決には至っていない模様。 (2021/01/31現在) flutter.dev Androidでは上記で紹介されている対処方法で解決することができる模様。 現象 以下のように、初回のアニメーションに…

ReorderableListViewは標準で実装されているがReorderableGridViewは現状ないので、pub.devでパッケージを調査。 関連パッケージとしては、以下3つのパッケージ(+1ソースコード)が見つかった。 (他にあったら教えてください ) drag_and_drop_gridview reorde…