この記事では、Liferay DXP 7.0のユーザー・インターフェースのフロントエンド・ツールと機能のいくつかの変更点を紹介します。
決議
ここでは、いくつかの変更点をハイライトして、新しいプロジェクトについて簡単に説明します。
- モジュール化; css や javascript のファイルは、ファイル構造を変更して移動することができます。
- ポータルコードからいくつかのロジックを別のリポジトリ(Lexicon、Javascript Loader)に移動しました。
- Bootstrapを新しいバージョンに更新しました。
- SASSパーサをlibsassに変更し、動的解析を廃止しました。
- SASS mixinsのツールキットをCompassからBourbonに変更しました。
- YahooがYUI3を保守しなくなったため、AlloyUIフレームワークは非推奨となりました。
- 新しいjavascriptのライブラリとフレームワーク、 Metal.js.
- ES2015のコード構文を使用しているところがあります。
- 新しい
Node.js
ベースのプロジェクト(Lexicon、Theme Generator、AlloyEditor、Metal.js、Javascript Loader)。
Node.jsの新機能の内訳。
レキシコン
- Liferay Experience Languageは、HTML、CSS、JSをLiferayで活用するための新しい方法です。 Lexiconは、開発者がクリーンなUIコンポーネントを構築するのに役立つ一貫性のある使いやすいAPIを提供します。
- レキシコンのサイト を例文の最良のソースとして参照してください。
Liferayのテーマジェネレータ
- テーマの展開と修正に必要なツールを提供しながら、新しいテーマを生成し、Liferayで使用することができます。 .scssファイルの拡張子を許可します。 themeletsと呼ばれるテーマやテーマフラグメントを構築、作成、インポート、デプロイすることができます。
- READMEとダウンロードリポジトリはこちら.
アロイエディタ
- AlloyEditorはCKEditorの上に構築されたWYSIWYGエディタです。 今回のライブデモでは、ご自身でご自由にお使いください。
- AlloyEditorのダウンロードと使用方法
Metal.js
- 開発者が独自のコンポーネントやテンプレートを作成できるようにするコア属性を提供します。
Javascript ローダ
追加情報
会員限定記事
Liferay エンタープライズ サブスクリプションをお持ちのお客様は1500件を超えるベストプラクティス、トラブルシューティング、その他のソリューション記事を閲覧できます。ログインすると、記事全体をお読みいただけます。
ログイン