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

デプロイ

API Routesとは

Next.js13で登場した新しいルーティングの機能が「App Router」

Amplify CLIのインストール

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

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

Next.jsのルートの定義。

Dynamic Routesとは

ErrorBoundaryとは

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

Expoは、React Nativeアプリケーションの開発を簡素化するプラットフォームです。複雑な環境設定なしに、JavaScriptのみでiOS・Androidアプリを同時開発できます。

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

Figma（フィグマ）とは

基礎

FlutterはGoogleが開発したDartベースのフレームワークで、React NativeはFacebookが開発したJavaScript/TypeScriptベースのフレームワークです。

マージ時にコミットをスカッシュ

Googleアナリティクスとは

Jest と React-Testing-Library とは

Jotaiとは

JSONとは

Next.jsではルート間を移動する方法が4つある。

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

MUI（Material UI）とは

インストール

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

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

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

React Routerとは

React Hooksとは

Vue.jsとは

結論

Reactとは

Reactチュートリアル：API

Reactプロジェクトを始める

Reactチュートリアル：FizzBuzz

前提

Reactチュートリアル：クイックスタート

Reactチュートリアル：三目並べ（公式）

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

Recoil死す

Recoilのインストール

REST APIとは

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

Storybook とは

Tailwind CSSとは

基本、以下を元に解説します

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

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

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

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

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

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

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

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

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

Web APIとは

カスタムフックとは

難しいことは抜きでコピペで出来ます。

難しいことは抜きでコピペで出来ます。

グリットレイアウトとは

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

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

はじめに

- seya

テストを書く意味・目的

Prettierのインストール

フレックスボックスとは

目的

目的

目的

対象

ウェブ制作チュートリアル（HTMLクイックリファレンス）

このチュートリアルに必要なもの

ホスティングとは

モダンフロントエンドとは何か

horikawaが主に利用するツールです。

フロントエンドの開発を行うには、以下のアプリやプラットフォームをインストールする必要があります。

モバイルファーストとは

随時更新しています。

レスポンシブデザインとは

おさらいですが、重要なので

とりあえず以下を参考に、やってみるのが一番

onChangeイベントでの無限ループ

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