システム開発とSECIモデル──野中郁次郎の知識創造理論から考える開発プロセスの本質
はじめに システム開発において、「知識」の扱い方は非常に重要です。技術的なノウハウやプロジェクト運営の経験則、そして属人的な判断力、こうした知が、チームやプロジェクトを成功に導く鍵となります。 ...
0
0
Comment0
33 search resultsShowing 1~20 results
Stocked
You need to log-in
早速、useEffectを使う場面を見つけた話
先日、useEffectはあまり使わない方が良い的な話を書いたのですが、早速便利に使える場面がやってきました！ いつかと言うと、テーブルのレコードの値をモーダルに持っていって使う時です。 具体的...
0
0
Comment0
useEffectは使わない方がいい？
useEffectって何になぜ使うの？ まず、useEffectについて簡単な説明からお話しします。 useEffectは、ReactのHook（フック）の中の一つです。 描画(レンダリング)以...
2
0
Comment0
Next.jsのuseActionStateを使ったトースト通知。私の書き方
先日、Xにて下記の投稿を見つけました！ ReactのuseActionState（フックの詳細は以下リンク）と、shadcn/uiのtoast（詳細は以下リンク）を使った実装をされています。 u...
1
1
Comment0
REST API 入門 ～ 基本概念から設計・実装のポイントまで
REST API（Representational State Transfer API）は、Web サービスの設計や実装において非常に人気のあるアーキテクチャスタイルです。 この記事では、RE...
0
0
Comment0
Next.js と React でコンポーネント思考を追求するとどうなるのか？
現代のフロントエンド開発において、コンポーネント思考は欠かせないアプローチです。Next.js と React を活用し、コンポーネント単位で設計・実装することで得られるメリットや、注意すべき点...
0
0
Comment0
クエリパラメータを使った一覧画面の開発 ～ Next.js、React、shadcn/ui を活用して
この記事では、Next.js と React、そして shadcn/ui を利用して、URL のクエリパラメータを活用した一覧画面の開発方法についてご紹介します。 一覧画面では、たとえば「カテゴ...
1
0
Comment0
useActionState で「pending」状態を活用する方法
～ユーザーに優しいフィードバックを実現するために～ React や Next.js を使った開発で、サーバーに処理を依頼する際に便利なフックとして「useActionState」があります。 こ...
0
0
Comment0
ハイドレーションエラー徹底ガイド
～分かりやすい具体例で学ぶ、サーバーとクライアントのズレを防ぐ方法～ Next.js などのサーバーサイドレンダリング（SSR）対応フレームワークでは、サーバーで生成された HTML とクライア...
0
0
Comment0
エンジニアは原因を特定してなんぼ！丸投げはあかん
現代の技術環境において、エンジニアには単なるタスク遂行以上の責任が求められます。問題が発生したとき、その根本原因を突き止め、再発防止策を講じることは、システムの安定性とチーム全体の成長に直結しま...
0
0
Comment0
Next.js App Router のフォルダ構成 ― 実践的なノウハウとちょっとした豆知識
Next.js の App Router は、すごく自由度が高い反面、「こうしなきゃ！」という決まったルールがないため、プロジェクトごとに「最適な形」を見つけ出さなければならないところが魅力でも...
2
0
Comment0
useEffect の罠—データ取得は useEffect じゃなくてもいい
「データ取得は useEffect でやるもの」…本当にそうか？ フロントエンド開発の世界では、「これが王道だ」と信じられているベストプラクティスがいくつもある。 その中でも特に根強いのが、この...
3
2
Comment0
useActionState はフォームだけのものか？—いや、そんなことはない。 useActionState の使い道
useActionState はフォーム以外にも使える フロントエンドの開発では、「〇〇は△△のためのもの」という固定観念にとらわれがちだ。その結果、本来もっと幅広く活用できるはずの機能が、特定...
0
0
Comment0
業務でよく使うGitコマンド
エンジニアになってそんなに間もないですが、業務でよく使うGitコマンドを紹介していきます！ git pull --rebase origin main このコマンドは、git push する前に...
0
0
Comment1
React の useActionState を TypeScript で安全に使う方法
React と TypeScript での型安全な状態管理と API 呼び出し React と TypeScript を組み合わせて開発を行う際、型エラーを防ぐことは非常に重要です。型エラーが...
0
0
Comment0
OpenAPI GeneratorでAPI Clientと型を作っていく 第一回
この記事はジュニアエンジニア向けの記事になります。 ざっくりいうと、フロントエンドからバックエンドのエンドポイントにリクエストを送りレスポンスを受け取るという、基本的な通信において、API Cl...
0
0
Comment0
Docker内のmongoDBのデータ削除方法
Docker内でmongoDBを建てて、その中のデータ削除に関する備忘録です。 WSL内でDockerを使用していて、どうやったらmongoDBのデータを削除できるのか分からない。データ削除方法...
0
0
Comment0
Docker内の通信で困った話
docker内で、backend、frontend、mongodbのコンテナを建ててそれぞれに通信を行おうとしたところ、404エラーが出ました。 私と同じように、Dockerを使う前は、fron...
1
1
Comment0
React Hook Form 入門
この記事では、React でフォーム処理を簡単かつ効率的に実装できるライブラリ React Hook Form について、基本的な使い方からバリデーションの実装方法まで、初心者でもわかりやすく解...
0
0
Comment0
Reactの `useRef` とは？わかりやすく解説
Reactの useRef とは？わかりやすく解説 React の useRef は、コンポーネント内で 「再レンダリングなしで値を保持する」 ためのフックです。 useState と違い、値が...
0
0
Comment0
33 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