論文の概要: ZjsComponent: A Pragmatic Approach to Modular, Reusable UI Fragments for Web Development
- arxiv url: http://arxiv.org/abs/2506.11016v1
- Date: Sun, 04 May 2025 08:57:31 GMT
- ステータス: 翻訳完了
- システム内更新日: 2025-06-22 23:32:14.475371
- Title: ZjsComponent: A Pragmatic Approach to Modular, Reusable UI Fragments for Web Development
- Title(参考訳): ZjsComponent: Web開発のためのモジュール的で再利用可能なUIフラグメントに対する実践的なアプローチ
- Authors: Lelanthran Manickum,
- Abstract要約: ZjsComponentは、モジュール化された再利用可能なUI要素を作成するために設計された軽量でフレームワークに依存しないWebコンポーネントである。
ZjsComponentはビルドステップ、トランスパイル、プリコンパイル、特定のエコシステム、その他の依存関係を必要としない。
- 参考スコア(独自算出の注目度): 0.0
- License: http://creativecommons.org/licenses/by-sa/4.0/
- Abstract: In this paper, I present ZjsComponent, a lightweight and framework-agnostic web component designed for creating modular, reusable UI elements with minimal developer overhead. ZjsComponent is an example implementation of an approach to creating components and object instances that can be used purely from HTML. Unlike traditional approaches to components, the approach implemented by ZjsComponent does not require build-steps, transpiling, pre-compilation, any specific ecosystem or any other dependency. All that is required is that the browser can load and execute Javascript as needed by Web Components. ZjsComponent allows dynamic loading and isolation of HTML+JS fragments, offering developers a simple way to build reusable interfaces with ease. This approach is dependency-free, provides significant DOM and code isolation, and supports simple lifecycle hooks as well as traditional methods expected of an instance of a class.
- Abstract(参考訳): 本稿では、開発者が最小限のオーバーヘッドでモジュール化された再利用可能なUI要素を作成するために設計された軽量でフレームワークに依存しないWebコンポーネントであるZjsComponentを紹介します。
ZjsComponentは、HTMLから純粋に使用できるコンポーネントとオブジェクトインスタンスを作成するアプローチの例である。
コンポーネントに対する従来のアプローチとは異なり、ZjsComponentで実装されたアプローチはビルドステップ、トランスパイル、プリコンパイル、特定のエコシステム、その他の依存関係を必要としない。
必要なのは、ブラウザがWeb Componentsで必要なようにJavascriptをロードして実行できることだ。
ZjsComponentはHTML+JSフラグメントの動的ローディングと分離を可能にする。
このアプローチは依存性のないもので、大きなDOMとコードの分離を提供し、単純なライフサイクルフックとクラスのインスタンスに期待される従来のメソッドをサポートします。
関連論文リスト
- Improving Front-end Performance through Modular Rendering and Adaptive Hydration (MRAH) in React Applications [0.0]
我々は、ReactとNext.jsアプリケーションのパフォーマンスを最適化するために、モジュールレンダリングパイプラインと適応型ハイドレーション戦略を組み合わせたパターンを提案する。
このアプローチはインターフェイスを独立したモジュールに分割し、独立してレンダリングし、水和することができる。
ページロードで実行されるJavaScriptの量を削減し、インテリジェントに作業をスケジューリングすることで、このアーキテクチャは主要なパフォーマンス指標を改善することを目指している。
論文 参考訳(メタデータ) (2025-04-04T19:11:30Z) - Piece it Together: Part-Based Concepting with IP-Priors [52.01640707131325]
ユーザが提供するビジュアルコンポーネントの一部集合をシームレスにコヒーレントな構成に統合する生成フレームワークを導入する。
提案手法は,IP-Adapter+から抽出した,強力で過小評価された表現空間に基づいている。
また、与えられたタスクに対するIP-Adapter+のプロンプトアテンデンスを大幅に改善するLoRAベースの微調整戦略を提案する。
論文 参考訳(メタデータ) (2025-03-13T13:46:10Z) - Boostlet.js: Image processing plugins for the web via JavaScript injection [1.6788471105762233]
Boostlet.jsは、画像処理機能を実現するためのオープンソースのJavaScriptベースのWebフレームワークを提供する。
例えば、カーネルフィルタリング、イメージキャプション、データの可視化、セグメンテーション、Web最適化機械学習モデルなどがある。
論文 参考訳(メタデータ) (2024-05-13T15:57:19Z) - Harnessing customized built-in elements -- Empowering Component-Based
Software Engineering and Design Systems with HTML5 Web Components [1.7094064195431142]
HTML5のカスタム組み込み要素は、Web開発を大きく変えます。
これらの要素により、開発者は特定の設計と目的に合わせて独自のHTMLコンポーネントを作成できる。
本研究では,コンポーネントベースソフトウェア工学(CBSE)とデザインシステムにおけるこれらの機能の役割について検討する。
論文 参考訳(メタデータ) (2023-11-28T08:42:53Z) - EGFE: End-to-end Grouping of Fragmented Elements in UI Designs with
Multimodal Learning [10.885275494978478]
断片化された要素をグループ化することで、生成されたコードの可読性と保守性を大幅に向上させることができる。
現在の手法では、フラグメントされた要素をグループ化する手作りのルールを導入する2段階の戦略を採用している。
UIシークエンス予測によるエンドツーエンドのグルーピングフラグメンテッド要素の自動生成手法EGFEを提案する。
論文 参考訳(メタデータ) (2023-09-18T15:28:12Z) - DynaMITe: Dynamic Query Bootstrapping for Multi-object Interactive
Segmentation Transformer [58.95404214273222]
最先端のインスタンスセグメンテーション手法の多くは、訓練のために大量のピクセル精度のグランドトルースに依存している。
ユーザインタラクションを時間的クエリとして表現するDynaMITeという,より効率的なアプローチを導入する。
我々のアーキテクチャはまた、改善中にイメージ機能を再計算する必要をなくし、単一のイメージに複数のインスタンスをセグメント化するためのインタラクションを少なくする。
論文 参考訳(メタデータ) (2023-04-13T16:57:02Z) - Composing Complex and Hybrid AI Solutions [52.00820391621739]
一般的なAIアプリケーションで上記の機能を実現するためのAcumosシステムの拡張について述べる。
当社の拡張機能には、gRPC/Protobufインターフェースによるより汎用的なコンポーネントのサポートが含まれています。
デプロイ可能なソリューションとそのインターフェースの例を提供する。
論文 参考訳(メタデータ) (2022-02-25T08:57:06Z) - CoVA: Context-aware Visual Attention for Webpage Information Extraction [65.11609398029783]
WIE をコンテキスト対応 Web ページオブジェクト検出タスクとして再構築することを提案する。
我々は、外観特徴とDOMツリーからの構文構造を組み合わせた、コンテキスト認識型視覚意図ベース(CoVA)検出パイプラインを開発した。
提案手法は,従来の最先端手法を改良した新しい挑戦的ベースラインであることを示す。
論文 参考訳(メタデータ) (2021-10-24T00:21:46Z) - LayoutTransformer: Layout Generation and Completion with Self-attention [105.21138914859804]
画像やモバイルアプリケーション,ドキュメント,3Dオブジェクトなど,さまざまな領域におけるシーンレイアウト生成の問題に対処する。
レイアウト要素間のコンテキスト的関係を学習するために,自己意識を活用する新しいフレームワークであるLayoutTransformerを提案する。
私たちのフレームワークでは、空のセットから、あるいはプリミティブの最初のシードセットから、新しいレイアウトを生成することができ、レイアウト毎に任意のプリミティブをサポートするために簡単にスケールすることができます。
論文 参考訳(メタデータ) (2020-06-25T17:56:34Z) - MixingBoard: a Knowledgeable Stylized Integrated Text Generation
Platform [32.50773822686633]
MixingBoardは、知識に基づくスタイル付きテキスト生成に焦点を当てたデモを構築するためのプラットフォームである。
ローカル開発やリモートアクセス,WebページAPIなどのユーザインターフェースが提供されることで,ユーザが自身のデモを簡単に構築できるようになる。
論文 参考訳(メタデータ) (2020-05-17T20:29:27Z)
関連論文リストは本サイト内にある論文のタイトル・アブストラクトから自動的に作成しています。
指定された論文の情報です。
本サイトの運営者は本サイト(すべての情報・翻訳含む)の品質を保証せず、本サイト(すべての情報・翻訳含む)を使用して発生したあらゆる結果について一切の責任を負いません。