華雲データ技術共有：2019年フロントエンド戦略計画技術レイアウト

[[261171]]

プログラマーは皆、フロントエンド技術が非常に急速に変化することを知っています。 2019 年を迎え、フロントエンド テクノロジーはどのような変化をもたらすのでしょうか。また、私たちは何を学ぶべきでしょうか。 Huayun Dataの「知会華雲」コラムでは、「2019年先端戦略計画」に関する連載記事をお届けします。この号では、2019 年のフロントエンド戦略計画の技術的なレイアウトについて説明します。

レイアウト1: 基本

おそらく、ほとんどの開発者にとって、フロントエンドの基本的な知識は HTML + CSS + JavaScript です。しかし、私の意見では、基本的な範囲はそれ以上です。 nodejs とさまざまな調査を追加する必要があります。 Nodejs は高度なスキルではなく、必須のスキルになりました。

入社したばかりのインターン生は、フロントエンド開発の道を歩み始める際に、基礎知識の習得にもっと注意を払うべきです。

レイアウト2: フレームワーク

VUE、React、Angualar は 2018 年にバランスが取れました。 1 つ知っておく必要があります。もちろん、React はユーザー数が最も多く、満足度も最も高く、企業のニーズにも応えています。

レイアウト3: Webコンポーネント化

ここで言うコンポーネント化とは、Web コンポーネントのことです。 Html+Css+Js による構造、プレゼンテーション、動作の分離は確かに良いアイデアですが、状態管理やデータ同期などのいくつかの問題も生じます。

コンポーネントの特徴:

1. 高い凝集性。コンポーネントの機能は完全である必要があります。たとえば、ドロップダウン メニュー機能を実装する場合、ドロップダウン メニュー コンポーネントに、ドロップダウン メニューに必要なすべての機能を実装する必要があります。

2. 結合度が低い。簡単に言えば、コードは独立しており、プロジェクト内の他のコードと競合することはありません。実際のプロジェクトでは、チームでのコラボレーションが必要になることがよくあります。ビジネス ラインに従ってコードを記述する従来の方法では、互いに競合が発生しやすいため、コンポーネント化を使用すると、このような競合の存在を大幅に回避できます。

3. 各コンポーネントには明確な責任、完全な機能があり、結合度が低いため、ユニットテストと再利用が容易になります。

なぜ人々はコンポーネント化に熱心なのでしょうか?それが私たちにもたらす利益を見れば、その必要性は自明です。

• 開発効率の向上
• 繰り返し使用に便利
• デバッグ手順を簡素化
• プロジェクト全体の保守性を向上させる
• 共同開発を促進

レイアウト4: PWA

プログレッシブ ウェブ アプリ (略して PWA) は、いくつかの追加機能を備えた Web アプリケーションであり、Web アプリケーションを作成する新しい方法です。

太陽の下には新しいものは何もない。実際、2005 年頃には、データ インタラクションにはさまざまな形式がありました。当時、Google は Ajax を大々的に使用し、Ajax はデータ インタラクションの事実上の標準となりました。

10年後も状況は似ており、さまざまなWebアプリの開発が混沌としており、Googleは改めてPWAこそが次世代のWebアプリであると明言しました。

• 2005 ajax->データ相互作用;
• 2015 年の PWA -> Web アプリ開発。

レイアウト5: GraphQL

1. GraphQL は REST API の代替であり、データ インターフェイスに使用されます。

2. スタートアップ企業や中小企業で、これまでの技術的な負担がない場合は、GraphQL を使用すると効果的です。

3. フルスタックになりたい場合、GraphQL は 5 万ドル以上を稼ぐ最高のチャンスです。

レイアウト 6: サーバーレス サービス

これにより、企業はサーバーを購入して負荷分散を行う必要がなくなります。現在、典型的なアプリケーションは画像ホスティングです。大量の画像をアップロードすると、他の人のサーバーがニーズに応じてさまざまなサイズの画像を用意し、ホットリンク防止や負荷分散も提供します。性能と安全性に疑いの余地はありません。

このアプローチにより、フロントエンドとバックエンドの動作方法が完全に変わります (バックエンドがまったく必要なくなるため)。

レイアウト 7: 静的ウェブサイト

技術スタックJAMStackをすべての人に推奨する

https://jamstack.org/

JAMstack は、JavaScript、API、マークアップで構築されたテクノロジー スタックを指します。 JAMstack は、クライアント側の JavaScript、再利用可能な API、および事前に構築されたマークアップに基づく最新の Web 開発アーキテクチャです。

いつ使うのですか?ここでは消去法を使います。

1. WordPress、Drupal、Joomla、Squarespace などのサーバー側 CMS を使用して構築されたサイト。

Ruby、Node、またはその他のバックエンド言語に依存する Web アプリケーションを実行するモノリシック サーバー。

3. 実行時にサーバー上でビューを構築するためにアイソモーフィック レンダリングを使用するシングル ページ アプリケーション。

上記3つの場合を除いて、その他の場合は任意に作成できます。

なぜそれを使うのですか?

ウェブサイトとしては、早く改善されることを願っています。 JAMstack を使うと、ただ一言で言えば「速い」です。開発も早く、発売も早いです。

レイアウト8: JavaScript AI

JavaScript で構築されたさまざまな AI モデルと機械学習モデルについて学習します。なぜ？

現在の開発スピードは非常に速いので、いつか商業用画像カットや特殊効果ライティング用の AI が利用可能になるかもしれません。デザイナーがレンダリングを思いついたら、それを前述のサーバーレスサービスにアップロードし、画像を直接切り取ります。 JSの特殊効果は全部書いてあるんですが、肝心なところは全く互換性がないんです。これはSFではありませんが、現実に非常に近いものです。 AI カットアウトはすでに利用可能であり、その効果はかなり良好です。十分な訓練を経て精度が商業利用に達すれば、切り抜きを主な仕事とする設計者は解雇されるかもしれない。同様に、フロントエンドの人員も大量に解雇されることになるだろうが、これは誇張ではない。考えてみてください。タイピストという職種は今でもあるのでしょうか？

しかし、2種類の人々は解雇されないでしょう。

1. JavaScript と AI の組み合わせに習熟し、AI を使用して Web アプリや Web サイトを会社のビジネスにさらに適合させます。

2. js を通じて自社のワークフローを構築する人。

これら 2 種類の人材は解雇されないだけでなく、さらに重要になるでしょう。

なぜ？かつては10人のチームで行っていた作業が、AIを操作するだけで一人で行えるようになります。

レイアウト 9: Javascript モノのインターネット (IOT)

Nodejs は JavaScript をブラウザに限定するのではなく、サーバー側にプッシュします。同様に、IoT により JS はより幅広いデバイスに普及しました。

シンプルな音声制御デスクランプから複雑な JavaScript + IoT スマートホームまで、js の応用範囲はますます広がっています。そして、設備領域の拡大には必ず巨大な技術的中核が伴います。

クライアントからサーバーへ、PCからスマートフォンへ、そして同様にスマートフォンからスマートデバイスへ、新たな技術の波と高給が確実に起こるでしょう。

レイアウト10: 知識マイニング技術

世界中のデータベースに保存されるデータの量は劇的に増加しています。人々のニーズは、もはや単純なクエリとメンテナンスだけではありません。代わりに、彼らはこれらのデータをより高いレベルで処理および分析し、全体的なデータ特性と開発動向の予測を取得できるようにしたいと考えています。そのため、知識マイニングの技術は非常に有用であり、現在の技術発展とともにその傾向はますます顕著になってきています。

フロントエンドの世界は急速に変化しています。誰も明日を正確に予測することはできません。バフェット氏でさえ、明日のアップルの株価がどうなるか計算することはできない。しかし、この傾向はますます明白になってきており、市場は私たちにこの傾向に追いつくのに十分な時間を与えてくれるでしょう。キャリアを次のレベルに引き上げるために、一生懸命働く必要はないかもしれません。視野を広げ、事前に計画を立て、計画したルートに沿って一歩ずつ進んでいけば、たとえ世界の頂上に登れなくても、下にある山々をすべて見るだけで十分でしょう。この記事が、皆さんの登るための手助けになれば幸いです。