Next.jsのシングルページアプリケーションをデプロイして、基本をマスターする

　前回は、サーバーサイドレンダリングに対応した、プロジェクトのセットアップの方法を解説しました。最終回となる今回は、作成したプロジェクトをデプロ...

2018/11/29

Next.jsのサーバーサイドレンダリングで、シングルページアプリケーションの課題を解消

　シンプルに構成されたシングルページアプリケーションでは、サーバーはファイルを配信するだけで、画面を組み上げるための処理はブラウザ側で行われます...

2018/11/09

Firebase Hostingでアプリを本番環境にデプロイする

　Webアプリケーションは、インターネット上に配置（デプロイ）して世の中に見える状態にしてこそ、意味のあるものです。今回は、create-rea...

2018/10/04

Reduxにおける同期的／非同期的なAction Creatorをテストする

　前回はJestを用いて、同期的な処理であるReducerのテストを行う方法を学びました。今回はAction Creatorのテストについて解説...

2018/09/07

Reduxで作成したロジックをJestでテストする

　Reactアプリ開発の基礎を解説してきた本連載。前回までは、Reduxの概念や実装について学んできました。今回は、ReducerやAction...

2018/08/21

Reduxで非同期処理を行う～ES2017のasync/await構文を使って実装する方法

　Reactアプリ開発の基礎を解説してきた本連載。前回の第9回では、Reduxに備わったMiddlewareの仕組みを使って非同期処理を実現する...

2018/07/17

Reduxで非同期処理を行う～Middlewareを使って実装する方法

　第8回ではFluxの概念を紹介しながらReduxの基本的な使い方を学びましたが、Reduxを実際の業務で使う場合には、実践的なノウハウが必要に...

2018/06/15

アプリの状態管理を安全に行うためのFluxとRedux

　Reactはコンポーネントを組み合わせて開発を行うことで、保守性の高いアプリケーションを実現できるライブラリです。同時に、優れたUIを提供する...

2018/04/09

「prop-types」でPropsのデータ型を担保する

　Reactはコンポーネントを組み合わせて開発を行うことで、保守性の高いアプリケーションを実現できるライブラリです。同時に、優れたUIを提供する...

2018/03/30

Storybookでコンポーネントの品質を向上する

　Reactはコンポーネントを組み合わせて開発を行うことで、保守性の高いアプリケーションを実現できるライブラリです。同時に、優れたUIを提供する...

2018/03/02

React Routerで複雑な画面遷移をシンプルに実装する

　Reactはコンポーネントを組み合わせて開発を行うことで、保守性の高いアプリケーションを実現できるライブラリです。同時に、優れたUIを提供する...

2018/02/01

Reactによるフォーム／リストの基本

　Reactはコンポーネントを組み合わせて開発を行うことで、保守性の高いアプリケーションを実現できるライブラリです。同時に、優れたUIを提供する...

2017/12/28

React×Material-UIでモダンなUIを実装する

　Reactはコンポーネントを組み合わせて開発を行うことで、保守性の高いアプリケーションを実現できるライブラリです。同時に、優れたUIを提供する...

2017/04/12

Reactコンポーネントへの理解を深める

　Reactはコンポーネントを組み合わせて開発を行うことで、保守性の高いアプリケーションを実現できるライブラリです。同時に、優れたUIを提供する...

2017/02/09

Reactの概要と基礎技術要素を理解する

　本連載は、Reactアプリを開発するための基礎を身につけることを目的としたものです。Reactは、コーディング方法が少し独特なため、最初のハー...

2017/01/04