Capability

Development and Tooling

検索バー

Liferay offers a comprehensive toolkit to extend or customize your digital experience. Build applications quickly with low-code/no-code features like Objects, or leverage developer tools like Liferay Workspace and Blade CLI for further customizations.

For users on PaaS or running Self-Hosted, Liferay also offers tools deploying customizations.

カテゴリ
  • Capability
  • Deployment Approach
  • Feature
  • Resource Type
カテゴリ
  • Capability
  • Deployment Approach
  • Feature
  • Resource Type
フラグメント・コンフィギュレーションを使用する際のベストプラクティス
Official Documentation
フラグメント・コンフィギュレーションを使用する際のベストプラクティス 独自の 構成でサイトのページフラグメントを作成する場合、それらを安全かつ効果的にHTML表示で使用するのはあなたの責任です。 ここでは、フラグメントをより効果的かつ強固にするためのテクニックを紹介します。 構成テキスト値のエスケープ 繰り返されるHTML要素にリストを使用する 構成テキスト値のエスケープ...
フラグメントドロップゾーンの定義
Official Documentation
フラグメントドロップゾーンの定義 ドロップゾーンは、コンテンツページの構築に不可欠です。 フラグメントの中に、ユーザーが他のフラグメントやウィジェットをドラッグ＆ドロップできる領域を定義することで、ユニークなページレイアウトや動的な表示を実現することができます。 ドロップゾーンを定義するには、次の手順に従います。 ［サイト管理］ → ［デザイン］ → ［Fragments］...
フラグメントへの構成オプションの追加
Official Documentation
フラグメントへの構成オプションの追加 対応可能：Liferay DXP 7.2 SP1以降 構成可能なオプションを使用して、フラグメントを柔軟にすることができるので、似たようなフラグメントを多数管理する必要はありません。...
ページ フラグメントエディタのインターフェイスリファレンス
Official Documentation
ページ フラグメントエディタのインターフェイスリファレンス ページ フラグメントエディタのインターフェイスは、2 つのタブで構成されています。 コードエディタ 設定 以下のセクションでは、インターフェイスのこれらの部分の使用方法について説明します。 ページ フラグメントの作成方法については、 Developing Page Fragments を参照してください。 コードエディタ...
Importing/Exporting Data
Official Documentation
Importing/Exporting Data Liferay Self-Hosted Liferay SaaS Liferay PaaS Liferay 7.4 If you want to import or export data from Liferay, you use batch client extensions. Use and reuse your data...
フラグメントエディターの使用
Official Documentation
フラグメントエディターの使用 Liferay DXPには、コンテンツページフラグメントを開発するためのビルトイン エディタ 。 エディターにアクセスするには、 Site Menu( Site Menu ) を開き、 Design → Fragments に移動します。 ここから、フラグメントとフラグメントセットの表示、管理、作成ができます。 フラグメントセットの作成 ...
ページフラグメントでカスタムフィールドを使用する
Official Documentation
ページフラグメントでカスタムフィールドを使用する カスタムフィールド をLiferayのユーザーやページに追加した場合、フラグメントでアクセスすることができます。 ページカスタムフィールドの値を取得するためには、以下のようにします。 layout.getExpandoBridge().getAttribute("ATTRIBUTE_NAME") ...
フラグメント内の要素の順序を設定する
Official Documentation
フラグメント内の要素の順序を設定する 対応可能：Liferay 7.4以降 スライダー または タブ フラグメントは、通常、情報の異なる領域を表示するために使用されるものです。 スライダーは、この情報をスライドのカルーセルのように表示します。 タブは複数あり、それぞれ異なる情報が表示されます。 ...
フラグメントツールキットの使用
Official Documentation
フラグメントツールキットの使用 フラグメント ツールキットは、お気に入りのツールを使用してフラグメントをローカルで作成および管理するのに役立ちます。 ここでは、ツールキットを使用して、サンプルのフラグメントを含むフラグメント プロジェクトを生成し、デプロイして、独自のフラグメント セットを追加します。 Liferay DXP 7.4以降の場合、フラグメントコレクションはLiferay...
フラグメント設定の検証
Official Documentation
フラグメント設定の検証 フラグメント の設定オプション を定義するときに、有効なエントリーのルールを決定する text タイプのフィールドに validation プロパティを追加することができます。 ルールのタイプを指定することで、各フィールドが受け付けるデータのタイプを決定する：text、number、email、url、pattern`のいずれかである。...
Site Initializer YAML Configuration Reference
Official Documentation
Site Initializer YAML Configuration Reference Liferay Self-Hosted Liferay SaaS Liferay PaaS Liferay 7.4 Use a client-extension.yaml file to define a Site Initializer client extension. Usage...
Site Initializers
Official Documentation
Site Initializers Liferay DXP 2023.Q4+/Portal GA100+ Site Initializers package pages, content, and configurations to help you jump-start a new site with much of the site already built. You can...
Using a Site Initializer Client Extension
Official Documentation
Using a Site Initializer Client Extension Liferay DXP 2023.Q4+/Portal GA100+ Site Initializer client extensions can quickly create or update a site, complete with configurations and content. Start...
Integrating External Applications
Official Documentation
Integrating External Applications Custom Element and IFrame client extensions register applications with Liferay and render them as widgets on site pages. When you create one of these frontend...
フラグメントへのスタイル適用
Official Documentation
フラグメントへのスタイル適用 ページにフラグメントを追加すると、サイドバーメニューを使って、 スタイル 設定タブ を含む、フラグメントを設定することができます。 The Styles tab in the sidebar menu allows you to configure the styles per fragment on a page. ...
フラグメントの自動デプロイ
Official Documentation
フラグメントの自動デプロイ liferay Portal 7.3 GA1+ または Liferay DXP 7.3+. もしあなたが 独自のツールでページフラグメントを開発しているなら 、Liferay UI経由でインポートできるようにZIPファイルにパッケージ化することでデプロイできます。 ただし、UI の使用に限定されません。...
提供されたフラグメントセットの作成
Official Documentation
提供されたフラグメントセットの作成 提供されたフラグメントセットは、ページフラグメントを含むデプロイ可能なモジュールです。 提供されたセットのフラグメントは、通常のフラグメントと同じように使用できますが、データベースには含まれておらず、UI から直接変更することはできません。 Liferay 7.3以降を実行している場合は、圧縮された ZIP...
フラグメント固有のタグと属性のリファレンス
Official Documentation
フラグメント固有のタグと属性のリファレンス 標準的なHTML、CSS、JavaScriptに加えて、Liferay固有のタグや属性を使用して、編集可能なセクションを定義したり、ウィジェットを埋め込んだりすることができます。 ...
フラグメントツールキットコマンドリファレンス
Official Documentation
フラグメントツールキットコマンドリファレンス フラグメントツールキットは、現在実行中の Liferay DXP インスタンスに接続して、フラグメントをインポートおよびエクスポートできます。 ツールキットで作成したフラグメントをポータルに自動的にインポートすることもできます。 次のコマンドを使用できます。 コマンドDescription npm run...
フラグメントにデフォルトのリソースを含める
Official Documentation
フラグメントにデフォルトのリソースを含める フラグメントセットに画像（例： .gif、.jpg、.jpeg、.png）を含めて、フラグメントで使用できるようにすることができます。 ドキュメントとメディアなどの他のアプリケーションではなく、フラグメントと一緒に画像を保持すると便利です。 ここでは、フラグメント...
開発者リファレンス
Official Documentation
開発者リファレンス フラグメントの開発リファレンス
フラグメント設定タイプのリファレンス
Official Documentation
フラグメント設定タイプのリファレンス このリファレンスには、フラグメントに使用可能な構成タイプがリストされています。 フラグメントを設定可能にする方法については、 フラグメントへの構成オプションの追加 を参照してください。 以下は実装できる構成可能なフラグメントタイプです。 text select checkbox colorPicker (Liferay 7.4+...
Fragment Specific Tags and Attributes Reference for Liferay 7.3 and Earlier Versions
Official Documentation
Fragment Specific Tags and Attributes Reference for Liferay 7.3 and Earlier Versions Along with standard HTML, CSS, and JavaScript, you can use Liferay-specific tags and attributes to define...
Batch YAML Configuration Reference
Official Documentation
Batch YAML Configuration Reference Use a client-extension.yaml file to define a batch client extension. Usage Details This client-extension.yaml file defines a client extension of type batch: ...
Creating a Basic Custom Element
Official Documentation
Creating a Basic Custom Element Liferay 7.4+ Custom element client extensions use Liferay's frontend infrastructure to register external, remote applications with the Liferay platform and render...
Using an IFrame Client Extension
Official Documentation
Using an IFrame Client Extension Liferay 7.4+ IFrame client extensions use Liferay's frontend infrastructure to register external applications as HTML elements. They're added to Liferay pages as...
IFrame YAML Configuration Reference
Official Documentation
IFrame YAML Configuration Reference You can define an IFrame client extension with a client-extension.yaml file. Data Usage This client-extension.yaml file defines an IFrame client extension: ...
Custom Element YAML Configuration Reference
Official Documentation
Custom Element YAML Configuration Reference You can define a custom element client extension with a client-extension.yaml file. Usage Details This client-extension.yaml file defines a custom...
Integrating Microservices
Official Documentation
Integrating Microservices Liferay Self-Hosted Liferay SaaS Liferay PaaS Liferay 7.4 You can define microservice client extensions to run your own code in response to events in your Liferay...
Object Action YAML Configuration Reference
Official Documentation
Object Action YAML Configuration Reference You can define an object action client extension with a client-extension.yaml file. Usage Details This client-extension.yaml defines an object action and...
Object Validation Rule YAML Configuration Reference
Official Documentation
Object Validation Rule YAML Configuration Reference To define an Object Validation Rule client extension, add the objectValidationRule type to your client-extension.yaml file. Usage Details This...
Using a CAPTCHA Client Extension
Official Documentation
Using a CAPTCHA Client Extension Liferay DXP 2025.Q3+ CAPTCHA challenges are used on websites to verify a human user is accessing it, and not a bot or malicious code attacking the site. Liferay...
CAPTCHA YAML Configuration Reference
Official Documentation
CAPTCHA YAML Configuration Reference You can define a CAPTCHA client extension with a client-extension.yaml file. Usage Details This client-extnesion.yaml file defines a CAPTCHA client extension: ...
Using Routes with Custom Elements
Official Documentation
Using Routes with Custom Elements Liferay 7.4+ Custom element client extensions use Liferay's frontend infrastructure to register external applications with the Liferay platform and render them as...
Notification Type YAML Configuration Reference
Official Documentation
Notification Type YAML Configuration Reference You can define a notification type client extension with a client-extension.yaml file. Usage Details This client-extension.yaml file defines a...
Using a Microservice Client Extension
Official Documentation
Using a Microservice Client Extension A microservice client extension is a standalone server process that relies on OAuth 2 for communication with Liferay. The microservice is a resource server and...
Workflow Action YAML Configuration Reference
Official Documentation
Workflow Action YAML Configuration Reference You can define a workflow action client extension with a client-extension.yaml file. Usage Details This client-extension.yaml file defines a workflow...
Blade CLI
Official Documentation
Blade CLI Blade CLI can be installed through a command line interface or a graphical installer. If you're behind a proxy, once it's installed you can configure it to operate through the proxy....
Tooling
Official Documentation
Tooling Liferay provides a variety of developer tools that include standard build scripting, lightweight CLI utilities, and full IDE based on Eclipse. This is to serve all developers, whether...
Generating Projects with Blade CLI
Official Documentation
Generating Projects with Blade CLI Blade CLI exists to create, build, and deploy Liferay projects in Liferay Workspaces. Once created, these projects can be imported into an IDE or worked on...
Troubleshooting Blade CLI
Official Documentation
Troubleshooting Blade CLI If Blade CLI isn't working as expected, you may find answers here. The blade command is not available in my CLI The Blade CLI installer adds the blade command to your...
Configuring a Liferay Docker Container
Official Documentation
Configuring a Liferay Docker Container Creating and deploying containers is an important part of the modern developer workflow. Liferay Workspace makes it easy to use Docker containers both for...
Liferay Workspace
Official Documentation
Liferay Workspace Liferay Workspace is a set of folders and Gradle scripts that represents the Liferay-opinionated way of handling a full development life cycle: Creating projects Building...
Configuring Liferay Workspace
Official Documentation
Configuring Liferay Workspace Liferay Workspace is simple to use, and you can learn the basics by starting at the beginning. If you're happily creating projects, deploying code, or using a Docker...
Creating Code with Liferay Workspace
Official Documentation
Creating Code with Liferay Workspace Liferay Workspace is the developer's tool for creating and managing Liferay development projects. Creating Projects Blade CLI makes it easy to create projects...
Creating A Liferay Workspace
Official Documentation
Creating A Liferay Workspace You can create a Liferay Workspace manually or with Blade CLI. Creating a Liferay Workspace Manually To create a Liferay Workspace manually, you must have Gradle...
Creating Deployment Environments
Official Documentation
Creating Deployment Environments There comes a point when your code is ready to share. For that, you must build an environment. In the corporate world, there are usually three environments: ...
Other Tools (Deprecated)
Official Documentation
Other Tools (Deprecated) These tools are deprecated as of Liferay 2024.Q4/Portal GA129, and they are planned for future removal. Modern browsers (and Liferay DXP) all support including JavaScript...
Liferay CLI Tool
Official Documentation
Liferay CLI Tool The Liferay CLI tool is deprecated as of Liferay 2024.Q4/Portal GA129, and it's planned for future removal. The Liferay CLI tool makes it easy to create Angular, JavaScript,...
Liferay npm Bundler (Deprecated)
Official Documentation
Liferay npm Bundler (Deprecated) The Liferay npm bundler is deprecated of Liferay 2024.Q4/Portal GA129, and it's planned for future removal.
How AMD Loader Configuration is Exported
Official Documentation
How AMD Loader Configuration is Exported The Liferay npm bundler is deprecated of Liferay 2024.Q4/Portal GA129, and it's planned for future removal. If you don't understand how Liferay AMD...
Migrating a Plain JavaScript, Billboard JS, JQuery, Metal JS, React, or Vue JS Project to Use Liferay npm Bundler 2.x
Official Documentation
Migrating a Plain JavaScript, Billboard JS, JQuery, Metal JS, React, or Vue JS Project to Use Liferay npm Bundler 2.x The Liferay npm bundler is deprecated of Liferay 2024.Q4/Portal GA129, and...
Migrating Your Project to Use liferay-npm-bundler's New Mode
Official Documentation
Migrating Your Project to Use liferay-npm-bundler's New Mode The Liferay npm bundler is deprecated of Liferay 2024.Q4/Portal GA129, and it's planned for future removal. Since issue #303, two...
Changes Between Bundler 1.x and 2.x
Official Documentation
Changes Between Bundler 1.x and 2.x The Liferay npm bundler is deprecated of Liferay 2024.Q4/Portal GA129, and it's planned for future removal. This article outlines the key changes between...
Default Bundler Loaders
Official Documentation
Default Bundler Loaders The Liferay npm bundler is deprecated of Liferay 2024.Q4/Portal GA129, and it's planned for future removal. Several loaders are available for the liferay-npm-bundler by...
How the Bundler Publishes npm Packages
Official Documentation
How the Bundler Publishes npm Packages The Liferay npm bundler is deprecated of Liferay 2024.Q4/Portal GA129, and it's planned for future removal. When you deploy an OSGi bundle with the...
Migrating an Angular Project to Use Liferay npm Bundler 2.x
Official Documentation
Migrating an Angular Project to Use Liferay npm Bundler 2.x The Liferay npm bundler is deprecated of Liferay 2024.Q4/Portal GA129, and it's planned for future removal. Follow these steps to...
Migrating a liferay-npm-bundler Project from 1.x to 2.x
Official Documentation
Migrating a liferay-npm-bundler Project from 1.x to 2.x The Liferay npm bundler is deprecated of Liferay 2024.Q4/Portal GA129, and it's planned for future removal. liferay-npm-bundler 2.x offers...
Bundler Migration Guide
Official Documentation
Bundler Migration Guide The Liferay npm bundler is deprecated of Liferay 2024.Q4/Portal GA129, and it's planned for future removal.
Understanding Bundler Configuration Presets
Official Documentation
Understanding Bundler Configuration Presets The Liferay npm bundler is deprecated of Liferay 2024.Q4/Portal GA129, and it's planned for future removal. The liferay-npm-bundler comes with a...