
あも
@amocode024
🌎 看護師 × Webアプリ開発学習中 🌎 React / TypeScript / Next.js 📱 看護師向け計算ツール・家族健康アプリを開発中 ⚙️ 技術ログ・成果物を発信しています
DnD-kit学習で得た5つの教訓👇 ① flex非対応 ② delay設定が命 ③ idはStringで統一 ④ localStorageで保存 ⑤ grid推奨 「ボタンが動く瞬間」が一番感動した🥹
【Next.js × DnD-kit】 スマホでも動く「長押し並び替えUI」を実装📱 ▫️ delay/tolerance設定で誤作動防止 ▫️ flex非対応→gridで解決 ▫️ localStorageで順序保存 苦戦した分だけ理解が深まった🥹
Jestで計算テスト👇 expect(calcDose(50,2,1)).toBe(10); expect(calcDose(70,0,1)).toBe(0); 0%はエラー返却で確認。 #React #Jest #看護師アプリ
テストケースは現場シナリオで作成👇 ✔︎ 体重50kg × 2mg/kg = 100mg ✔︎ 1%液→10mg/mL→100mg=10mL ✔︎ 0や100%など極端値も確認 #React #看護師アプリ
<select {…register(“mgPerMl”)}> {presets.map(p => {p})} <input type=“number” {…register(“mgPerMl”)} /> → プリセット+編集可能UIを実装! #React #個人開発
数値バリデは入口で落とす👇 valueAsNumber / inputMode="decimal" Zod: z.number().min(0) 最後にNumber.isFiniteで再確認。 #ReactHookForm #Zod
United States Trends
- 1. #AEWWrestleDream 27.4K posts
- 2. #UFCVancouver 24.3K posts
- 3. Arch Manning 1,733 posts
- 4. No Kings 1.59M posts
- 5. Sark 2,869 posts
- 6. Christian Gray N/A
- 7. Chito 6,369 posts
- 8. Tennessee 46.2K posts
- 9. #RollTide 4,683 posts
- 10. Sam Rivers 10.5K posts
- 11. CJ Carr 1,210 posts
- 12. Notre Dame 11.2K posts
- 13. Holland 11.6K posts
- 14. Kentucky 19.5K posts
- 15. Heupel 1,333 posts
- 16. Iowa 16.3K posts
- 17. Kyle Fletcher 1,490 posts
- 18. #ChristmasWithBedBathandBeyond N/A
- 19. Zabien Brown 2,468 posts
- 20. Texas Tech 9,335 posts
Something went wrong.
Something went wrong.