2022-01-01から1年間の記事一覧

最近気になっているUIライブラリ

最近Chakra-UIにtailswindから乗り換えたんだけど、早速mantineが気になっています。 まぁ、chakra-uiからtailswindに乗り換えた理由はtailswindは結局のところ一からスタイル当てているのと大差がなく、個人的に一番求めていたデザインを統一するのには向い…

Atomicデザインで開発を進める上での呟き

みなさん、reactなりvueなりでコンポーネントを作るときにどの様にして開発を進めていますか? 今開発中のアプリは基本的にatomicデザインベースでコンポーネントの管理をしていますが、こんなこと多々ないでしょうか? 「これのコンポーネント作ったっけ?…

react-queryのinitialDataが便利だなって話

react-queryではuseQueryなどのhooks利用時にinitialDataという初期データを投入することができます。 この初期データというのは、useQueryで取得してくるデータ(厳密にはなんでもいいけど、そんな使い方するならplaceholder使う?)で、すでに何かしらの方…

useQueriesを使ったらsuspenseできなくて困った話

1ページでリクエストを送る数が多く、PromiseでいうところのPromise.allをreact-queryのuseQueriesで利用したらPromiseがthrowされず、fallback画面が表示されなかったという話。 react-queryではデータ取得時のhooksが幾つか提供されいますが、一度に多量…

react-query使ってみた

今開発中のアプリはfirebaseを軸に開発しているのだが、パフォーマンスが少々気になっていた。 パフォーマンスと一言で言っても、apiへのリクエスト数とデータが取得されるまでの時間といったデータアクセス部分に関して気になっていたという所。 そういえば…

DRFのシリアライザーでnull値をblankにしたかった

今開発中のアプリでクライアントから受け取ったデータからnullを取り除いて、blankに変更したかった。 流れとしては クライアントのフォームから値を送信 サーバーで値を受け取る で、1のクライアントからデータを受け取った際、値に何も入っていないデータ…

DRFのnestedに書き込みができなかった話

プライマリーキーではないが、ユニーク属性のカラムに外部キーを張っていた際に、DRFにネストした状態で一括で保存ができなかった。 viewからSeriializerに渡されるデータは以下を想定している。また、UserSerializerはネスト状態で、子要素の書き込みも同時…

プライマリーキー以外で逆参照しているモデルにシリアライザーを紐づけではまった話

なんだかんだ情報が少なくて結構困ったので覚書。 以下のようなモデルがあるとする。 class User(models.Model): ... id # primary key some = models.CharField(..., unique=True) # primary keyとは別でMoneyへ紐づけているカラム class Money(models.Mode…

Factory Boyでユニーク値をもつモデルに逆参照したら重複した話

テストを記述しているときに参照先のユニークIDが重複して生成されるというエラーが起きてハマった。 モデルは以下 class User(models.Model): … some_id = models.CharField(… unique=True) … class Post(models.Model): some_id = models.ForeignKey(User,…