製品

4D Qodly Proのイベントレポート:すべてのインタラクションを一目で見る

Deeplからの自動翻訳

4D Qodly Proでブラウザベースのユーザーインターフェイスを作成するのは、4Dフォームエディタを使うのととてもよく似ています。ボタンをクリックすると4Dメソッドが呼び出されます。そして、そのメソッドは、あなたの(多くの場合、すでにある)ビジネスロジックを実行します。

そのために、ウィジェットまたはページ(フォーム)全体のイベントを定義します。ブラウザの動作はデスクトップアプリとは少し異なるので、追加のイベントがあり、実行順序が異なるかもしれません。イベントレポートは、これをよりよく理解するのに役立ちます。

製品 blank

Qodlyスタジオは2クリックでスタートできます。

Deeplからの自動翻訳

4D Qodly Proは4DアプリケーションのWebフォームをデザイン、構築、実行するために必要な全てのツールを提供します。

4Dに完全に統合され、Qodly studioと一緒に箱から出されます。そして、4Dと同じように、その使い方は簡単で、アクセスしやすく、4Dの世界にネストしています。

古いバージョンで作成された4DプロジェクトでQodly Studioを使用するには、最新の機能をサポートするために、いくつかのプロジェクト設定を変更する必要があるかもしれません。

そのため、4D 21からは 4Dから Qodly Studioへのアクセスが2クリックでできるようになりました。

製品 blank

Qodlyページのローカライズ:実践ガイド

Deeplからの自動翻訳

4Dアプリケーションのローカライゼーションは、主にデスクトップアプリケーション用に設計されたXLIFFアーキテクチャー )により、数十年にわたってサポートされてきました。

しかし、ブラウザの動作は異なります。

そのため、4D Qodly Proは、ウェブインターフェイス用に調整された、新しいビルトイン国際化(i18n)アプローチを導入しています。

では、実際にどのように機能するのか見てみましょう。

ヒント blank

権限やセッション・ストレージに保存された情報に応じてデータを制限する。

Deeplからの自動翻訳

最新のアプリケーション開発では、データアクセスの保護ときめ細かな管理が不可欠です。4Dのrestrictイベントのおかげで、ユーザのプロファイル、権限、セッション保存情報に基づいて、アクセス可能なデータを動的にフィルタリングすることが可能です。

このブログでは、特に4D Qodly Proとの統合において、このイベントを活用し、関連するデータのみが公開されるようにする方法を説明します。

ヒント blank

Qodlyアプリケーションにおけるインタラクティブでダイナミックなメニューバーのデザイン

Deeplからの自動翻訳

今週のブログでは、ナビゲーションを取り上げます。ナビゲーションはどんなウェブアプリケーションでも重要な要素です。うまく構造化されたナビゲーションシステムは、ユーザーが必要なものを素早く見つけることを可能にし、全体的な体験を向上させます。

4D Qodly Proなら、ナビゲーションの管理はシンプルで柔軟です。Page Loaderコンポーネントを使えば、ユーザーのアクションに基づいて動的にページをロードすることができます。

この記事では、4D Qodly Proを使って効率的なナビゲーションバーを設定する方法を探ります。例として、GitHubからダウンロードできるPerformance Reviewアプリケーションを使用します。各ユーザーの役割に合わせたシームレスなエクスペリエンスを作成するために、そのデザイン、インタラクション、権限管理について説明します。

ヒント blank

CSSでQodlyインターフェースをカスタマイズする

Deeplからの自動翻訳

Qodly Studioでは、各ウィジェットのプロパティを使って直接スタイルを設定することができます。しかし、アプリケーション全体で一貫した外観を維持し、グローバルスタイル(フォントの色、テキストのサイズ、選択範囲の外観など)を簡単に適用するには、CSS が最適です。

この記事では、Qodly StudioでCSSを使用するための基本を、Performance Reviewアプリケーションを例に説明します。

ヒント blank

Qodlyアプリケーションで4D Write Proを使用したダイナミックドキュメントの作成

Deeplからの自動翻訳

ドキュメントの管理と作成が重要なプロフェッショナル環境では、強力で柔軟なツールが不可欠です。デスクトップクライアントから直接、ダイナミックなドキュメントテンプレートをデザインし、データベースから数式やデータを統合し、直感的なウェブインターフェースを介してワンクリックでドキュメントを生成できることを想像してみてください。これこそが、4D Write Proと 4D Qodly Proが可能にすることです!

今週のブログでは、この2つのソリューションが、ドキュメントプロセスを自動化し最適化するために、どのようにお互いを補完し合っているかをご紹介します。4D Write Proでカスタムテンプレートを作成する方法と、4D Qodly Proのおかげで、ウェブユーザーが必要なデータを入力し、ドキュメント生成をトリガーし、さらにデータベースに保存するか、計算された属性で返すかを選択する方法をご紹介します。

このプロセスをデモンストレーションするために、ダウンロード可能なパフォーマンスレビューアプリケーションを使用します。ワークフローを簡素化し、効率を高めながら、ドキュメントの作成・管理方法を変革する準備を整えてください。

ヒント blank

カスタムコンポーネントでQodlyアプリケーションを拡張する

Deeplからの自動翻訳

4D Qodly Proは、アプリケーションの設計に役立つ幅広いネイティブコンポーネントを既に提供しています。しかし、それをさらに進化させることができることをご存知ですか?コミュニティによって開発されたカスタムコンポーネントのおかげで、オーダーメイドの機能でプロジェクトを強化することができます!

これらのカスタムコンポーネントは、4Dのプラグインやコンポーネントのように、パーソナライズされた機能を追加することで、4D Qodly Proの機能を拡張することができます。

この記事では、これらのコンポーネントの使用方法と統合方法について、パフォーマンスレビューアプリケーションの実際の使用例とともにご紹介します。

ヒント blank

Qodlyアプリケーションをステートでダイナミックかつインタラクティブにする

Deeplからの自動翻訳

ステートは、4D Qodly Proでダイナミックでレスポンシブなインターフェイスを作成する上で重要な役割を果たします。ステートを使うことで、ユーザーの役割や権限、データベースのデータなど、特定の条件に基づいてウィジェットの表示や動作を制御することができます。

このブログでは、このコンセプトを説明し、様々なタイプのステートを紹介し、パフォーマンスレビューアプリケーションの例を通して、ステートの効果的な活用方法を説明します。