[En]React とは

[En]Reactとは、Facebook社が開発したWebアプリケーションのフレームワーク(プログラムの部品)です。

[En]これまでは、2006年にGoogleによって開発されたjQueryというフレームワークが人気でしたが、スマートフォンの登場により単純なjQuery では対応が厳しくなっておりその座をReactに譲り渡そうとしています。

[En]Reactは誰でも自由に無料で利用することができ、世界の開発者コミュニティにより日夜メンテナンされている現在世界で最も人気のWebのフロントエンドフレームワークの一つです。

[En]なぜReactが必要になったか

[En]jQueryなど既存のフレーワークでは、表示されているページの個々の部品をバラバラに修正していました。

[En]一人で開発ができた昔はこれでも良かったのですが、近年Webページの様にインタラクティブかつ多機能なWebサイトを構築しようとすると、個々の部品感の制御が出来なくなり、開発が継続できなくなります。

[En]一方、Reactでは、個々の部品は、データの状態から一意に部品の振る舞いが決定する様になっており、開発規模や開発者数が多くなっても破綻しない様に設計されています。

[En]その他Reactのメリット

[En]SPAを使って通信環境の悪い環境でも、反応の良いアプリケーションの体験を提供することができる

[En]SPA(Single Page Application シングルページアプリケーション)とは、単一のページだけで構成されたWebアプリケーションです。

[En]プログラムで、ページ切り替えを制御する事で疑似的にページ遷移を表現しています。

[En]SPAではない従来のWebシステムでは、ページ切り替えのタイミングで、通信が発生していました。そのため、貧弱な外出先でのスマートフォン利用などので、クリックしてもなかなか画面が切り替わらないなどの問題が発生していました。

[En]一方SPAでは、ページの切替自体では通信が発生しません。

[En]PWA(Progressive Web Apps プログレッシブ ウェブ アプリ)

[En]スマートフォンアプリの様にインターネット未接続環境でも動作するアプリを作りたいが、スマートフォンアプリは更新や、配布が大変で導入をお見送りされていませんか?

[En]そんなときにはPWA(Progressive Web Apps プログレッシブ ウェブ アプリ)が有効です

[En]Reactの技術を土台にする事でPWA(Progressive Web Apps プログレッシブ ウェブ アプリ)に発展することができます。

[En]SPAで発生する1回目の通信を省略することで、完全に通信ができない環境でも動作するWebページを構築することができます。

[En]これによって、見た目にはネイティブのスマートフォンアプリと変わらない様な体験をユーザーに提供することができます。

[En]代表的なPWAはGoogle スプレッドシートなどがあります。

[En]Google スプレッドシートはインターネット未接続環境でも作業することができます。

[En]サーバーレスでの構築が可能

[En]Webアプリケーションを業者に依頼したが、保守費用が高くてお困りではありませんか?

[En]サーバーレスに変更することで、サーバー更新ほぼ自動で行われるため、保守コストを削減することができます。

[En]iOS/Androidのアプリケーションにも対応可能/外部のシステムからAPIとして連結が可能/マイクロサービス化

[En]SPAで作ったプログラムのバックエンドはそのまま、スマホアプリのサーバーとして利用が可能です。

[En]そのためソフトウェア資産としての価値がこれまでのWebアプリケーションよりも高いです。

[En]MKシステムの実績

[En]エムケイシステムでは、Rectのアプリケーションを2017年から本番投入させていただいており数々の実績がございます。

[En]まずはぜひご相談ください。