ぽぴなび

知って感動した技術情報・生活情報や買ってよかったものの雑記です。

備忘録

【Javascript】分割代入時に変数名を変える

Reactでカスタムフックなどを使っていると、状態を表す変数名(errorやloadingなど)が同じ名前で定義されていたりします。 同じ名前の変数を分割代入で取ってくる際は、元の変数名: 変更後の変数名で取ってくることができます。 const useGetUsers = () => …

【Vue】Vue x TypeScript x Vuetify プロジェクトのテスト環境(Jest)を整える

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

【Flutter】WebViewのスクロール時にAppBar、BottomNavigationBar、FloatingActionButtonを隠す実装をしたときに参考にしたサイト

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

【Flutter】Full-screen dialogの使い所

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

【AWS】API Gateway+Lambda構成で200以外のステータスコードを返す

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

【Flutter】Widgetに対するユーザー操作を一時的に無効にする

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

【AWS】API Gateway → Lambda でLambdaにパス・クエリパラメータを渡す

やりたいこと 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】flutter_styled_toastのToastに影をつける

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

【curl】リクエストボディにjsonファイルを指定する

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

【Flutter】文字の色(白・黒)を背景色に応じて変える

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

【Flutter】SnackBarの角を丸くする

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

【AWS】EC2のストレージを拡張する

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

【Flutter】ボタンのprimaryColorを変える

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

【Python】Pythonの学習メモ

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…

【AWS】API Gatewayで設定を変更したら再デプロイしないと反映されない

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

【AWS】API GatewayでAPIを作っただけではAPIの実行はできない

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

【AWS】サブネット間の通信の際もネットワークACLの設定が関係ある

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

【AWS】社内環境からCodeCommitへの接続ができなくて(403エラー)3〜4時間使った

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

【AWS】 VPCエンドポイントについて

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