【2025年版】asdfをUbuntuにインストールする
wsl2に入れたUbuntuを入れ直した際に、asdfのインストール方法に手間取ったため、備忘録を兼ねて記事にします。 準備 aptをアップデートする sudo apt-get update s...
1
0
Comment0
18 search resultsShowing 1~18 results
Stocked
You need to log-in
以前作った学習記録アプリを更にブラッシュアップしてみた
はじめに 前回リリースした学習記録アプリですが、これをTypeScriptで作り直してみました。 ついでにChakra UIも導入して、見た目も整えてみました。 簡単なCRUDアプリなのは相変わ...
3
0
Comment0
Suspenseでローディング画面表示を回避しつつデータを即時反映させる方法
はじめに 前回の記事で登録したデータの即時反映はできたのですが、登録の度にローディング画面が出てくるのはユーザー体験としてよくないな、と感じ、削除機能の実装と併せてここも改善することにしました。...
1
0
Comment0
【React】Suspenseで更新されたデータを表示する方法
はじめに Suspenseを使用したデータ取得・描画について、更新の際はどうすればよいのかだいぶ悩んだので、備忘録を兼ねて投稿します。 やりたかったこと モーダルのフォームに記録を入力して、「登...
2
0
Comment0
【Git】main以外の任意のブランチから新しいブランチを切る方法
はじめに developブランチからfeatureブランチを派生させたいときに意外と手間取ったので、備忘録を兼ねて記事にします。 方法1：git checkout -bコマンドを使用する方法 1...
1
1
Comment0
ライブラリなしでSuspenseとuseを使ったらハマった
はじめに 以前、useEffectとSuspenseを使って失敗したので、そのリベンジで今回はライブラリ使わずにuseとSuspense使ってSupabaseからデータ表示するぞ！とチャレンジし...
1
0
Comment0
【Chakra UI v3 × React 19 × TypeScript】モーダルが画面に表示されない
はじめに こちらのUdemy教材でTypeScriptのハンズオン学習を行っていたところ、Chakra UI v3を使用した環境下でのモーダル表示にハマったので、備忘録を兼ねて記事にします。 事...
1
1
Comment0
【Chakra UI v3 × React 19 × TypeScript】forwardRef使わずにコンポーネント分割しようとしたらハマった
はじめに こちらのUdemy教材でTypeScriptのハンズオン学習を行っていたところ、React 19とChakra UI v3を使用した環境下でのコンポーネント分割にハマったので、備忘録を...
1
1
Comment0
【React】GitHub Actionsで通っているテストがローカルで通らなくなった
はじめに ローカルで通ったテストがデプロイ環境では通らない、ということはよくあるようで、検索するとQiita記事もよく出てきます。しかし、その逆はあまりないようで、検索してもあまりHitしません...
2
0
Comment0
【React】初めて作ったアプリを改良してみた
はじめに 前回とりあえずローカルで動くところまで作った学習記録アプリの機能を改良し、テストとCI/CDまでを行いました。 機能自体は簡単なCRUDアプリなのですが、完成にこぎつけるまでに様々な学...
2
1
Comment0
【React】ルーティング設定が正しいのにコンポーネントが表示されない
状況 上記の教材での学習中、画面遷移のためにReact Router v6を使用してルーティング設定を行ったところ、/usersにてHeaderOnlyを含む全てのコンポーネントが表示されない状...
1
1
Comment0
GitHub ActionsでFirebaseにデプロイしたら画面が真っ白になった
はじめに GitHub Actionsを利用してFirebase Hostingに学習記録アプリのCI/CDを行いました。 デプロイ自体は完了したのですが、画面が真っ白の状態になり、解決に手間取...
3
0
Comment0
【React】データ取得中ローディング画面が表示されない
事象 TODOアプリにおいて、supabaseからテストデータを取得させる間にローディング画面が表示されるよう実装したのですが、取得したデータは表示されるもののローディング画面は表示されない、と...
3
3
Comment0
【React】SuspenseではuseEffectは使えない
事象 supabaseに作ったテストデータを読み込む間にローディングメッセージを出したいと思い、Suspenseで実装しましたが、全く表示されませんでした。 コード (supabase周り等、関...
4
1
Comment0
CodeSandBoxのVSCodeでファイル名を変更したらエラーが出たときの対処法
事象 providersディレクトリのUserProvider.jsxをインポートしようとしたところエラーが出たので、確認するとファイル名がuserProvider.jsxになっていたのでファイ...
1
0
Comment0
Reactで初めてのアプリ制作
ReactとモダンJavaScriptの基礎を学んだので、アウトプットとして簡易な学習記録アプリの制作を行いました。 制作開始から完成まで 最初はAIコードエディタを使用して制作を始めたのですが...
2
0
Comment0
【React】学習記録アプリの未入力時メッセージが消えない
状況 Reactを使った学習記録アプリで、フォーム未入力においてsubmitするとエラーメッセージが表示されるよう実装したが、一度表示されると消えなくなってしまった。 App.jsx funct...
2
0
Comment0
40歳からエンジニアと呼ばれるようになった男が「いっちょやったるか」と思うようになるまで
プロフィール 福井県出身、40歳 福祉系の事業をしている企業で「エンジニア」という肩書きでコーダーや所属部署の本業のサポートをしている名ばかりエンジニア 数学始め理系科目が苦手なド文系 今までろ...
11
3
Comment0
18 search resultsShowing 1~18 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles