DXP 7.0のユーザーインターフェースの変更点

Liferay Support

更新 2021年02月02日 18:27

この記事では、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 の Javascript Loader のデモ動画をご覧ください。

追加情報