@ product-ver @の新機能

@ product-ver @の新機能

ご覧のページは、お客様の利便性のために一部機械翻訳されています。また、ドキュメントは頻繁に更新が加えられており、翻訳は未完成の部分が含まれることをご了承ください。最新情報は都度公開されておりますため、必ず英語版をご参照ください。翻訳に問題がある場合は、こちらまでご連絡ください。

@ product-ver @は、フォームへの大幅なアップグレードとともに、効率的で美しいページデザインのための新機能を起動します。 ユーザー管理もプラットフォーム全体で合理化されており、サイト管理の時間を節約できます。 最近のGDPR要件に従ってデータ保護をサポートする新しいツールがあります。 最後に、モバイルおよびWeb向けの最新の開発ツールを使用して新しい競争上の優位性を開発するのに役立つ重要なテクノロジーの更新がいくつかあります。

新しい機能を使用してデジタルプレゼンスを進化させ、すべての視聴者に見事なパーソナライズされたエクスペリエンスを作成します。

ページ作成

@ product-ver @は、ウェブサイトをデザインする強力な新しい方法を紹介します。 Liferay DXPは、注意深く設計されたページフラグメントからページメニューの完全な制御まで、Web開発者とデザイナーが自由にWebエクスペリエンスを実行できるようにします。 これは、必要に応じて採用できるコンテンツ管理システムの拡張機能です。 2つを区別するために、新しいページはコンテンツページと呼ばれ、既存のシステムはウィジェットページを使用します。

コンテンツページ

ユーザーは、非構造化コンテンツを簡単に作成してページに直接追加できるようになりました。 これは、マーケティングキャンペーンの1回限りのランディングページなど、構造化されたWebコンテンツを活用する必要がないサイトページに役立ちます。

新しいページを作成する場合、ユーザーは新しいコンテンツページまたはウィジェットページのいずれかを選択できます。これらは、アプリケーションを追加および構成してページを作成する従来の方法を使用します。

図1:ユーザーはコンテンツページの作成を選択できるようになりました。

フラグメント

フラグメントは、コンテンツページデザインを作成および実装する新しい方法です。 Web開発者は、ページセクションをフラグメントとして保存し、サイト全体で再利用できるようになりました。 開発者は、他の人がコードに触れることなくページをすばやく作成できるように設計されたコンポーネントのライブラリを作成できるようになりました。 フラグメントはコレクションに編成され、ドラフト、サムネイルプレビュー、検索、権限などの使い慣れたアセット管理機能を活用します。

図2:技術者以外のユーザーは、フラグメントをページのビルディングブロックとして使用できます。

フラグメントエディター

Web開発者は、ブラウザーのフラグメントエディターを使用して、フラグメントを作成または編集できます。 または、開発者は好みのツールでフラグメントを作成し、そのフラグメントをLiferayにインポートすることもできます。

図3:フラグメントエディターには、HTML、CSS、JavaScriptの3つのペインビューがあり、プレビューペインが最終結果をレンダリングします。

ページエディター

Fragmentsの導入により、ビジュアルページエディターを介してページとテンプレートを作成する新しい方法が開かれます。

新しいページエディターは、ページデザインを視覚的にレイアウトし、再利用可能なテンプレートとして保存するためのものです。 ユーザーはコレクションを検索して、フラグメントをページに簡単に追加、削除、配置できます。 マーケティング担当者は、インライン編集、新しい画像やその他の要素のスワッピングでテキストをカスタマイズできます。 フラグメントはLiferayの標準のアプリケーションを表示でき、ページエディター内で構成できます。

図4:ページエディターを使用すると、フラグメントからページを簡単に作成できます。

ページを表示

表示ページが改善され、プレスリリースなど、一貫したルックアンドフィールを必要とするWebコンテンツの標準テンプレートを簡単に作成できるようになりました。 ページフラグメントを使用して、コードに手を加えることなくデザインを実装し、コンテンツセクションをマップします。 表示ページテンプレートを使用してWebコンテンツが公開されると、一意のURLを持つ独自のページが自動的に取得され、テンプレートのデフォルトコンテンツが新しく追加されたWebコンテンツに置き換えられます。

メニュー

メニューはページナビゲーションから分離されました。 これで、サイトのセクションにカスタムメニューを作成したり、メニューからマーケティングのランディングページを削除したりできるようになりました。 メニュー階層を簡単に管理し、新しいドラッグアンドドロップインターフェイスでさまざまなメニューセットを保存できます。

図5:メニューがページナビゲーションから切り離され、個別に編集できるようになりました。

フォーム

フォームには、フォームを動的にする一連の条件付きルールなど、広範な新機能があります。フィールドで何かが発生した場合、フォームの他の場所でアクションをトリガーできます。 これにより、計算を作成したり、回答に基づいてフォローアップの質問を提供したりできます。 フォームがローカライズされました。フォームは任意の言語に翻訳できます。 そこに新しいフィールドやプロパティ、フォームフラグメント、フォームの自動保存があり、以前よりもずっとそれがなければならなかった 別々に説明

図6:フォームには多くの改善点があります。

ユーザー体験

@ product-ver @は、ブログなどの外部向けコンテンツのユーザーエクスペリエンスの改善をいくつか展開し、メディアをさまざまなデバイスで表示および配信する方法をオムニチャネルでサポートします。 これらの統合された改善により、すぐにユーザーに優れたエクスペリエンスを提供できます。

適応メディア

アダプティブメディアは、使用中のデバイスの画面サイズに最適になるように画像を動的に調整します。 また、画像の読み込みと表示の方法を詳細に制御できるため、さまざまなデバイスでのパフォーマンスの問題や、ユーザーと国の間のさまざまなネットワーク速度に対処できます。 アダプティブメディアはほとんどの作業をバックグラウンドで自動的に実行しますが、開発者は画像の解像度を編集し、さまざまな解像度をトリガーするデバイスを定義できます。 このレベルの制御により、一貫性のあるエクスペリエンスが可能になり、ページレイアウトの低下や読み込み時間の遅延を回避できます。

ブログと掲示板

ブログの改良により、ブログの視聴者に合わせたエクスペリエンスを簡単に提供できます。 これには、わかりやすいURLの作成、推定読み取り時間の表示、電子メール通知の登録解除、新しいカードデザイン、外部サービスからのビデオのサポートなどが含まれます。 メッセージボードは、添付ファイルのアップロード、セクションの名前変更、カテゴリとスレッドのグループ化、通知管理、コメントの新しいデザインのために、ドラッグアンドドロップをサポートするようになりました。

図7:ブログの新しいカードデザインでは、エントリがビジュアルグリッドに表示されます。

管理の改善

新しい機能に加えて、@ product-ver @は管理が簡単です。 合理化された管理ツールは、サイトを管理する時間を短縮すると同時に、きめ細かな制御を提供します。

OAuth 2.0

OAuth 2.0は、ユーザーが認証資格情報を放棄することなく自分のアカウントの一部へのアクセスを承認できる事実上の標準になっています。 @ product-ver @を使用すると、ユーザーは「\ [ここにサイトを挿入]を使用してサインイン」できるようになり、モバイルおよびWebアプリケーションは、完全に制御でき、いつでも取り消すことができるユーザープロファイル情報への安全なトークンベースのアクセスを許可されます。 。

データ保護

@ product-ver @は、企業がGDPR規制に対処し、プラットフォームがユーザーデータを管理する方法を制御し続けるのに役立つ新しいデータ保護ツールを導入します。

要求に応じて、ユーザーの個人データを消去し、機械可読形式でユーザーの個人データをエクスポートできるようになりました。 データ消去のために、管理者は個人情報が含まれている可能性のあるコンテンツを確認し、必要に応じてシンプルなインターフェースを介して編集または削除できます。 どちらのツールにも、この機能を実装したり、すぐに使用できるアプリのデフォルトの動作をオーバーライドしたりするためのサードパーティアプリ用のAPIが含まれています。

探す

@ product-ver @は、検索管理を改善し、Elasticsearch 6をデフォルトの検索エンジンとして使用して、ユーザーにサイトのエンタープライズ検索を実装および管理するためのより多くのオプションを提供します。

新しいコントロールパネルにより、ボタンをクリックするだけですべての管理タスクを簡単に実行できます。 ユーザーは、検索エンジンの構成、再インデックスの開始と監視などを行うことができます。

図8:検索管理はサーバー管理から分離されました。

ページ管理

複雑なページ階層を視覚化および管理するための新しいインターフェースにより、ページ管理が容易になります。 ページテンプレートと表示ページが適切に統合され、ページ管理が1か所に集約されました。

図9:新しいページ管理インターフェースは、すべてのページ機能を1か所に配置します。

ワークフロー管理

ワークフロー管理 は完全なUIオーバーホール を受け取り、すべての構成がコントロールパネルの1つの領域に統合されました。 既存のワークフローを複製し、定義にバージョンを付け、下書きを保存して以前のバージョンを復元できます。

開発者の改善

@ product-ver @には、Liferayプロジェクトのサポートと開発を容易にするツールの更新されたコレクションが含まれています。

Liferayプラットフォームをターゲットにする

Liferayワークスペースは、Liferay DXPの特定のリリースを対象とするため、依存関係が適切に解決されます。 これにより、アプリケーションのアップグレードが簡単になります。ターゲットプラットフォームを指定し、Workspaceが新しいバージョンを指すようにします。 すべての依存関係は、対象となるリリースで提供される最新のものに更新されます。

デプロイメント前のモジュールの解決

モジュールをデプロイする前にモジュールを解決することにより、コンソールのエラーや不可解な問題にのみ対処するために、モジュールをデプロイするという面倒なプロセスを回避します。 これは、Liferayワークスペースが提供する新しい resolve Gradleタスクを呼び出すことで実行できます。

7.1アップグレードプランナー

Liferay Developer Studioのアップグレードプランナーは、レガシーアプリケーションコードをLiferay DXPにアップグレードするのに役立ちます。

  • APIの変更の影響を受けるコードを特定します
  • コードに関連する各APIの変更について説明します
  • コードを適応させる方法を提案します
  • 場合によっては、コードを自動的に適応させるオプションを提供します。

IntelliJサポート

Liferayの開発がIntelliJ IDEAで正式にサポートされるようになりました。

  • Liferayワークスペースを作成する
  • Liferayのプロジェクトテンプレートを活用してプロジェクトを作成する
  • プロジェクトの配備とデバッグのためのLiferayサーバーランタイムを作成する

Blade CLIのMavenサポート

Blade CLIを使用して、MavenプロジェクトとMaven Liferayワークスペースを作成します。

ハイブリッドモバイルアプリの開発

Liferay Screens 3.0を使用すると、ソフトウェア開発者はApache CordovaまたはXamarinを使用して、Web用に設計された1つのコードベースからクロスプラットフォームアプリケーションを構築し、そのコンテンツをモバイル用のScreensアプリに埋め込むことができます。 PC用に設計されたサイトとアプリケーションは、追加のコードなしでスクリーンレットにレンダリングできます。 結果のアプリでは、ネイティブのモバイル機能とナビゲーションをHTMLコンテンツとシームレスに組み合わせることができます。

最新のJavaScriptフレームワークの互換性

Liferay DXPは独自のnpmバンドラーを利用するため、開発者はアプリケーション間の依存関係を管理できます。 @ product-ver @は、Angular、Vue.js、React、最新のJavaScriptワークフローなどの一般的なJavaScriptフレームワークをサポートしているため、npmモジュールをLiferay DXP内にデプロイできます。

モジュール性の更新

検索結果、検索バー、カテゴリファセットなどの新しい検索アプリケーションにより、ページ作成の柔軟性が向上します。 これらのアプリケーションは以前の検索アプリケーションからのものですが、より便利なコンポーネントに分割されています。

メッセージボードサービスもモジュール化され、コアから抽出されているため、メッセージボードを個別に管理および更新することが簡単にできます。

« 結論:Liferay DXPの実際ウェブ体験管理 »
この記事は役に立ちましたか?
1人中1人がこの記事が役に立ったと言っています