同型JavaScriptアプリケーション-jsチュートリアル-php.cn

Isomorphic JavaScript Applications

同型JavaScriptアプリケーション

ウェブ上で最もよく知られているモットーの1つは、Javaの writeを1回、どこでも実行します。しかし、このモットーはJavaにのみ適用されますか？ JavaScriptも説明するために使用できますか？答えはイエスです。この記事では、Isomorphic JavaScriptアプリケーションの概念を紹介し、それらが何であるかを説明し、この種のアプリケーションを開発するのに役立つリソースを指し示します。

ここに到着した方法

何年も前に、このWebは、多くの対話性なしでHTMLとCSSを使用して作られた静的ページの束でした。各ユーザーアクションでは、サーバーが完全なページを作成して提供する必要がありました。 JavaScriptのおかげで、開発者は素晴らしい効果を生み出し始めましたが、革命が始まったのはAjaxの出現でした。 Web開発者は、ページをリロードする必要なく、サーバーと通信してデータを送信および受信できるコードを書き始めました。

年が経つにつれて、クライアント側のコードの責任は大きく成長し、その結果、

シングルページアプリケーション

（SPA）として知られる新しいタイプのアプリケーションが生じました。 SPAでは、必要なすべての資産が単一のページのロードで取得されるか、動的にロードされて必要に応じてページに追加されます。スパのいくつかの例は、GmailとStackeditエディターです。

SPAは、ほとんどすべての操作がクライアント上で実行され、サーバーとの通信を最小限に抑えているため、より良いインタラクティブ性を可能にします。残念ながら、彼らにはいくつかの大きな問題があります。それらのいくつかについて説明しましょう。

パフォーマンス SPAは静的ページよりもクライアント側のコードを必要とするため、ダウンロードするデータの量が増加します。これにより、初期負荷時間が遅くなり、イライラしたエンドユーザーや収益の損失など、劇的な結果をもたらす可能性があります。 Microsoftの1つの記事によると、

Bingの調査では、ページの負荷時間の10msの増加には、年間25万ドルの収益がかかることがわかりました。

seo

単一ページアプリケーションはJavaScriptの実行に依存しているため、サーバーは以前のすべてのHTMLコンテンツを生成しません。したがって、Webクローラーにはページのインデックス作成が多くの困難があります。これらのクローラーは、JavaScriptを実行している典型的なブラウザのようにコンテンツを解釈および実行することなく、Webサーバーにリクエストを行い、結果を生のテキストとして分析するプログラムです。最近、GoogleはJavaScriptベースのページで動作できるようにWeb Crawlerを改善しましたが、Bing、Yahoo、および他のすべての検索エンジンはどうですか？通常、より多くの訪問と収益の増加につながるため、優れたインデックス作成はどのビジネスにとっても重要です。

等型JavaScriptアプリケーション

等型JavaScriptアプリケーションは、クライアントとサーバーで実行できるJavaScriptに記述されたアプリケーションです。このため、コードを1回記述してから、サーバーでそれを実行して静的ページとクライアントにレンダリングして、迅速なインタラクションを可能にすることができます。したがって、このアプローチは2つの世界の中で最高のものを取り、前述の2つの問題を回避できます。

今日、この種のアプリケーションの開発に役立ついくつかのフレームワークがあります。そのうちの1つ - おそらく最もよく知られている - は流星です。 Meteorは、node.jsの上に書かれたオープンソースのJavaScriptフレームワークで、リアルタイムのWebアプリケーションに焦点を当てています。私が言及したいもう1つのプロジェクトはRendrです。 Airbnbが開発した小さなライブラリで、クライアントとサーバーの両方でbackbone.jsアプリケーションを実行できます。

製品にnode.jsを採用している企業が増えています。クライアントとサーバーの間でコードを共有することは、より一般的で自然な選択になりつつあり、私の意見では、Web開発の将来です。この傾向は、Reactのようなライブラリを介してテンプレートを共有することにより強化されます。

結論

この記事では、等型JavaScriptアプリケーションの概念を紹介しました。これは、最高のサーバー側とクライアント側のプログラミングを組み合わせたアプリケーションを開発するための新しいアプローチです。また、このアプローチが解決しようとする問題と、この哲学を受け入れるために今日採用できるプロジェクトについても議論しました。

等型JavaScriptアプリケーションについてすでに聞いたことがありますか？あなたはそれを開発しましたか？あなたの経験は何でしたか？

同型JavaScriptアプリケーションに関するよくある質問

universal javascriptとしても知られている等型Javascriptは、いくつかの利点を提供します。まず、サーバー上のページをレンダリングすることにより、シームレスなユーザーエクスペリエンスを提供します。これは、クライアント側のレンダリングよりも高速です。これにより、ページの読み込みが速くなり、ユーザーのエンゲージメントと満足度が向上します。第二に、検索エンジンクローラーがサーバーレンダリングされたページを簡単にインデックスできるため、SEOのパフォーマンスが向上します。最後に、開発者はサーバー側とクライアント側の両方で同じコードを使用して、コードベースの複雑さを軽減し、維持とデバッグを容易にすることができます。 🎜>従来のJavaScriptアプリケーションは、クライアント側にコンテンツをレンダリングします。これは、検索エンジンクローラーがインデックスを作成するのが難しい場合があります。一方、Isomorphic JavaScriptはサーバー側のページをレンダリングし、クローラーがコンテンツを容易に利用できるようにします。これにより、検索エンジンの結果ページでWebサイトの可視性が向上し、オーガニックトラフィックが増加します。はい、Isomorphic JavaScriptは、サーバー側のレンダリングをサポートするJavaScriptフレームワークで使用できます。これには、React、Angular、vue.jsなどの一般的なフレームワークが含まれます。ただし、実装の詳細は特定のフレームワークによって異なる場合があります。

等型JavaScriptは多くの利点を提供しますが、独自の課題も伴います。。これらには、コード管理の複雑さの増加、サーバー側のレンダリングによる潜在的なパフォーマンスの問題、および開発者がクライアント側とサーバー側の環境の両方を深く理解する必要性が含まれます。ユーザーエクスペリエンス？

Isomorphic JavaScriptは、より速いページロードを提供することでユーザーエクスペリエンスを向上させます。ページはサーバー上でレンダリングされるため、ユーザーのブラウザに完全に形成されて配信され、ページがインタラクティブになるまでの時間が短縮されます。これにより、よりスムーズで魅力的なユーザーエクスペリエンスが発生します。

Isomorphic javascriptはユニバーサルJavaScriptと同じですか？どちらも、クライアント側とサーバー側の両方で実行できるJavaScriptアプリケーションを参照してください。