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

この記事では、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とダウンロードリポジトリはこちら.

アロイエディタ

Metal.js

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

Javascript ローダ

追加情報

この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています