Testing Library の getByLabelText は 実際にレンダリングされる HTML に完全一致じゃないといけない - Qiita
はじめに Chakra UI でフォームをテストしていたとき、getByLabelText で要素が取得できずにテストが落ちるという問題に詰まりました。 ラベルのテキストは合っているはずなのに、なぜ?というやつです。 該当のコード // CardForm.tsx exp...
QiitaReact/TypeScript + Vite + Supabase + Chakra UI で学習記録アプリを作ってみた - Qiita
React/TypeScript + Vite + Supabase + Chakra UI で学習記録アプリを作ってみた はじめに React と TypeScript の学習を進める中で、シンプルな CRUD アプリを作ってみたくなり、学習記録アプリを作成しました...
QiitaReactを学習して、1ヶ月半で名刺アプリを作った話。 - Qiita
自己紹介 はじめまして。ともぼーです! 私は組み込みエンジニア4年目で、Web開発経験に関しては仕事で少しHTML/CSS, JavaScriptを使用して画面を作った程度です。 プログラミングの基礎は割と出来ている状態で今はReactを勉強しています! 作ったもの デ...
Qiita名刺アプリの作成を終えて - Qiita
はじめに今回、React TypeScript Supabase を使った名刺アプリを作成しました。このアプリは、ユーザーが自分の名刺情報を登録し、他の人の名刺を閲覧できる機能を持っています。…
Qiita【個人開発】K-POP好き必見!推しの服装を探せるアプリを作成【React/Supabase/Chakra UI】 - Qiita
はじめにアイドルや芸能人の服装が気になったことはありませんか?特にK-POPアイドルが好きな人は推しのアイドルがどのような服装なのか気になることがあると思います。今回は推しのアイドルの服装情報を…
Qiita【Chakra UI v3 × jest】テスト時のSelectの型エラーの解消方法①(Type '{ children: Element; }' has no properties in common with type 'IntrinsicAttributes & SelectTriggerProps & RefAttributes<HTMLButtonElement>'. 他)
https://qiita.com/ritsu21ctws/items/eda3d890a26dd0d1a4f4?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items
#qiita #TypeScript #Jest #React #chakra_ui
【Chakra UI v3 × jest】テスト時のSelectの型エラーの解消方法①(Type '{ children: Element; }' has no properties in common with type 'IntrinsicAttributes & SelectTriggerProps & RefAttributes<HTMLButtonElement>'. 他) - Qiita
はじめにお疲れ様です、りつです。今回はテスト実行時に発生したChakra UI v3Selectの型エラーの解消方法について記事にまとめました。https://www.chakra-ui.co…
Qiita【React + TypeScript + Vite】デジタル名刺アプリの作成からデプロイまで - Qiita
はじめにデジタル名刺を登録しシェアできるアプリの開発を行いました。自己紹介やGitHub,Qiita,Xへのリンクを登録・閲覧することが可能です。今回の開発では、中間テーブルを用いた多対多のリ…
Qiita【個人開発】JISOU 課題3 学習記録アプリを完成させた上での苦労と気づき - Qiita
はじめにお疲れ様です、りつです。以前から作成していたReactアプリが完成しました!学習記録アプリhttps://study-record-ts-e0993.web.app/リポジトリh…
QiitaChakra UI Drawerで、ハンバーガーメニューをコンポーネント化できない - Qiita
はじめにChakra UIのDrawerを使ってハンバーガーメニューをコンポーネント化しようとした際に、少しハマったので解決方法を共有します。問題Chakra UIのDrawerを使ってハンバ…
Qiita【Chakra UI】Chakra UI v3でグラデーション背景の仕方 - Qiita
はじめにChakra UI v3では、背景グラデーションの指定方法がv2から変更されました。本記事では、新しい実装方法について解説します。実装方法v2からの変更点v2では、bgGradientでグラデーションの方向や色を一括で指定できました…
Qiita