ブドウ市チーフアーキテクト:グリッド制御技術のWebフロントエンドの開発と解釈

 

講師:ISSAM Elbaytam、ブドウ市グループのグローバルチーフアーキテクト(チーフソフトウェアアーキテクト

グレープシティグローバルの)。データDynamics.Incの創業者で元シニアプロダクトマネージャー、個人の研究対象は主にMS.NET言語やプラットフォーム、動的なシステム構築、および高性能な大規模分散型Webシステムのアーキテクチャ、市のベストセラー製品のコントロールの主要なブドウ品種ですシステムアーキテクチャとパフォーマンスの最適化。

 

これは彼の評価と一致しているブドウ市の同僚「25年、残りのわずか4時間のために、毎日のスケジュールに加えて、ISSAMは技術や製品を研究ない、それがで技術動向の調査への道です」。

なぜ彼は、フロントエンドの開発技術とそう取りつかれているのですか?彼の目には、将来的にはフロントエンドの開発が行くことでしょうか?今日のホットな新技術HTML5、JavaScript、およびブロック鎖と、どのような彼の異なるビューや視点の顔?彼は、フロントエンドの開発技術、「オンラインエクセル」のショートカット・システムを使用して提唱しているのですか?この問題は、ブドウのオープンクラスの都市では、私たちは詳しく見ていきます。

 

 

 

  • ウォッチ住所:https://live.vhall.com/347833693
  • ライブ時間:2019年11月20日(水曜日)14時午後
  • ライブ概要:
    • 処理性能のWebフォームコントロール、およびどのような要因に関連しますか?
    • どのように技術的なアーキテクチャと設計をSpreadJS?
    • Excelの数式の450以上の種類に対応、SpreadJSはそれを行う方法?
    • フロントエンド開発技術の進歩、将来は行くことでしょうか?

レッスンのまとめ

この問題はオープンクラス、ISSAMはどのように高度な技術とフロントエンドの開発ツールを使用して、企業の情報システム、ブラウザーまたはExcel Webアプリケーションの組み込みクラスモジュールはすぐにExcelのUIデザインのビジネスシーンなどのデータ報告、オンライン文書を実現しますそしてHTML5キャンバスインターフェース描画モードと疎な配列(スパースアレイ)モデルの詳細SpreadJSに記載されています。

同時に、だけでなく、私たちの中に深い解釈に「ビジネス要件の変化に直面し、開発者はどのように維持し、Webアプリケーション開発の反復の速度を改善していきます。」

最後に、技術の愛好家として、ISSAMは、今日のフロントエンド技術で最もホットなトレンドの見解を表明します。

ここではオープンクラスの問題の核心である、より多くの素晴らしい共有するために、してくださいここをクリックして見て。

エンタープライズWebアプリケーション、「エクセル」の重要性

Excelは、統計ソフトウェアの必要不可欠な分野の一つとなっている、その直感的なインターフェイス、優れたパフォーマンス・コンピューティング、データ分析とグラフで、スプレッドシートツールとしてユーザーに愛さ。企業にとってエクセル:

  • 、自動化に向けた企業であり、「Excelでデータと話し、」情報技術は、最初のステップです
  • Excelは、操作が簡単ですが、驚異的なパワーと柔軟性を隠します
  • 多くのWebアプリケーションでは、「スプレッドシート」から始めます
  • おそらく、信じられないほどの、Excelのスクリプトは、確かに最も人気のある機能の一つ(の)言語であります
    • どこでもExcel関数や数式
    • 完全なチューリングマシンシステム
  • Excelはさえ描き、ゲームを作ることができます(必要なへま)

 

しかし、エンタープライズソフトウェア自体の実際の値は、Excelが行うのですか?

 

エンタープライズアプリケーションショートボード用エクセル:

  • Excelの混乱と非効率的な管理
  • Excelのデータ交換の完了に依存して、大幅にアプリケーションシステムの動作効率を低下させます
  • Excelファイルとアプリケーションは、企業が困難を持っている接続します
  • 汎用性の高い、簡単なExcelを使用してファイルを保存します
    • しかし、改ざんへのデータの脆弱
  • Excelは、ファイルベースの分析に最適です
    • しかし、統合することは困難と同時に、分析し、複数のファイルをまとめて

 

非常にExcelに似ていますが、Excelが達成されるデータ、フィルタリング、小計およびその他の機能の並べ替えに依存しないエンタープライズアプリケーションプロジェクトでは、実際の情報システムでも、機能モジュールに不可欠である必要があるビジネスです。例えば:

  • LOBアプリケーション
  • セキュリティリスクを軽減し、一時的なコピーから機密データを防ぎます
  • アクセス制御リストのアプリケーション
  • 一元化されたデータベース・ストレージ、そしてそれは、より詳細な分析やレポート作成のために使用することができます

 

したがって、エンタープライズアプリケーションのために、エクセルの欠点を克服することができる開発ツールがある場合Excel関数、組み込みWebシステム、ExcelのWebコンポーネント開発の実現、データ報告、Excelなどのオンラインドキュメント、チャートリンケージ式は、 UIデザインのビジネスシナリオとExcelの数式と文書型と完全に互換性があり、間違いなく企業に大きな価値をもたらすでしょう

これらは、しかし、テーブル制御SpreadJSの純粋なフロントエンドの基本的な機能の一つです。

 

Webフォームコントロール - SpreadJS誕生

SpreadJSの  予期しない、だけでなく、合理的である誕生。

1996年にインターネットへの中国の完全な機能にアクセスするので、ウェブ製品への期待はより熱烈になります。今日では、一方的にPC側からの圧力に直面するだけでなく、Web開発者は、複数のモバイル側、PWA(アプレット)を受けて、他のアプリのhybird需要プラットフォームが一般的になっています。

ビジネスの圧力を変えることを余儀なく、開発ニーズにつながったし、Webアプリケーション開発の反復の速度を向上させる、最大限の短縮プロジェクトのリードタイムに、だけでなく、利用のしやすさ及び安定性を維持する必要があります。

課題がありますが、機会が存在します。

Excelを使用することに慣れ統計が、やってたときに、データ処理の中で最もユーザー:開発中に発見されたアメリカの名前のISSAM Elbaytamエンジニア。しかし、企業のWebプロジェクトのために、Excelはまたのような非常に明らかな欠点、次のとおりです、ない完全にOfficeスイートのうち、認可の価格が高い既存のアプリケーションとエンタープライズ接続困難、配信されたデータを変更することはできません。

これらの欠点の学習の際に、素晴らしいアイデアが生まれた:あなたは純粋なJavaScriptの開発する場合の機能をし、UIのExcelと非常に類似している両方のアプリケーションは、現在人気のBを満たすように、開発者が使用するスプレッドシートコントロール/ Sアーキテクチャの要件、アプリケーションは、ユーザがB / S側の移行を促進することができ、また、完全に使用するOfficeスイートから離婚することができます。

しかし、最終的には純粋なクラスエクセルフロントエンドの開発ツールを達成するためにいかに難しいですか?R&D費用と多くの時間を入れに加えて、でも、ブドウなどの都市では、一般的に.NETコントロールの開発における企業の長年の経験を蓄積してきた、綿密な研究では、Excelデータの相互作用ロジックの終了前と後の場合には、フロントエンドのデータのレンダリング、統合フレームワークを、なかったです人材と資源の多くは成功しませんでした。とりわけ、単にExcelの数式や関数の膨大な数を達成するためにJavaScriptを使用して、複数のエネルギーを消費するのに十分です。

 

 

 

ブドウ市Spread.NETフォームコントロール

 

他の人のためにあきらめませんが、ISSAMなしている場合があります。20年連続で、1日4時間の中断の場合には、ISSAM的ブドウ市Spread.NETベースのフォームコントロール、および最終的には2015年に、本物の純粋なフロントエンドのスプレッドシートコントロールの外に開発- SpreadJS

 

 

 

SpreadJSは、Excelのデータ構造と対話します

 

努力は、収穫を獲得します。わずか5年、SpreadJSは、天虹基金、Huawei社は、中国のPing、中国招商銀行や他の業界の巨人、ウェブExcelのコンポーネント開発を達成するために、データ報告、オンラインドキュメントとして役立つ、通電のよく知られている国内外の企業や機関の数をされていますグラフ式リンケージ、データ可視化コアビジネスシナリオ。開発は、当社のシステムのためのトレーニング時間を多く保存完了した後に、優れた性能をSpreadJS「だけで私達のユーザーが社内システムの使用としてExcelを使用したいように、エクセルSpreadJSクラスのオペレーティング慣行コードの100行を超えると、ユーザーの移行さんが後ろに座るとリラックスしましょう。「華為責任者が認めています。

 

「オンラインエクセル」機能の急速な発展を達成する方法

 

 

 

SpreadJSは、次のようにメモリ層アーキテクチャ、命令セット、計算エンジン、プレゼンテーション層、インポートとエクスポート、および界面層のレンダリングが形成されることにより、最も完全でHTML5 JavaScriptをそれぞれ、最速のスプレッドシートコントロール、に基づいています。

 

 

 

 

このフレームワークの基盤では、SpreadJSはコア機能が含まれて提供されます。

など1.業界トップのExcel互換度:

    •   エクセル53は、条件のフォーマット18種類、ハイライトデータの三種類、および表スタイルの60種類、セルフォーマットをサポート
    •   これは、Excelの数式関数の450以上の種類をサポートしています
    •   図32のグラフの種類、および182をサポートする。ミニ形状の18種類
    •   動的配列との配列数式は、完全なサポートライブラリを持っています
    •   純粋なフロントエンドのインポート、エクスポートExcelファイル

2.超えエクセルのような、ユニークであります:

    •   カスタムミニマップとバーコード
    •   カスタム入力セルの種類、セルのラベル、充填、ドロップダウンリスト、およびボタン
    •   ダイナミックな形状

3.クラスをサポートするためのフレームワークと拡張:

    •   完全な互換性フロントエンド開発、反応して、角度VUEと他のフレームワーク
    •   仕様に沿って、UMDは、オンデマンドでロードすることができます

4.高速処理性能と応答

    •   HTML5のキャンバスインタフェースのDOMのレンダリングよりも、より高度な使用して、パフォーマンスを犠牲にすることなくアクセスすることができ、収納スペースの節約を最大化

 

上記のコア機能に基づいて、アプリケーションシナリオのSpreadJSは、主に以下の三つの側面を含みます。

  • データ報告
  • Excelレポートデザインクラス
  • オンライン共同編集

 

パフォーマンスのWebフォームコントロールを処理し、どのような要因に関連します

SpreadJSの  目標は、すべての開発ニーズを満たすために最高のコントロールになることです!この目標を達成するための前提条件、企業は高い性能要件を満たす必要があります。

まず、最初からSpreadJS、インターフェース全体を描画するキャンバスの方法を使用して、DOMスプライシング異なる、キャンバスを使用する利点は、ユーザーに、よりスムーズなインタラクティブな体験を提供する能力である:データテーブルが増加されることはありません、ブラウザで結果カトン。

第二に、データストレージは、SpreadJSは、スパースアレイ(スパースアレイ)構造を使用して、性能を犠牲にすることなくアクセスすることができ、収納スペースの節約を最大化します。

 

 

 

これは、上記の技術を達成することに基づいている、SpreadJSはまだお使いのブラウザで、高い処理性能と応答性を維持することができます。

将来のアプリケーションとフロントエンド開発の技術動向

回の小規模および大規模なフロントの時代のフロントエンド:総合、フロントエンドの開発は、2つのエポックに起因することができます。

 

時代の小さなフロント

JavaScriptはそれから発明された理由はJavaScriptを使用して、その後回、目の前に、小さなフロントエンド開発を発明したのか?

1995年には、ユーザーは28.8キロビット/秒のモデムを介してインターネットに接続しているときに、簡単な登録フォームの検証を行うと、サーバーと対話したい場合は、インターネットは、このようなユーザーとして、上昇し始めたが、サーフィンは、ほぼ30秒が必要になります。半分分待機した後、サーバが満たされたフィールドを知らせるのを忘れて、気分の種類になります、私たちが想像してみましょう。

 

 


(ネットワークからの映像)

クライアントのニーズに基づいてスクリプト言語は徐々にNetscapeが1995年に増加した実行されている流行語の近くにされて入ってきた、と後でJava用のJavaScript LiveScriptの前身を開発し、LiveScriptはJavaScriptに改名しました。JavaScriptクライアントとのロジック、動的相互作用およびその他の行為を行うことができます。

だから、外観のためのHTMLスケルトン、CSSによって、JavaScriptが正式にダウン、固定との相互作用です。その後、時代のAjax技術、ウェブ1.0の上昇に伴って、またその上のデータ処理、動的効果、優れたユーザーエクスペリエンスとがあり、コンテンツベースの表示機能に加えて、2.0の時代、Webページに入りました。

 

回のビッグフロント

フロントエンドのダイナミックな効率で、データ交換のための需要の高まり、開発者がより簡単に、データを操作DOMを開発することができるように、jQueryのクロスブラウザー・ツール・ライブラリがされて入ってきた、それは、Webに新しい活力をもたらしましたインタラクティブ、動的相互作用およびその他の行為は、考えて開発者がさらに開かれました。

その後、GoogleのV8エンジンのリリース、ノード生まれは、(もはやJavaScriptのフロントエンド言語のみのページとの対話を書き込むことはできません)フロントエンド開発のために開発されたフルスタックを達成するために同じ言語を使用する機会を提供しています。プロジェクトのフロントエンドはの実際のアプリケーションを達成するように、フロントMVVMフレームワークが続くが、Vueの、角度、反応します。彼らは、新しいタイトル持っているので、フロントエンドの時代の先駆けフロントは、フロントエンドの開発実務者は最終的に、タイトルに「計画所得者を切る」に別れを告げる「フロントエンドの開発エンジニアを。」

2009年、5G時間に4Gの時代から現れ、ウェブ製品の要件や期待の人々は、製品の「ショート、フラット、速い」の特性と将来的には、より洗練されたとなっている大画面のスマートフォンでは、人気が出るだろう。

フロントエンドの今後の開発動向のISSAMビュー

JavaScriptとブラウザの、だけでなく、Webアプリケーションの開発ベースのシステムの開発は、優れたパフォーマンスと運用サポート環境を提供します。

中国の開発者が直面する、ISSAMはまた、中国の開発者は、最新かつ最高の技術を使用するようにしたい」、認め、そのようなSpreadJSとして優れたフロントエンド開発ツール、彼らは確かにこれらの開発者を支援するために、自分のプロジェクトのための強力なサポートを提供しますなどの金融、予算、工学、統計、情報システムの分野では、強力なコンピューティングエンジンと柔軟なデータ可視化プレゼンテーションを通じて、商業情報のための、より豊かで効果的なコンテンツを提供するコントロールパネルを形成しています。」

最後に、技術の愛好家、将来について興奮ISSAMとして、私は将来のフロントエンド技術の開発とことを信じて、常に更新されたWebアセンブリ反復、これらの技術は、前例のない、より強力なソリューションをユーザーに提供します。

 

おすすめ

転載: www.cnblogs.com/C1SupportTeam/p/11797551.html