Skip to main content

82 docs tagged with "フロントエンド"

View All Tags

CX

CX（カスタマー・エクスペリエンス）とは

Cypress

Cypressはメジャーアップデートが多く、記載している内容が参考にならない可能性が大きいため、詳しいことは公式を見て欲しい。

ErrorHandling

エラーハンドリング（Error Boundary）はerror.tsxを作成するだけで実装できる。

fetchとaxios

fetchとaxiosはどちらも外部リソースを取得するためのライブラリーで、HTTPリクエストを処理することができます。また、Promiseを返すため非同期処理を行うことができます。

Jest

Jest と React-Testing-Library とは

LoadingUIAndStreaming

Next.jsではReact Suspenseとしてページ全体をローディングにすることができる機能がある。

MUI

MUI（Material UI）とは

Next.js初期設定

今後、新規でアプリを開発する際に用いる技術選定を行った。

NextjsとNuxtjs

Next.jsはReactベースで、Nuxt.jsはVue.jsベースのフレームワークです。

PagesAndLayouts

Next.jsのApp Routerでは特定のファイル名で`default exportvすることで各ページで固有のUIを作成したり、各ページで共通のレイアウトを作成することができる。

Recoil

最近更新が行われておらず、React 19に対応していないため死亡

stateを元の値を参照して更新

stateを元の値を参照して更新するには、setStateメソッドを使用して、前の状態を直接参照して更新する方法があります。setStateメソッドには直前のステートから新しいステートを計算する関数を引数で受け取るインターフェイスがあります。そのため、前の状態を引数として受け取り、新しい状態を返すようにします。

UI・UX

UI（ユーザーインターフェイス）とは

UIコンポーネントライブラリ

UIコンポーネントライブラリは、アプリケーションのユーザーインターフェース（UI）を構築するための再利用可能なコンポーネントのライブラリです。これにより、開発者は効率的に美しく一貫性のあるインターフェースを作成できます。

useCallback

useCallbackはパフォーマンス向上のためのフックで、メモ化したコールバック関数を返します。

useContext

useContext はコンポーネントでコンテクスト (Context) の読み取りとサブスクライブ（subscribe, 変更の受け取り）を行うための React フックです。

useEffect

副作用を有する可能性のある命令型のコードを受け付けます。

useMemo

useMemoは関数の結果を保持するためのフックで、何回やっても結果が同じ場合の値などを保存(メモ化)し、そこから値を再取得します。

useReducer

状態管理のためのフックで、useState と似たような機能です。useStateはuseReducerに内部実装されています。

useRef

useRef は、新しいレンダーをトリガしないようにしたい時に使用します。

useState

ステートフルな値と、それを更新するための関数を返します。

コード品質

Reactは，HTMLやJS,CSSを混同して記述できるJSXが使われています。

サイト分析のプロセス

要件や課題が明確な場合は、Googleアナリティクス等で該当するレポートや機能を使用すればよいが、はじめて分析をする場合などは、そもそも何が課題なのかわからない状態からスタートします。

静的解析フォーマッター

静的解析はソースコード解析手法の一種であり、「Static Code Analysis」、「静的コード解析」とも呼ばれている。