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

Liferay Support

更新 2024年06月18日 05:46

この記事では、User Interface for Liferay DXP 7.0によるフロントエンドのツールや機能のいくつかの変更点を紹介します。

解像度

以下、主な変更点と新企画を簡単に説明します：

モジュール化；cssやjavascriptのファイルを、ファイル構造を変更しながら移動することができます。
ポータルコードからいくつかのロジックを別のリポジトリに移動した（Lexicon、Javascript Loader）。
Bootstrapを新しいバージョンに更新しました。
SASSパーサーをlibsassに変更し、動的パースを廃止しました。
SASSミキシンのツールキットとして、CompassからBourbonに移行しました。
YahooがYUI3のメンテナンスをしなくなったため、私たちのAlloyUIフレームワークは非推奨となりました。
新しいjavascriptのライブラリとフレームワーク、 Metal.js.
ES2015のコードシンタックスを使用している箇所があります。
Node.js ベースのプロジェクト（Lexicon、Theme Generator、AlloyEditor、Metal.js、Javascript Loader）を新たに追加しました。

Node.jsの新機能の内訳：

レキシコン

Liferay Experience Languageは、LiferayでHTML、CSS、JSを活用するための新しい方法です。 Lexiconは、開発者がクリーンなUIコンポーネントを構築できるように、一貫した使いやすいAPIを提供しています。
例文については、「 Lexicon」サイトをご参照ください。

Liferayテーマジェネレーター

新しいテーマを生成してLiferayで使用できるようにし、テーマの展開と修正に必要なツールを提供します。 .scssファイルの拡張子を許可する。 テーマレットと呼ばれるテーマやテーマの断片を構築、作成、インポート、デプロイすることができます。
READMEを参照し、リポジトリのダウンロードはこちら.

アロイエディター

AlloyEditorは、CKEditorの上に構築されたWYSIWYGエディタで、編集の使い勝手やコンテンツ制作を向上させることができます。このライブデモの、ご自身で自由にお使いください。
AlloyEditorのダウンロードと使用開始。

Metal.js

開発者が独自のコンポーネントやテンプレートを作成できるようにするためのコア属性を提供する。

Javascriptローダー

LiferayのJavascript Loaderのデモ動画をご覧ください。

追加情報