|
以前、私はローコード可視化技術と製品の研究に携わり、多くの可視化構築プロジェクトを主導してきました。主な目的は、企業の研究開発コストの削減と製品デリバリーサイクルの短縮でした。インターネット技術の発展に伴い、優れた技術製品が次々と登場しています。そこで今回は、企業のデジタルトランスフォーメーションを支援する、非常に価値のある可視化構築プロジェクトをいくつかご紹介します。 1. Formily – Alibabaの統合フロントエンドフォームソリューション上のスクリーンショットは、Alibabaの技術チームによって開発された完全にオープンソースのFormilyエディタです。これを使用することで、自然なフローレイアウトのフォームを作成し、アプリケーションを構築できます。技術に詳しい方は、必要なコンポーネントをカスタマイズすることもできます。現在、Formilyは以下のように複数のコンポーネントライブラリとフレームワークをサポートしています。
したがって、 Reactフレームワーク開発者でもVueフレームワーク開発者でも、これを使用して独自のフォーム作成プラットフォームを構築できます。 しかし、唯一の欠点は、技術に詳しくないユーザーにとって使い勝手があまり良くないことです。例えば、ドラッグ＆ドロップレイアウトは自然な流れのレイアウトであり、要素の位置を自由に移動できません。そのため、一部のカスタマイズされたシナリオや柔軟性の高いシナリオには適していません。以下はアーキテクチャ図です。 プロジェクトリンク: https://github.com/alibaba/designable。 興味のある方は勉強して参考にしてください。 2. Amis – BaiduのローコードフロントエンドフレームワークAMISS は、JSON 構成を使用してページを生成するローコードのフロントエンド フレームワークであり、ページ開発の作業負荷を軽減し、効率を大幅に向上させることができます。 フロントエンド開発はますます複雑化し、学習曲線は急峻になっています。人気のUIコンポーネントライブラリを使用するには、npm、yarn、webpack、react/vueなどを理解し、ES6の構文にも精通している必要があり、理想的にはReduxなどの状態管理も理解している必要があります。関数型プログラミングに触れたことがなければ、始めるだけでも非常に困難です。そして、実際に使い始めると、 2,347もの関連ライブラリが巨大なエコシステムを形成していることに気づきます。これらのライブラリの多くは似たような機能を持っているため、選択プロセスにはコストがかかります。 ほとんどのページを最も簡単な方法で生成するために、 AmisのソリューションはJSON構成に基づいており、次のような独自の利点があります。
プロジェクトリンク: https://github.com/baidu/amis。 興味のある方は、こちらも参考にして学んでみてください。 3. H5-Dooring – H5 ページを構築するための強力なツール（誰でも簡単にページを作成できます）。H5-Dooringは、中国のトップテクノロジー専門家によって開発された、プロフェッショナルグレードのビジュアルローコードプロジェクトです。H5ページの作成はブロックを組み立てるのと同じくらい簡単で、H5ページ、H5ウェブサイト、PCウェブサイト、そしてローコードプラットフォームを簡単に構築できます。 エディターは複数の言語と、インテリジェントグリッドレイアウトやフリーレイアウトなどの多様なレンダリングモードをサポートしているため、技術に詳しくないユーザーにも最適です。10分で美しいページを作成できます。技術的なアーキテクチャは次のとおりです。 H5-Dooringで視覚的に構築されたページは、ワンクリックでデプロイでき、ページコードもダウンロードできる点が特筆に値します。これにより、技術に詳しくないユーザーでも簡単にページを自社サーバーにデプロイでき、大きなメリットとなります。このプラットフォームは、より良いユーザーエクスペリエンスを実現するために、継続的に改良を重ねています。 プロジェクトリンク: https://github.com/MrXujiang/h5-Dooring 4. Mometa – 研究開発用のローコード メタプログラミング エディターmometa は、従来の主流のローコード プラットフォーム (Amis/H5-dooring など) ではありません。mometaは、R&D 向けのコード ビジュアル設計および編集プラットフォームであり、 Dreamweaverやプログラマー向けのGUIビジュアル エディターに似ています。 解決するために使用される問題は次のとおりです。
mometa はプログラマー向けのローカル開発モデルとして位置付けられており、視覚的にコーディングする機能 (ローカル コード ファイル自体を変更する機能) が追加されています。これは、ノーコード(amis/h5-dooring) プラットフォーム ソリューションというよりも、補助的なコーディング ツールのようなものです。 プロジェクトリンク: https://github.com/imcuttle/mometa。 その他の機能: 5. V6.Dooring – ビジュアルダッシュボード作成ツールデータビジュアライゼーションといえば、おそらくほとんどの人が何らかの形で触れたことがあるでしょう。技術的な観点から見ると、最も直感的なアプローチは、次のようなフロントエンドビジュアライゼーションフレームワークを利用することです。
これらのライブラリはすべて、ビジュアルチャートを簡単に作成するのに役立ちます。V6.Dooringは、ドラッグアンドドロップでさまざまなビジュアルチャートを単一のデジタルダッシュボードに統合できるデザインソリューションを提供します。これにより、開発コストと時間を大幅に削減し、企業のデジタルトランスフォーメーションを加速できます。その技術アーキテクチャは次のとおりです。 使いやすさを確保するために、 V6.Dooring は次のコア モジュールを設計しました。
以下はそのエディターです。 V6.DooringもH5-Dooringの作者のリーダーシップの下で開発されたことは注目に値します。興味があれば調べてみてください。 6. form-generator – Element UI をベースにした UI フォームデザインとコードジェネレーターElement UIフォーム デザイナーとコード ジェネレーターは、生成されたコードをElementベースのVueプロジェクトで直接実行できます。また、 JSONフォームをエクスポートし、付属のパーサーを使用してJSON を実際のフォームに解析することもできます。 これはFormilyと多少似ていると思います。どちらも技術主導のプロジェクトです。 プロジェクトリンク: https://github.com/JakHuang/form-generator。 要約さて、今日のシェアはこれで終わりです。今後も価値の高いアプリケーションプロジェクトや技術実践についてシェアを続けていきます。 |
