製品

4DエクスプローラーでQodlyページを簡単に使い始める

Deeplからの自動翻訳

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

4D 21 R2からは、4Dフォームでお馴染みのように、4DエクスプローラからQodlyページを作成できるようになりました。さらに、4DエクスプローラーからもQodlyページを開くことができます!

これにより、4D Qodly Proをより簡単に手に取ることができるようになりました。

製品 blank

4D Qodly Proにおけるセッション処理

Deeplからの自動翻訳

ユーザーセッションが切れた時の動作を完全に制御したいと思ったことはありませんか?固定された動作と格闘したり、独自のタイムアウトロジックを後付けしたりせずに。カスタムタイマーの維持やトークンの管理、UIがバックエンドの動作を推測することを期待する必要もなく?

4D Qodly Proのセッション処理では、独自のUXに組み込める2つのアプリケーションイベントを提供します。1つは期限切れ前にユーザーに警告し、もう1つはセッションが正式に失効した際に発火します。これらのトリガーとなる条件は自由に設定可能です。

製品 blank

4D Qodly Proを使って、Webウィジェットでデスクトップインターフェースを強化しよう

Deeplからの自動翻訳

ナビゲーション・マップなど、ウェブサイトから知られるウィジェットでユーザー・インターフェースを豊かにしたいと思ったことはありませんか?JavaScriptを学んだり、CSSやHTMLを扱ったり、この2つの世界の間でデータの受け渡しをしたりする必要はありません。

Web Areasと4D Qodly Proの新しい統合により、すべてのビジネスロジックを4D Server内に保持したまま、リッチでダイナミックなインターフェイスを4Dフォーム内に提供することができます。

製品 blank

4D Qodly Proのイベントレポート:すべての動作を一目で見る

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

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

製品 blank

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

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

これは4Dに完全に統合されているので、Qodly studioは4Dをインストールすればすぐに使い始めることができます。そして、4Dと同じように、その使い方は簡単で、アクセスしやすく、4Dでの考え方に基づいています。

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

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

製品 blank

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

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

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

そのため、4D Qodly Pro は、Webインターフェース用に調整された、新しいビルトイン国際化アプローチ(i18n)を導入しています。これにより複数言語に対応した Qodlyページをより柔軟に作成することができるようになります。

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

ヒント 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アプリケーションを例に説明します。