CSSでQodlyインターフェースをカスタマイズする
Qodly Studioでは、各ウィジェットのプロパティを使って直接スタイルを設定することができます。しかし、アプリケーション全体で一貫した外観を維持し、グローバルスタイル（フォントの色、テキストのサイズ、選択範囲の外観など）を簡単に適用するには、CSS が最適です。
この記事では、Qodly StudioでCSSを使用するための基本を、Performance Reviewアプリケーションを例に説明します。
Qodlyアプリケーションで4D Write Proを使用したダイナミックドキュメントの作成
ドキュメントの管理と作成が重要なプロフェッショナル環境では、強力で柔軟なツールが不可欠です。デスクトップクライアントから直接、ダイナミックなドキュメントテンプレートをデザインし、データベースから数式やデータを統合し、直感的なウェブインターフェースを介してワンクリックでドキュメントを生成できることを想像してみてください。これこそが、4D Write Proと 4D Qodly Proが可能にすることです！
今週のブログでは、この2つのソリューションが、ドキュメントプロセスを自動化し最適化するために、どのようにお互いを補完し合っているかをご紹介します。4D Write Proでカスタムテンプレートを作成する方法と、4D Qodly Proのおかげで、ウェブユーザーが必要なデータを入力し、ドキュメント生成をトリガーし、さらにデータベースに保存するか、計算された属性で返すかを選択する方法をご紹介します。
このプロセスをデモンストレーションするために、ダウンロード可能なパフォーマンスレビューアプリケーションを使用します。ワークフローを簡素化し、効率を高めながら、ドキュメントの作成・管理方法を変革する準備を整えてください。
カスタムコンポーネントでQodlyアプリケーションを拡張する
4D Qodly Proは、アプリケーションの設計に役立つ幅広いネイティブコンポーネントを既に提供しています。しかし、それをさらに進化させることができることをご存知ですか？コミュニティによって開発されたカスタムコンポーネントのおかげで、オーダーメイドの機能でプロジェクトを強化することができます！
これらのカスタムコンポーネントは、4Dのプラグインやコンポーネントのように、パーソナライズされた機能を追加することで、4D Qodly Proの機能を拡張することができます。
この記事では、これらのコンポーネントの使用方法と統合方法について、パフォーマンスレビューアプリケーションの実際の使用例とともにご紹介します。
Qodlyアプリケーションをステートでダイナミックかつインタラクティブにする
ステートは、4D Qodly Proでダイナミックでレスポンシブなインターフェイスを作成する上で重要な役割を果たします。ステートを使うことで、ユーザーの役割や権限、データベースのデータなど、特定の条件に基づいてウィジェットの表示や動作を制御することができます。
このブログでは、このコンセプトを説明し、様々なタイプのステートを紹介し、パフォーマンスレビューアプリケーションの例を通して、ステートの効果的な活用方法を説明します。
4D Qodly Proでインタラクティブなデータリストを作成する
今週のブログでは、データを表示するための動的なページの作成について説明します。今回は実践的な応用例として、従業員の年次業績報告書を作成するシステムの構築に焦点を当てます。このプロジェクトはGitHubで参照できます。
私たちの目標は、従業員のリストを表示し、部署や雇用形態によって結果をフィルタリングするオプションがある、ユーザーフレンドリーなインターフェイスを設計することです。
Qodlyアプリケーションにユーザー認証を統合する
今週のブログでは、認証という重要なトピックに焦点を当てます。この議論を説明するために、従業員の年次業績評価を書くために設計されたアプリケーションを例に挙げます。このアプリケーションは、ユーザが電子メールとパスワードで認証することで、自分のアカウントに安全にアクセスできるようにします。
4D Qodly Proでウェブアプリケーションをマスターしよう：チュートリアルシリーズ
4D Qodly Proと4D Serverを使ってパワフルなウェブアプリケーションを作成するチュートリアルシリーズへようこそ！ベテランのウェブ開発者であれ、これから始める方であれ、4D Qodly Proは 4D開発プラットフォームをパワフルなハイブリッドローコードソリューションに変身させます。
4D Qodly Proを使えば、既存の4DアプリケーションをインタラクティブでレスポンシブなWebインターフェイスにシームレスに拡張し、4D Write Proのような4Dテクノロジーを駆使した最新のWebビジネスアプリケーションをデザインすることができます。一番の利点は？既に知っていることをベースにしながら、ユーザーの新しい可能性を引き出します。
4Dサーバーから直接Qodly Studio for 4Dにアクセスしてコードのテストやデバッグを行うことが可能に！
Qodly Studio for 4Dを使用することで、あなたの4DアプリケーションをWebページで拡張することができます。開発は4D Developer Editionに統合されています。
開発段階においては、特定の機能やバグがサーバーや本番環境でしか再現されないことがよくあります。これは開発者にとっては大きな課題であり、効率的に問題を解決するためには、デバッグツールに直接アクセスする必要があります。
最新リリースの4D 20 R7では、Qodly Studio for 4D が4Dサーバーから直接アクセスできるようになりました。これによってこれまでとは全く違う感覚でデバッグやテストができるようになります。
以下はこの新機能を最大限に活用するためのクイックガイドです。
Qodly Studio for 4D：ページ状態による動的ユーザーインターフェース
4D 20 R6で、Qodly Studio for 4Dはエキサイティングな新機能を導入しました：ページステートです。もしかしたら、すでに前の投稿をご覧になった方もいらっしゃるかもしれませんが、ダイナミックUIにとってこの機能がどのような価値があるのかを探ってみましょう。
それぞれのユーザーのステップやコンテキストに即座に適応するUIがあったとしたらどうでしょう？
ページステートがその実力を発揮するようなユースケースをいくつかご紹介しましょう：
- ユーザーのアクションに基づいてコンポーネントを有効または無効にする(例：すべての必須フィールドが入力されたときのみ「保存」ボタンを有効にする)。
- ライトモードとダークモードをシンプルなボタンで切り替える。
- ユーザーの権限に基づいて、アクション(読み出し、更新など)を制限する。
Qodly Studio: 3つのデモ
以前のブログ記事 で、Qodly Studio (現在はデベロッパープレビュー版) がシルバー以上のパートナーの皆様にご利用いただけることをお知らせしました。また、このツールを使い始めるための最初のステップもご紹介しました。
今こそデモを実行し、Qodly Studio を試してみる絶好の機会です！
私たちは、新しい機能を発見するための HDI (How Do I?) 例題を長年提供してきました。しかし、Web開発の新時代に突入するにあたり、これらのデモを表す新しい名前を思いつきました: PIQS、Play In Qodly Studio (Qodly Studio で遊ぼう) の略です。
Qodly Studio を実際に触って遊び、使いこなすためのサンプルが、すでに実装されている機能について、そして今後追加される機能について、随時提供されていきます。
さぁ、さっそく袖をまくって探索を始めましょう！