React開発
Reactを利用した
デザインと開発の連携による高いUXの実現
React を利用することで、デザイナーのエンジニアの連携をシームレスにし、より高いレベルの UX を実現することができます。また、複雑の UI を実現することも可能になります。
React による開発の3つの特徴
UX を最大化するための技術
ネイティブアプリ代替によるコスト削減
デザインプロセスとのシナジー
UI とサーバーの分離
React は UI の構築に特化した技術です。React を使うことで、ユーザーが利用するインターフェイスと業務ロジックを持つサーバーを分離することができるようになります。従来の Web アプリケーションでは UI の作成と業務ロジックの両方がサーバー上に構築されていました。しかし、React を使用することでこの二つを分離することができるようになり、フロントエンドエンジニアは UI だけに専念することができるようになります。
さらに、React で構築された Web アプリケーションは SPA (Single Page Application) と呼ばれ、一度読み込みがされると画面の遷移などが高速に行えるようになります。これにより、ユーザーが無駄な読み込みなどで待たされる時間を軽減することができ、UX やその結果として CVR の向上などに期待することができます。
より高度な UI とより高品質な UX への対応
先ほどの「UI に専念することができる」というメリットに加え、React には複雑な UI を実現することができるような仕組みが用意されています。従来の方法では構築に時間がかかったり管理が難しかった UI も React を使って構築することができるようになります。
また、React は画面をコンポーネントと呼ばれる再利用可能なパーツに分割して取り扱うのですが、これがアトミックデザインと呼ばれるデザイン手法と相性がよく、デザインの作成、検証、開発への取り込みをよりスムーズに行うことができるようになります。 これにより、デザイナーとエンジニアの連携がよりシームレスになり、UX を向上させるための様々な取り組みがさらに効率的に行えるようになります。
PWA によりネイティブアプリのような操作感を提供
PWA と呼ばれる仕組みと React を組み合わせることで、スマートフォンのネイティブアプリのような操作感を実現することができます。サービスをブラウザからスマートフォンのホーム画面にインストールすることができ、インストールされたサービスはネイティブアプリのような見た目、動作になります。
PWA の対応状況は Android と iOS で異なりますが、Android では全画面表示やスプラッシュの表示、キャッシュなどの機能に加え、プッシュ通知などの機能を使うこともできます。PWA は Twitter や Instagram、Google Map など、様々なサービスで採用されています。
こんなお客様に喜ばれています
UI と UX を重視したサービスを提供したい
React には UI と UX 向上の仕組みが様々用意されています
安価にネイティブアプリのような UX を提供したい
React を使うことで快適な操作感をユーザーに提供することができます
API を他のサービスやアプリなどで活用したい
UI とサーバーが分離されるため、業務ロジックの再利用が容易になります
