Angularで画像が表示されない場合の設定確認
はじめに 以下の通りパスを指定しても画像がブラウザに表示されない場合の対処方法（パスには画像があることを確認済） card.html <img src="assets/images/1.j...
2
0
Comment0
36 search resultsShowing 1~20 results
Stocked
You need to log-in
【React + Jotai】状態管理でスマートにローディング画面を切り替えよう！
はじめに こんにちは。Kei_dev_1213と申します！ タイトルの通り、本記事ではJotaiというライブラリを使って、ボタン押下時などにオシャレなローディングオーバレイの画面を表示させる方法...
1
1
Comment0
【TypeScript】コンストラクタ内で、非同期処理で取得した値をインスタンス変数に設定する方法
はじめに こんにちは！ タイトルのケースを実装する際に若干迷ったので記事にします。 同じようなことをしたい方の参考になればと思います！ 問題 以下のケースの場合を考えます。 例.NGパターン i...
3
2
Comment0
個人開発したサービスを公開して2ヶ月で学んだことまとめ
はじめに 今年2月に公開したWebサービスについて、リリースから2ヶ月が経過したということで、ここまで自分のサービスを運用してきたことで見つけた自分なりの発見を記事として共有しようと思います！こ...
27
19
Comment0
【個人開発】VTuberの歌枠から歌唱部分のみを抽出して一覧化したWebサービスを開発しました！【Next.js×Supabase×Cloudflare】
はじめに こんにちは！Kei_dev_1213と申します！ このたび、約半年間のReact学習の集大成として個人開発しましたWebサービスをリリースいたしましたので、本記事でご紹介いたします。 ...
284
192
Comment11
middleware.tsが実行されない問題【Next.js】
はじめに 表題の通り、Next.jsのプロジェクトでmiddleware.tsが実行されない事象が発生しました。 問題 以下の通り格納しているmiddleware.tsが実行されないという問題が...
1
0
Comment0
【React】useReducerとuseStateの違いを理解しよう！
はじめに お疲れ様です！Kei_dev_1213と申します！ 今回の記事では、最近個人開発でよく使うuseReducerについて解説をしたいと思います！ useReducerとは 一言でいうとR...
3
2
Comment0
【Next.js】ブラウザバックで前画面の情報が消える問題を解消しよう！
はじめに お疲れ様です！Kei_dev_1213と申します！ 現在、絶賛Next.jsを使って個人開発中の私ですが、本記事ではタイトルのような問題に直面しましたので、その解決方法について記事にし...
3
0
Comment0
【supabase×Vercel】ページの表示がやたら遅い時に確認するべきこと
はじめに supabaseとVercelを使ったアプリの開発中にハマった件の共有です。 問題 supabaseとVercelを使ったアプリをサーバー上で挙動確認している時に、ページの初期表示が5...
10
3
Comment0
ハッカソンに初参加！完成品と学びについて
はじめに こんにちは。Kei_dev_1213と申します！ 先日、参加しているコミュニティのハッカソンに参加しました。 「AIで日常を魔法に」というテーマで、2日間でアプリを開発しました。 本記...
1
1
Comment0
アウトプット勉強法を2ヶ月続けて変わったこと
はじめに こんにちは。Kei_dev_1213と申します！ 経験約10年のJavaエンジニアをやっています！ 本記事では、プログラミングコミュニティ『JISOU』にて、以下の記事で紹介されている...
96
86
Comment0
Next.jsプロジェクトをGitHub ActionsでVercelに自動デプロイさせよう！
はじめに 本記事では、github actionsを使ってvercelに対して自動デプロイを行う手順をハンズオン形式でご紹介したいと思います！ 手順 1.Next.jsで環境構築する まずは、以...
9
3
Comment0
【作成3日】Next.jsでブログサイトを個人開発しました！
はじめに 今回から、前回までのviteのアプリとは異なり、Next.jsでの開発にチャレンジしました！ Next.js特有の設定や動作などに苦戦しながらも、今回はブログサイトを開発しましたので、...
4
3
Comment0
【個人開発】技術記事作成をアシストしてくれる万能記事エディタアプリを開発しました！
はじめに 投稿予定のQiitaの記事について、AIがアドバイスをしてくれるアプリ（アプリ名：Clear Draft）を開発しました！ 初の個人開発ということで0からのアプリ作成はなかなか大変でし...
113
89
Comment0
【vite×Jest】テスト実行時にTypeError:* is not a functionというエラー
はじめに jestのエラーでハマりましたので解決法を共有します。 問題 タイトルの通り、「TypeError: setIsLoadingOverlay is not a function」という...
1
1
Comment0
エンジニアの働き方（テスト投稿）
プロジェクトの流れ エンジニアの仕事は、以下の流れで進みます。 要件定義: プロジェクトの目的と要件を明確にします。 設計: システムの設計を行います。 実装: コーディングを行います。 テスト...
0
0
Comment0
現役エンジニアによる生成AIの実践的活用法3選
はじめに こんにちは！ 皆さんは開発において、生成AIはご活用されるでしょうか。 本記事では、私現役エンジニアがオススメする生成AIの活用方法３選についてご紹介いたします！ その1.エラー解決に...
3
2
Comment0
【React開発】処理待機中に画面全体を覆うオシャレなローディング画面を表示させる方法！
はじめに React開発において、処理の待機中にローディングスピナーを画面上に表示させる方法はよく知られていると思います。 ただ、ロード中に画面全体を覆うローディング画面を表示する方法はググって...
10
10
Comment0
もはやググる必要なし！？オススメ次世代AI「perplexity」のご紹介！
はじめに 皆さんは普段の開発において生成AIは活用されるでしょうか。 私はもう生成AIが無い生活は送っていけないと断言出来るほど生成AIを活用しています（業務でもそれ以外でも）。 今日は、個人的...
4
1
Comment0
Vite × TypeScriptでJestテスト環境を構築する方法：envファイル対応まで徹底解説！
はじめに タイトルの通り、Vite環境でTypeScriptを用いた場合のテスト環境（Jest×Testing Library）の構築方法について記事にします！ まずは最低限のテスト環境を構築後...
11
8
Comment0
36 search resultsShowing 1~20 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