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