Bubble

Bubble.ioのRepeating GroupからSendGridに複数のアイテムを送ってメールに表示する方法

ユースケースとして、ECアプリでの複数のショッピングアイテムを受領確認証に入れ込んでSendGridでメールを飛ばす場合を想定する。まずこのあたりの話はマニュアルのあたりを見ていくとわかる。基本は、SendGridのダイナミックテンプレート...
Bubble

Bubble.ioでUnix timeをミリ秒で表示する

Bubbleでは内部時間をUnixtimeのミリ秒で保持していますが、これを通常の方法で画面に表示するとUnixTimeではなく、一般的な日時表示になります。これをUnixTimeで表示させたい場合の方法についてメモ。以下の様に単純な設定O...
Bubble

BubbleのRepeating Groupのレンダリングが終わった後に起動するworkflowの設定方法

ショッピングカートの内容をRGで一覧表示するアプリで、数量が入っているテーブルと単価が入っているテーブルが異なるようなユースケースを考える。このとき、RGの中で各商品毎に合計金額(=数量×単価)を計算してRGに作成した小計欄に計算結果を出力...
Bubble

BubbleのPictureUploaderから画像を取得してWasabi Cloud StorageにUploadする

BubbleのPictureUploaderから画像を取得してWasabi Cloud StorageにUploadする方法
React

xcodeをアップデートしたらexpoでiOSシミュレータが起動できなくなった

xcodeを13.2にupdateしたらreact expoでiOSシミュレーターが起動できなくなった。MACのOSバージョンアップにともなうxcodeのバージョンアップの時にはシミュレータが動かなくなるので、定石でまずは以下のコードでex...
React

REACT NATIVEの条件付きレンダリングで複数のMAP処理を処理した結果を利用して表示する方法

このメモは、React Nativeで二つのリストをMAPで二重に回して何らかの条件が一致したときだけレンダリングする場合の方法についてです。ちょっとははまったのでメモを残します。以下のイメージでMAPを二重に回して条件が一致したときだけレ...
React

REACTの文字列に改行マークをいれるときの注意

<Text>やAlertの中の文字列に改行マークをいれるときの基本は バックスラッシュn ですが、¥nとは異なりますのでMACの日本語キーボード使っている人は注意。MACではoption押しながら¥ですね。
React

Redux-ToolkitにFirebaseのTimestampをいれるときのエラー処理

Redux-Toolkitでデータをstateにいれておくときに、firebaseのtimestampフォーマットをそのままいれると"A non-serializable value was detected in the state"のよ...
Python

Django-Rest-Frameworkで変数を加工してAPIに返す方法

DRFでデータをそのままAPIでリターンするのではなく、データを組み合わせたして加工してからAPIでリターンしたい場合ですが、そういった処理はSerializerに記載します。加工する関数、ここでは”def new_medhod_name(...
React

ReactでPropsをコピーして作成した別のPropsに状態をリンクさせない方法

本日はReactのstateの話です。二つの状態の変化を比較したかったので、Props(以下、A)の内容(変数の状態)を一旦別のProps(以下、B)コピーしたうえで比較するプログラムを作成しました。このとき、PropsAの状態をsetPr...