# UIUX EngineerがFigma Makeを使って感じた、AI時代のフロントエンド開発
最近、AIの進化を実感しながら開発に携わる日々でありますが 個人開発でUIをFigma Makeで作成して思ったのが 「AIでここまでUIを作れるのか」 という驚きでした。 今回は、実際にFig...
14 search resultsShowing 1~14 results
You need to log-in
最近、AIの進化を実感しながら開発に携わる日々でありますが 個人開発でUIをFigma Makeで作成して思ったのが 「AIでここまでUIを作れるのか」 という驚きでした。 今回は、実際にFig...
前回は、どのようなStateをグローバルで管理するべきかについて考えました。 では、グローバルStateとして管理すると決めたら、どのように設計すればよいのでしょうか。 Reduxでは複数のコン...
最近、参画先でClaude Codeが配布されたので、改めてHooksについて調べたのでまとめてみました。 Hooksとは hooksとはClaude Codeがプロンプトを実行する場合の一連の...
前回は、Redux・Zustand・Jotaiの違いについて比較しました。 どれも使い方は異なりますが、複数コンポーネント間で状態(state)を共有するためのライブラリであることは同じです。 ...
最近、参画先でClaude Codeが配布されたので、改めてスキルについて調べたのでまとめてみました。 ※本記事は2026年9月時点のClaude Codeの仕様・公式ドキュメントをもとにしてい...
Redux・Zustand・Jotaiの違い Reactの状態管理ライブラリには、Redux、Zustand、Jotaiなどがあります。 どれも複数のコンポーネントで状態を共有するために利用でき...
この値はどこから来て、どこで更新されるのか 前回は、Reduxの基本として、store、state、action、dispatch、reducer、selector の関係を整理しました。 Re...
最近、Reduxを使った既存コードを触る機会が多くありました。 久しぶりにReduxのコードを読むと、 store とは何だったか state と reducer の関係は何だったか actio...
はじめに 今回は、React Router v7 SSR構成と Next.js App Router のAPI呼び出しの違いと、 React Router v7 SSR構成からNext.js A...
近年のフロントエンドでは、単一のブラウザアプリで動く SPA(Single Page Application)構成だけではなく、SSR(Server-Side Rendering)/ SSG(S...
ReactのuseRefは「DOM参照フック」だけではない これまでの記事では、useRefのDOM操作について触れてきましたが、 実務レベルでReactを書いていると、UIには出さないけど、最...
useRefを活用しよう 前回の記事では、useRef を使って DOM要素を直接参照する基本 と、そこから取得できる情報(サイズ・位置・クラス・属性など)を紹介しました。 しかし、実際の開発で...
useRefとは Reactを使用した開発では、基本的に仮想DOMと状態管理 によってUIを操作します。しかし、時には「実際のDOM要素そのもの」にアクセスしたいケースがあります。そこで登場する...
useRefとは Reactを使用した開発では、基本的に仮想DOMと状態管理 によってUIを操作します。しかし、時には「実際のDOM要素そのもの」にアクセスしたいケースがあります。そこで登場する...
14 search resultsShowing 1~14 results
Qiita is a knowledge sharing service for engineers.