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.

Feature
Deployment Approach
Understanding Bundler Configuration Presets
Understanding Bundler Configuration Presets The liferay-npm-bundler comes with a default configuration preset: liferay-npm-bundler-preset-standard. You may omit the liferay-npm-bundler prefix from...
公開日: 24/05/09 18:55
Liferay npm Bundler
Liferay npm Bundler The liferay-npm-bundler is a bundler (like Webpack or Browserify) that targets Liferay Portal as a platform and assumes you're using your npm packages from widgets (as opposed...
公開日: 24/05/09 18:55
Migrating an Angular Project to Use Liferay npm Bundler 2.x
Migrating an Angular Project to Use Liferay npm Bundler 2.x Follow these steps to migrate your Angular project to use liferay-npm-bundler 2.x. While liferay-npm-bundler 1.x relied on Babel to...
公開日: 24/05/09 18:55
Migrating a liferay-npm-bundler Project from 1.x to 2.x
Migrating a liferay-npm-bundler Project from 1.x to 2.x liferay-npm-bundler 2.x offers more stability and includes more features out-of-the-box. If you already created a project using the 1.x...
公開日: 24/05/09 18:55
Migrating a Plain JavaScript, Billboard JS, JQuery, Metal JS, React, or Vue JS Project to Use Liferay npm Bundler 2.x
Migrating a Plain JavaScript, Billboard JS, JQuery, Metal JS, React, or Vue JS Project to Use Liferay npm Bundler 2.x Follow these steps to migrate the framework projects shown below to use...
公開日: 24/05/09 18:55
Migrating Your Project to Use liferay-npm-bundler's New Mode
Migrating Your Project to Use liferay-npm-bundler's New Mode Since issue #303, two modes of operation are available for the liferay-npm-bundler. You can preprocess files before the bundler runs, or...
公開日: 24/05/09 18:55
Changes Between Bundler 1.x and 2.x
Changes Between Bundler 1.x and 2.x This article outlines the key changes between liferay-npm-bundler version 1.x and 2.x. Automatically Formatting Modules for AMD In version series 1.x of the...
公開日: 24/05/09 18:55
Default Bundler Loaders
Default Bundler Loaders Several loaders are available for the liferay-npm-bundler by default: babel-loader: processes source files with Babel. This avoids an extra build step before the bundler....
公開日: 24/05/09 18:55
How AMD Loader Configuration is Exported
How AMD Loader Configuration is Exported If you don't understand how Liferay AMD Loader works under the hood, please read [Liferay AMD Module Loader](./understanding-bundler-loaders.md) first. ...
公開日: 24/05/09 18:55
How the Bundler Publishes npm Packages
How the Bundler Publishes npm Packages When you deploy an OSGi bundle with the specified structure, its modules are made available for consumption through canonical URLs. To better illustrate...
公開日: 24/05/09 18:55
How JavaScript Modules are Formatted for AMD
How JavaScript Modules are Formatted for AMD Liferay AMD Loader is based on the AMD specification. All modules inside an npm OSGi bundle must be in AMD format. This is done for CommonJS modules by...
公開日: 24/05/09 18:55
Using Variables
Using Variables Though not a Poshi layer, variables are a large part of Poshi tests. Variables, like in other programming languages, are used to store data which can be referenced and reused in...
公開日: 24/05/09 18:55
Poshi Resources
Poshi Resources To give Poshi test writers easy access to commonly used functions or other files, Poshi resources were created to store existing Poshi files as dependencies that can be loaded apart...
公開日: 24/05/09 18:55
Configuration
Configuration In order to give test writers easy access to commonly used functions, paths, or macros, Poshi resources were created to store existing Poshi files as dependencies. These resources can...
公開日: 24/05/09 18:55
Understanding the npmbundlerrc Structure
Understanding the npmbundlerrc Structure The liferay-npm-bundler is configured via a .npmbundlerrc file placed in the widget project's root folder. You can create a complete configuration manually...
公開日: 24/05/09 18:55
OSGi Bundles and npm Package Structure
OSGi Bundles and npm Package Structure To deploy JavaScript modules, you must create an OSGi bundle with the npm dependencies extracted from the project's node_modules folder and modify them to...
公開日: 24/05/09 18:55
Understanding the Liferay npm Bundler Loader
Understanding the Liferay npm Bundler Loader liferay-npm-bundler's mechanism is inspired by webpack. Like webpack, the liferay-npm-bundler processes files using a set of rules that include loaders...
公開日: 24/05/09 18:55
Poshi Test Automation
Poshi Test Automation Poshi is a test automation framework that is simple, easy to understand, and does not require prior development experience to get started. Poshi tests can be written to...
公開日: 24/05/09 18:55
Getting Started
Getting Started Previously, Poshi tests could only be executed by downloading and creating the test files within the Liferay source code. The Poshi Standalone gradle project enables you to use...
公開日: 24/05/09 18:55
Creating a Macro File
Creating a Macro File Test Scenario Write your first macro file using the test scenario below: You would like to test that your name does not appear on any learn.liferay.com article. The steps you...
公開日: 24/05/09 18:55
Creating A Path File
Creating A Path File Test Scenario Write your first path file using the test scenario below: You would like to test that your name does not appear on any learn.liferay.com article. The steps you...
公開日: 24/05/09 18:55
Creating the Testcase File
Creating the Testcase File Test Scenario Write your first testcase file using the test scenario below: You would like to test that your name does not appear on any learn.liferay.com article. The...
公開日: 24/05/09 18:55
Running a Test
Running a Test Open the poshi-ext.properties file on your poshi-standalone directory and add the following line, replacing the TestCaseFileName#TestCaseName with the one you created in Creating A...
公開日: 24/05/09 18:55
Setup
Setup Prerequisites A supported version of Java. Google Chrome. Gradle or Gradle Wrapper 6.6.1 or higher. Setting up the Poshi Standalone Gradle Project Create a new directory, example...
公開日: 24/05/09 18:55
Syntax Validation
Syntax Validation The Poshi Standalone grade projects includes a validation task that can be used to check your code for syntax errors before running your test. To use this, simply run ./gradlew...
公開日: 24/05/09 18:55
Understanding Test Results and Debugging Tests
Understanding Test Results and Debugging Tests Poshi tests are run on the terminal or command line. When a test run is completed there are multiple ways to view the test results and diagnose test...
公開日: 24/05/09 18:55
Poshi Basics
Poshi Basics New features, improvements, and system upgrades can sometimes introduce unexpected behaviors and bugs. Running suites of automated tests is an advantageous method of identifying issues...
公開日: 24/05/09 18:55
Poshi Advantages
Poshi Advantages Simplified Syntax To make it easier for less technical testers to read and write test automation, Poshi uses a simplified Groovy-like script syntax. It is less wordy than most...
公開日: 24/05/09 18:55
Poshi Layers
Poshi Layers
公開日: 24/05/09 18:55
Functions
Functions In Poshi, Functions handle extra WebDriver commands that an element might require to interact with a page object or element. Functions combine the basic methods defined in the...
公開日: 24/05/09 18:55
Macros
Macros A macro is a set of functions that perform a task. Macros are where locators (paths) and functions are brought together to script interactions that a user performs on the system being...
公開日: 24/05/09 18:55
Paths
Paths A path is an element on a page that a test will interact with. An element can be a button, text field, link, image, paragraph, or just about anything you would need to assert, click, or type...
公開日: 24/05/09 18:55
Testcases
Testcases A testcase file in Poshi is a collection of test scenarios grouped in blocks of code called test blocks. The three main test blocks: setUp, test, and tearDown, are made up of multiple...
公開日: 24/05/09 18:55
Using Poshi Resources
Using Poshi Resources Once the Poshi resources jar file is loaded onto your Poshi project, you are now able to use Liferay's commonly used functions, paths, and macros. To distinguish between files...
公開日: 24/05/09 18:55
Reference
Reference Node Version Information
公開日: 24/05/09 18:55
Node Version Information
Node Version Information Liferay DXP uses Node (and NPM) for many different frontend components. Specifically, the Liferay Theme Generator and Liferay's JavaScript application tools require the use...
公開日: 24/05/09 18:55
Using the Bootstrap 3 Compatibility Layer in Liferay 7.4
Using the Bootstrap 3 Compatibility Layer in Liferay 7.4 As of Liferay DXP 7.4 GA1, the Bootstrap 3 compatibility layer is removed from the built-in packages in Liferay frontend applications. If...
公開日: 24/05/09 18:55
フラグメントツールキットの使用
フラグメントツールキットの使用 フラグメント ツールキットは、お気に入りのツールを使用してフラグメントをローカルで作成および管理するのに役立ちます。 ここでは、ツールキットを使用して、サンプルのフラグメントを含むフラグメント プロジェクトを生成し、デプロイして、独自のフラグメント セットを追加します。 Liferay DXP 7.4以降の場合、フラグメントコレクションはLiferay...
公開日: 24/05/09 18:57
フラグメント内の要素の順序を設定する
フラグメント内の要素の順序を設定する 対応可能：Liferay 7.4以降 スライダー または タブ フラグメントは、通常、情報の異なる領域を表示するために使用されるものです。 スライダーは、この情報をスライドのカルーセルのように表示します。 タブは複数あり、それぞれ異なる情報が表示されます。 ...
公開日: 24/05/09 18:57
ページフラグメントでカスタムフィールドを使用する
ページフラグメントでカスタムフィールドを使用する カスタムフィールド をLiferayのユーザーやページに追加した場合、フラグメントでアクセスすることができます。 ページカスタムフィールドの値を取得するためには、以下のようにします。 layout.getExpandoBridge().getAttribute("ATTRIBUTE_NAME") ...
公開日: 24/05/09 18:57
フラグメントエディターの使用
フラグメントエディターの使用 Liferay DXPには、コンテンツページフラグメントを開発するためのビルトイン エディタ 。 エディターにアクセスするには、 Site Menu( Site Menu ) を開き、 Design → Fragments に移動します。 ここから、フラグメントとフラグメントセットの表示、管理、作成ができます。 フラグメントセットの作成 ...
公開日: 24/05/09 18:57
開発者ガイド
開発者ガイド このセクションには、サイト構築に関する開発者関連の記事が含まれています。
公開日: 24/05/09 18:57
ページフラグメントの開発
ページフラグメントの開発 フラグメントの開発 フラグメントエディターの使い方 フラグメントツールキットの使用 フラグメントへの設定オプションの追加 フラグメント構成のベストプラクティス フラグメントにスタイルを適用する フラグメントドロップゾーンの定義 ページ・フラグメントでカスタム・フィールドを使う フラグメントセットの作成 フラグメント構成の検証 ...
公開日: 24/05/09 18:57
フラグメントへの構成オプションの追加
フラグメントへの構成オプションの追加 対応可能：Liferay DXP 7.2 SP1以降 構成可能なオプションを使用して、フラグメントを柔軟にすることができるので、似たようなフラグメントを多数管理する必要はありません。...
公開日: 24/05/09 18:57
フラグメントへのスタイル適用
フラグメントへのスタイル適用 ページにフラグメントを追加すると、サイドバーメニューを使って、 スタイル 設定タブ を含む、フラグメントを設定することができます。 The Styles tab in the sidebar menu allows you to configure the styles per fragment on a page. ...
公開日: 24/05/09 18:57
フラグメントの自動デプロイ
フラグメントの自動デプロイ liferay Portal 7.3 GA1+ または Liferay DXP 7.3+. もしあなたが 独自のツールでページフラグメントを開発しているなら 、Liferay UI経由でインポートできるようにZIPファイルにパッケージ化することでデプロイできます。 ただし、UI の使用に限定されません。...
公開日: 24/05/09 18:57
フラグメント・コンフィギュレーションを使用する際のベストプラクティス
フラグメント・コンフィギュレーションを使用する際のベストプラクティス 独自の 構成でサイトのページフラグメントを作成する場合、それらを安全かつ効果的にHTML表示で使用するのはあなたの責任です。 ここでは、フラグメントをより効果的かつ強固にするためのテクニックを紹介します。 構成テキスト値のエスケープ 繰り返されるHTML要素にリストを使用する 構成テキスト値のエスケープ...
公開日: 24/05/09 18:57
提供されたフラグメントセットの作成
提供されたフラグメントセットの作成 提供されたフラグメントセットは、ページフラグメントを含むデプロイ可能なモジュールです。 提供されたセットのフラグメントは、通常のフラグメントと同じように使用できますが、データベースには含まれておらず、UI から直接変更することはできません。 Liferay 7.3以降を実行している場合は、圧縮された ZIP...
公開日: 24/05/09 18:57
フォーム・フラグメントの作成
フォーム・フラグメントの作成 liferay 7.4 U45+/GA45+. フォームコンポーネントの断片 は、コンテンツページでオブジェクトのフォームを構築するためのものです。 Liferayのフォームフラグメントがあなたのユースケースを満たさない場合は、フォームに必要なデザインと機能を実現するために独自のフォームフラグメントを作成してください。 フォームの断片を作る ...
公開日: 24/05/09 18:57
フラグメントドロップゾーンの定義
フラグメントドロップゾーンの定義 ドロップゾーンは、コンテンツページの構築に不可欠です。 フラグメントの中に、ユーザーが他のフラグメントやウィジェットをドラッグ＆ドロップできる領域を定義することで、ユニークなページレイアウトや動的な表示を実現することができます。 ドロップゾーンを定義するには、次の手順に従います。 ［サイト管理］ → ［デザイン］ → ［Fragments］...
公開日: 24/05/09 18:57
フラグメントの開発
フラグメントの開発 ページ フラグメントは、 コンテンツ ページ の構成要素です。 これらは、Web ページの 3 つのコンポーネント (CSS、HTML、JavaScript) で構成されています。 ページを作成するには、複数のフラグメントを組み合わせ、それらを組み合わせてページのデザインとその機能を作成します。 フラグメントは、より大きなページ要素 (カードや段落要素など)...
公開日: 24/05/09 18:57
フラグメントにデフォルトのリソースを含める
フラグメントにデフォルトのリソースを含める フラグメントセットに画像（例： .gif、.jpg、.jpeg、.png）を含めて、フラグメントで使用できるようにすることができます。 ドキュメントとメディアなどの他のアプリケーションではなく、フラグメントと一緒に画像を保持すると便利です。 ここでは、フラグメント...
公開日: 24/05/09 18:57
フラグメント設定の検証
フラグメント設定の検証 フラグメント の設定オプション を定義するときに、有効なエントリーのルールを決定する text タイプのフィールドに validation プロパティを追加することができます。 ルールのタイプを指定することで、各フィールドが受け付けるデータのタイプを決定する：text、number、email、url、pattern`のいずれかである。...
公開日: 24/05/09 18:57
開発者リファレンス
開発者リファレンス フラグメントの開発リファレンス
公開日: 24/05/09 18:57
フラグメントリファレンス
フラグメントリファレンス
公開日: 24/05/09 18:57
フラグメント設定タイプのリファレンス
フラグメント設定タイプのリファレンス このリファレンスには、フラグメントに使用可能な構成タイプがリストされています。 フラグメントを設定可能にする方法については、 フラグメントへの構成オプションの追加 を参照してください。 以下は実装できる構成可能なフラグメントタイプです。 text select checkbox colorPicker (Liferay 7.4+...
公開日: 24/05/09 18:57
フラグメント固有のタグと属性のリファレンス
フラグメント固有のタグと属性のリファレンス 標準的なHTML、CSS、JavaScriptに加えて、Liferay固有のタグや属性を使用して、編集可能なセクションを定義したり、ウィジェットを埋め込んだりすることができます。 ...
公開日: 24/05/09 18:57
フラグメントツールキットコマンドリファレンス
フラグメントツールキットコマンドリファレンス フラグメントツールキットは、現在実行中の Liferay DXP インスタンスに接続して、フラグメントをインポートおよびエクスポートできます。 ツールキットで作成したフラグメントをポータルに自動的にインポートすることもできます。 次のコマンドを使用できます。 コマンドDescription npm run...
公開日: 24/05/09 18:57
ページ フラグメントエディタのインターフェイスリファレンス
ページ フラグメントエディタのインターフェイスリファレンス ページ フラグメントエディタのインターフェイスは、2 つのタブで構成されています。 コードエディタ 設定 以下のセクションでは、インターフェイスのこれらの部分の使用方法について説明します。 ページ フラグメントの作成方法については、 Developing Page Fragments を参照してください。 コードエディタ...
公開日: 24/05/09 18:57
LiferayでGlowrootを使う
LiferayでGlowrootを使う liferay DXP 2023.Q4+/Portal 7.4 GA100+. Liferayは、オープンソースのJavaアプリケーション監視ツールである Glowroot をバンドルしています。 このツールは、システムに関する有用な統計情報（サーバーへのリクエスト、エラーなど）を表示します。 最小限のオーバーヘッドで。...
公開日: 24/05/09 18:59

Capabilities

Product

Contact Us

Connect

Powered by Liferay
© 2024 Liferay Inc. All Rights Reserved • Privacy Policy