2021年の大手フロントエンドの開発トレンドはどうなるか知っていますか（詳しく解説）

フロントエンド開発の急速な発展により、開発者は毎年新しいキーワードをもたらします。 2021年のフロントエンド開発のキーワードは何でしょうか？開発の方向性はどうなるでしょうか？ 2019 年の大きなフロントエンドの開発に関して言えば、フロントエンドが依然として小規模プログラム、スーパー APP、クロスエンド開発、フロントエンド エンジニアリング、新しいアプリケーションのアプリケーションなどのいくつかの側面に焦点を当てていることは驚くべきことではありません。テクノロジ (2019 年の解釈におけるフロントエンド テクノロジの大きなトレンドの深さを参照できます)。

小プログラム

小規模プログラムの開発において、今年は依然として小規模プログラムの開発が急速に進んでいる年であり、主要な主流アプリはすべて小規模プログラム機能を開始しています。チームには、より高速なミニ プログラム開発のニーズに適応するための専用のミニ プログラム開発チームもあります。同時に、アプリの多くの主要な機能がミニ プログラムに置き換えられ、一部のアプリはネイティブ ミニ プログラム シェルになり、上位層はすべてミニ プログラムになるはずです。

WeChat ミニ プログラムが登場する前は、誰もが Hybird や ReactNative について話していましたが、結局のところ、それは単なる技術レベルのお祭り騒ぎであり、ビジネス属性が注入されることはありませんでした。ミニ プログラムの出現は、現在のデバイス上の Webview がそれほど悪くないことを業界に伝えるだけでなく、有能な販売者がスーパー APP 上でプライベート ドメイン操作を実行できるようにする方法を業界に伝えることにもなります。

一方、技術的な観点から見ると、上位層 DSL の厳しい制限の下で、スーパー APP は、独自の要求を満たす Web 標準を定義し、現在の Web 標準の欠点を補い、最終的にクライアントと協力し、オフライン、プリロード、カスタマイズを組み合わせる Webview は NSR に似たさまざまなクールな技術モデルを生成でき、Web はエンドの外側で Weex のように少しぎこちなくすることなく、エンド側でネイティブ バージョンのエクスペリエンスを低コストで実現できます。 。

ただし、スーパー APP (WeChat、Alipay、Baidu、Meituan、Toutiao など) に依存する必要があるため、各プラットフォームで採用されている具体的な計画の違いにより、mini の現在の実装計画はプログラムも異なり、場合によっては複数のコードセットを開発する必要があります。

クロスエンド開発

クロスエンド開発。RN の状態は非常に成熟しています。または、まだバージョン 0.61 のままであるため、開発の見通しはあまりありません。 、バージョン 1.0 はまだ遠いようです。したがって、今年は多くのチームが Flutter に切り替えました。特に Web 用 Flutter のリリースにより、希望が再燃し、Web フロントエンドが試してみたいという意欲が高まりました。

同時に、Apple は新しい UI システムである SwiftUI もリリースしました。同時に、Web 用の SwiftUI はオープン ソース コミュニティですでに実用化されています。Android 用の SwiftUI ははるかに遅れているでしょうか?

クロスエンド開発、Flutter は今後も急速に発展し、開発者はさらに増えるでしょう。JS 上の Flutter、Web および Android 用の SwiftUI もオープンソースになり、期待に値します。結局のところ、完璧なものはまだありません。クロスエンドプラン向けのソリューション。

フロントエンド エンジニアリング

フロントエンド エンジニアリングにおいて、開発者にとって最も重要な基本的な資質は、ツールを使用して効率を向上させることであり、フロントエンド開発者は今後も、繰り返して最適化します。

私たちは以前、Yoman や CLI などの一連の構築ツールについて話していたのですが、チームが成長した後、何かが足りないと常に感じていました。一方、Java の学生は Spring Boot 構成エンジニアについて聞いたことがありません。

今年は、多くのチームが完全なフロントエンド DevOps プロセス ツールを構築しており、これらのチームは、新しいプロジェクト、開発、共同デバッグ (tiao) から、Web であろうと小さなプログラムであろうと、協力して構築し始めています。 、デプロイメント、テスト、公開、運用および保守から統計の監視まで、効率を確保し改善するための完全なツールがあり、将来的にはフロントエンド プロジェクトはますます標準化されるでしょう。

2020 年のフロントエンドの開発を楽しみにしていると、フロントエンド エンジニアリング システムは間違いなくクローズド ループ化され、単なる足場のような単純なものではなくなり、IDE と組み合わせられて、プロジェクトの初期化からコードの作成、CI、グレースケール、リリースに至るまで、完全な閉ループからのビジネス属性をオープンにします。

サーバーレス

サーバーレスの人気は、ほぼフロントエンドに起因すると考えられます。サーバーレスは Node.js を完全にサポートできるため、フロントエンド開発者が Node.js を使用する過程で多くの問題を解決できるようになります。

現在のフロントエンド エンジニアのほとんどは専門的なバックグラウンドを持っており、本格的なサーバーサイド開発の学生とは比較できませんが、サーバーサイド層で多くのビジネス ロジックを記述することもできます。現在、多くの企業がこれらの需要を満たすために BFF レイヤーを構築していますが、運用と保守、マシンの割り当ての障害を取り除くことはできません。

サーバーレスの段階的な実装により、BFF 層のコードは、運用と保守、マシンの割り当てなどの複雑な問題を解決します。同時に、フロントエンドで問題が発生する可能性が高くなります。学生はコードのこの部分を書き、サーバーサイドの学生はミドルエンド システムに焦点を当てます。ビジネスの観点から見ると、ビジネスの試行錯誤コストも大幅に削減されます。

Node.js がフロントエンド開発者にとって必須のスキルになるにつれ、クラウド コンピューティングの継続的な人気により、サーバーレスが手の届くところに来るでしょう。ますます多くの開発者が研究開発のメリットを享受すれば、サーバーレスは間違いなくフロントエンドの研究開発モデルを変えるでしょう。

同時に、サーバーレスを使用する学生は必ず TS を使用することになります。これは、2020 年に TS を書かないと本当にアウトになる可能性があることを意味します。

WebAssembly

WebAssembly は新しいバイトコード形式であり、現在すべての主流ブラウザが WebAssembly をサポートしています。解釈と実行が必要な JS とは異なり、WebAssembly のバイトコードは基盤となるマシンコードに非常に似ており、迅速にロードして実行できるため、JS の解釈と実行に比べてパフォーマンスが大幅に向上します。

言い換えれば、WebAssembly はプログラミング言語ではなく、バイトコード標準です。バイトコードをコンパイルし、それを WebAssembly 仮想マシンに入れて実行するには、高レベルのプログラミング言語が必要です。ブラウザ メーカーが必要とするものWebAssemblyの仕様に従って仮想マシンを実装することです。

WebAssembly を使用すると、ブラウザ上で任意の言語を実行できます。 Coffee から TypeScript 、Babel まで、これらはすべて実行前に js に翻訳する必要がありますが、WebAssembly はブラウザに vm を埋め込んで、翻訳を必要とせずに直接実行するため、当然実行効率が大幅に高くなります。

たとえば、AutoCAD ソフトウェアは、American Autodesk Co., Ltd. (Autodesk) によって製造された自動コンピュータ支援設計ソフトウェアであり、2 次元図面と基本的な 3 次元設計に使用できます。使用する際にプログラミングの知識を必要とせずに自動描画できるため、世界中の土木建築、装飾、工業用図面、エンジニアリング図面、電子産業、衣類加工などの多くの分野で広く使用されています。

AutoCAD は大量の C コードで書かれたソフトウェアであり、デスクトップからモバイル、Web に至るまで多くの技術的変化を経験してきました。以前、InfoQ で「AutoCAD & WebAssembly: 30 年間のコード ベースを Web に移行」というタイトルの講演がありましたが、WebAssembly を通じて、多くの古い C コードを Web 上で実行でき、実行効率が保証されています。

WebAssembly のコア JavaScript エンジン V8 には、新しい WebAssembly ベースライン コンパイラである Liftoff が含まれるようになりました。 Liftoff のシンプルで高速なコード ジェネレーターは、WebAssembly アプリケーションの起動を大幅に高速化します。 2019 年には、多くの企業が WebAssembly の学習と変革に人的資源を投入し始め、2020 年には WebAssembly が爆発的な成長期を迎えると私は信じています。

5G

2019 年に避けて通れないトピックは 5G です。まず第一に、5G 帯域幅の大幅な増加は、2G から 2G への移行時に WAP の平文ハイパーリンク時代から 4G フル画像ビデオ時代への変化と同様に、従来の Web の複雑さのさらなる増大をもたらしました。 4G。 5G は大きな変化ですが、それは決して一夜にして起こるものではありません。ハードウェアの性能やブラウザの処理速度など、対応するサポート機能も徐々に改善する必要があるためです。

サーバーサイド レンダリング (SSR) は、フロントエンドとバックエンドに焦点を当てた、間違いなく近道です。5G は橋渡しです。バックエンドにレンダリングを置くことは、同型性ほど単純ではありません。注意が必要です。レンダリングパフォーマンスの最適化。 WebAssembly は、複数のバックグラウンド言語をシームレスに接続でき、バックグラウンド レンダリングの最適化によってフロントエンドの研究開発モデルと技術アーキテクチャにも変化がもたらされるため、この機会に急速に発展する可能性があります。

第二に、5Gがもたらすあらゆるものの相互接続は、VR、ウェアラブルデバイス、カーシステム、スマートプロジェクション、スマートインタラクションなど、スマートフォンや通常のPCとは異なる多様なアプリケーションシナリオをもたらします。これは、フロントエンドにより多くのオープンスペースが存在することも意味します。 5Gの大規模商用化により、新たなインターネットの巨人が数多く誕生すると私は考えています。

読んでいただいた皆様に感謝します。多くの利益を得られることを願っています

この記事は、https://xiangzhihong.blog.csdn.net/article/details/103233487## から転載しています。

#その他の関連情報については、

PHP中文网 をご覧ください。 ！

以上が2021年の大手フロントエンドの開発トレンドはどうなるか知っていますか（詳しく解説）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。