zephjsダウンロード - zephjsソースコードのダウンロード

zephjs

ウェブサイトデータ

1.0.0

ダウンロード

ZephJS

ZephJS は、Web コンポーネントを定義して使用するための、簡単で理解しやすい、超軽量のフレームワークです。これは、コンポーネントライブラリを作成する人、少数のカスタムコンポーネントのみを必要とするアプリケーションやサイトを構築するチーム、または最新の JavaScript ブラウザフレームワークのすべての重みを必要としないアプリケーション全体を構築するプロジェクトに最適です。 ZephJS は、カスタム Web コンポーネントを、標準 JavaScript、標準 HTML マークアップ、および標準 CSS スタイリングを使用する宣言的で可読性の高い構造に定義するプロセスを簡素化します。

ZephJS は、Web コンポーネントの約束された使いやすさをコミュニティに取り戻すことを目的としています。これは、次の原則に従っていることによって実現されます。

新しいコンポーネントを読みやすく宣言的な方法で簡単に定義します。
コンポーネントまたはコンポーネントライブラリを他の人が簡単に使用できるようにします。
Web を偉大なものにした標準とテクノロジーを使用してください。
決してブラウザを出し抜こうとしないでください。
信じられないほど小さくて軽いです。

ZephJS は、単に「Zeph」と呼ばれ、「ゼフ」と発音されることがよくあります。

特徴

ZephJS には次のような特徴があります。

Web コンポーネントを簡単に定義します。
非常に読みやすい宣言構文。
100% 標準ブラウザ API を使用します。
100% 標準 JavaScript/ES2018 を使用します。
インラインまたは分離された 100% 標準 HTML を使用します。
インラインまたは分離された 100% 標準 CSS を使用します。
カプセル化されたスタイルとコンテンツは漏洩しません。
コンポーネントは他のコンポーネントを拡張できます。
属性/プロパティ/コンテンツバインディングによる値の伝播。
ワンオフコンポーネントの構築をサポートします。
またはコンポーネントライブラリの構築をサポートします。
またはアプリケーション全体の構築をサポートします。
新しいコンポーネントの足場を簡単にするための CLI が含まれています。
単一の配布可能ファイルにパッケージ化するバンドラー (ロールアップを使用) が含まれています。
ZephJS は 20k 未満に縮小されています。

始めましょう

ZephJS には、開始時に対処できる 4 つの異なる使用例があります。

ZephJS 上に構築されたWeb コンポーネントライブラリを使用します。
ZephJS 上にWeb コンポーネントライブラリを構築します。
ZephjS を使用したカスタムコンポーネントを含む Web サイトの構築。
ZephJS を使用したWeb アプリケーションの構築。

自分にとって最適な開始方法を選択して、今すぐ ZephJS の使用を開始してください。

追加情報

文書化

ZephJS は、その使用に役立つ大量のドキュメントを提供します...

はじめる

ZephJS の紹介
コンポーネントのクイックスタートガイド
よくある質問

コンポーネント

コンポーネントのクイックスタートガイド
コンポーネントの概念
新しいコンポーネントの作成
ZephJS のインポート
コンポーネントの定義
継承
HTML
CSS
リソース
属性
プロパティ
ライフサイクルハンドラー
バインディング
イベントハンドラー

サービス

サービス

API

APIドキュメント

同梱

配布用のバンドル

コマンドラインツール

コマンドラインツール

コマンドラインリファレンス

ZephJS には、ZephJS 関連のニーズに役立つ小さなコマンドラインツール (CLI) が同梱されています。これは、npm 経由で ZephJS をインストールするときにローカルにインストールされ、シェルコマンドzephでアクセスできます。次の構文があります。

zeph < command >

実行できるコマンドは多数あります。非常に迅速に:

hello : サンプルの hello world アプリケーションを生成します。
create : .js、.html、および .css スタブファイルを含む新しいコンポーネントを作成します。
serve : 現在のディレクトリにサービスを提供する小規模な Web サーバーを http://localhost:4000 で実行します。
bundle : 複数の ZephJS コンポーネントを 1 つのファイルにバンドルします。

詳細については、Zeph コマンドラインインターフェイスに関するドキュメントを参照してください。

例

ZephJS には、参考用の一連の例が付属しています。

QuickStartExample: クイックスタートガイドの例。
BasicComponent: 基本コンポーネントの例。
HelloBadge: 2 番目のコンポーネントを使用するコンポーネントの少し大きな例。
ExampleCollection: 複数のコンポーネントをコレクションと呼ばれる 1 つのファイルにグループ化する例。
ExampleService: ZephService クラスを使用して再利用可能なサービスを構築する例。
RatingStars: リソースとバンドルの使用例。

ブラウザの互換性

ZephJS は最新のブラウザ標準に基づいて構築されているため、動作するには最新のブラウザが必要です。特に、次の Web 標準が必要です: Shadow DOM v1、Custom Elements v1、Mutation Observer、および Fetch。

次のブラウザ互換性表は、サポートされているブラウザとサポートされていないブラウザを示しています。 (すべてのブラウザ統計は caniuse.com から取得され、ライセンスの条件に従って使用されます。)

ブラウザ	最低限必要なバージョン	注意事項
Firefox	63
クロム	54
サファリ	10.1	:host および ::slotted 擬似セレクターにはバグがあります。
オペラ	41
マイクロソフトエッジ	15 (ポリフィルあり)	ポリマーポリフィルの使用が必要です。 ZephJS ポリフィルのドキュメントを参照してください。
Microsoft Internet Explorer	サポートされていません
iOSサファリ	10.3	:host および ::slotted 擬似セレクターにはバグがあります。
Androidブラウザ	67
ブラックベリーブラウザ	サポートされていません	ov v10 としてはサポートされません。
オペラモバイル	46
Android 用 Chrome	71
Android 版 Firefox	64
IEモバイル	サポートされていません	v11 以降はサポートされていません
Android 用 UC ブラウザ	11.8
サムスンインターネット	6.2
QQブラウザ	サポートされていません	v1.2 以降はサポートされていません
百度ブラウザ	サポートされていません	v7.12 以降はサポートされていません
(グラフの最終更新日: 2019 年 2 月 25 日)