ノート:

APEXを使用したスプレッドシートからのアプリケーションの作成

イントロダクション

Oracle Application Express (APEX)は、お客様がワールド・クラスの機能を使用して魅力的でスケーラブルなセキュア・アプリケーションを簡単に構築できるロー・コード開発プラットフォームです。どこにいてもデプロイできます。また、Oracle Autonomous Data WarehouseやOracle Autonomous Transaction Processingサービスなど、現在のすべてのバージョンのOracle Databaseにも無料で付属しています。

このラボでは、一般的なビジネス・スプレッドシートからインポートされたデータを使用して堅牢なAPEXアプリケーションを作成する方法について説明します。多くのお客様は、管理できないスプレッドシートでビジネス・ワークフローと重要なデータを保持しながら、膨大な時間とエネルギーを浪費しています。これが一般的に、スプレッドシートでは拡張できないことです。時間とコストを節約できる、安全なスケーラブルなマルチユーザー・アプリケーションをそのスプレッドシートから作成できるとしたら?これこそ、このラボでは学ぶことができます。

APEXラボの紹介

目的

対象読者

前提条件

Oracle Autonomous Databaseインスタンスの作成

APEXは、Oracle Autonomous Data WarehouseおよびOracle Autonomous Transaction Processingサービスを含むOracle Databaseの機能です。Oracle Cloud Infrastructure (OCI)上のOracle Autonomous Transaction Processingインスタンスを使用して、APEXワークスペースをホストします。

概要ビデオ

APEXステップ1

楽しい事実!APEXワークスペースとは何ですか。

APEXワークスペースは、APEXアプリケーションを定義する論理ドメインです。各ワークスペースは、表、ビュー、パッケージなどのデータベース・オブジェクトの格納に使用される1つ以上のデータベース・スキーマ(データベース・ユーザー)に関連付けられます。これらのデータベース・オブジェクトは、通常、APEXアプリケーションをその上部に構築したものです。

  1. OCIコンソール内からリソース・メニューを開き、Oracle Databaseに移動して「Autonomous Transaction Processing」を選択します。

  2. 「リスト・スコープ」セクションで、インスタンスに割り当てられたLunaコンパートメントを選択します。エフェメラル・コンパートメントが見つかるまでマイナス記号を展開して選択します。

  3. 「Autonomous Databaseの作成」をクリックします。

  4. Autonomous Databaseの構成ページで追加する必要があるのは、管理ユーザーのパスワードのみです。フォームを「管理者資格証明の作成」セクションまでスクロール・ダウンし、12-30桁のパスワードを入力します。後で使用するため、覚えておくことができることを確認してください。フォームを調べて、すべてのデフォルトを受け入れます。

    フィールド 推奨情報
    コンパートメント Lunaコンパートメントが選択されていることを確認します
    表示名 デフォルトのままにします。
    データベース名 デフォルトのままにします。
    ワークロード・タイプの選択 トランザクション処理
    デプロイメント・タイプを選択します 共有インフラストラクチャ
    データベース・バージョン 19c
    OCPU数 1
    ストレージ(TB) 1
    ユーザー名 ADMIN (編集できません)
    パスワード 12-30文字のパスワードの作成
    ネットワーク・アクセスを選択します すべての場所からのセキュア・アクセスを許可
    ライセンス・タイプを選択します ライセンス持込み(BYOL)
  5. 「Autonomous Databaseの作成」をクリックします。

    データベース作成プロセスには少し時間がかかります。プロビジョニング中、ATPアイコンにオレンジが表示されます。

完了すると、「ATP」アイコンが緑色で表示され、使用可能になります。世界で最も強力なデータベースを起動して構成するのは少しだけなので、小さなお祝いがあるはずです。

APEXワークスペースの構成

新しいOracle Autonomous Databaseインスタンスを新しく作成したばかりなので、APEXを初めて使用するように構成する必要があります。次のステップでは、管理者としてログインし、ワークスペースを初期化して、デモというユーザーを作成します。次に、ログアウトして新しいユーザー(デモ)としてログインしなおして、驚くべき最初のアプリケーションの作成を開始します。

概要ビデオ

APEXステップ2

  1. 「ツール」タブをクリックして、APEXアプリケーションへのリンクが表示されるデータベース・ツール・セクションにアクセスします。

  2. 「APEXを開く」をクリックして開始します。

  3. 最初のステップでOracle Autonomous Databaseを作成するために使用した管理パスワードを入力し、「管理にサインイン」をクリックします。

  4. 「作業領域の作成」をクリックします。

  5. 「ワークスペースの作成」ダイアログ・ボックスで、アプリケーションを収容するための新しいワークスペースとともに新しいユーザーを作成します。次の情報を入力し、「ワークスペースの作成」をクリックします。

    プロパティ Value
    データベース・ユーザー デEMO
    パスワード 以前または選択した別のパスワードを使用
    ワークスペース名 デEMO


    DEMOという新しいユーザーでDEEMOという新しいワークスペースを正常に作成しました。

    次に、管理ワークスペースからログアウトし、DEMOワークスペースにログインする必要があります。これを行う最も簡単な方法は、「作成されたワークスペース」メッセージの「DEMO」をクリックして、画面の上部に表示される可能性が高いことです。

  6. これにより、管理ワークスペースからログアウトし、新しいDEMOワークスペースにログインできるようになります。パスワードを入力し、「サインイン」をクリックします。

スプレッドシートからのアプリケーションの作成

この項では、スプレッドシートからインポートされたデータを使用してAPEXアプリケーションを作成する方法を学習します。デモンストレーションを簡略化するために、APEXに組み込まれているサンプル・データを使用します。ただし、自分または顧客データをアップロードする場合、ステップは同じです。

ワークスペースにログインしたら、APEXアプリケーションの作成を開始できます。スプレッドシートに基づいて単純なアプリケーションを構築します。APEXは、ローカル・データベース・オブジェクト、REST対応SQLオブジェクト、さらにはREST APIに基づく高度なアプリケーションなど、シンプルなアプリから大規模アプリケーションまで、様々なアプリに最適です。

APEX開発者は、アプリケーション・ビルダーで多くの時間を費やしますが、データベース・オブジェクトの作成と保守、大規模なAPEX開発プロジェクトの追跡が可能なチーム開発、および数分以内にインストールできる生産性およびサンプル・アプリケーションを含むアプリケーション・ギャラリなどのSQLワークショップも調査する必要があります。

概要ビデオ

APEXステップ3

プロジェクトおよびタスク・データのロード

  1. APEXワークスペースのホームページで、「アプリケーション・ビルダー」をクリックします。

  2. 新規アプリケーションの作成をクリックします。

  3. 「ファイルから」をクリックします。

    APEXを使用すると、ファイルからアプリケーションを作成する際、CSV、XLSX、XMLまたはJSONファイルをアップロードし、それらのファイルに含まれるデータに基づいてアプリケーションを構築できます。CSVデータをコピー・アンド・ペーストしたり、サンプル・データをロードすることもできます。このデモンストレーションでは、アプリケーションに付属のサンプル・データをロードします。

  4. データのロード・ウィザードで、上部にある「コピーして貼付け」オプションをクリックします。

  5. サンプル・データ・セット・リストから「プロジェクトおよびタスク」を選択し、「次」をクリックします。

  6. デモンストレーション・アプリケーションの解析済データを確認し、「Next」をクリックします。

  7. データのロード先となる「新規表」を選択します。「表所有者」「デモ」に設定されていることを確認します。「表名」をPROJECT_TASKSに設定し、「データのロード」をクリックします。

    「データのロード」をクリックすると、ウィザードがデータのロードを終了するまでスピナーが表示されます。

    ノート:データ・ロード・ウィザードでは、新しい表が作成され、その表にサンプル・データのレコードが移入されています。新しい表のデータに基づいてアプリケーションを作成します。

  8. 「データのロード」ダイアログ・ボックスで、73行がPROJECT_TASKS表にロードされていることを確認し、「表の表示」をクリックします。

  9. オブジェクト・ブラウザで、表構造と作成されるその他の情報を確認します。表ツールバーで、「アプリケーションの作成」ボタンをクリックします。

  10. 「アプリケーションの作成」ページで、「アプリケーションの作成」をクリックします。

    「アプリケーションの作成」ページで、リストされたページを確認し、新しいアプリケーションの基礎を形成します。必要に応じて、各ページの「編集」ボタンをクリックしてカスタマイズを前面に追加できます。時間がある場合は、クリックして各項目を確認します。

  11. 「機能」で、「すべてチェック」リンクをクリックして、アプリケーションで使用可能なすべての機能を含めます。「アプリケーションの作成」をクリックします。

  12. アプリケーションが作成されるまでしばらく待ちます。ウィザードが終了すると、アプリケーション・ビルダーのアプリケーションのホーム・ページにリダイレクトされます。

  13. 「Run Application」をクリックします。これにより、ランタイム・アプリケーションが新しいブラウザ・タブで開き、エンド・ユーザーがアプリケーションを表示する方法を確認できます。

  14. ユーザー資格証明を入力し、「Sign In」をクリックします。

    ノート: APEXワークスペースへのサインインに使用したのと同じユーザー名とパスワードを使用してください。(デモ)

  15. アプリケーションを確認し、全体的なルック・アンド・フィールについて理解します。

  16. 「ダッシュボード」(ホーム・メニューまたはナビゲーション・メニュー)をクリックして、自動的に作成されたデフォルトのチャートを表示します。

  17. ナビゲーション・メニューで「プロジェクト・タスク検索」をクリックし、ファセット検索を試してください。検索機能について、ここでは、アプリケーションを改善できる顧客を表示し、データをより便利にする顧客を示します。

  18. 「プロジェクト・タスク・レポート」をクリックして対話型レポートを表示し、レコードの編集アイコンをクリックして、編集可能なフォーム・ページに詳細を表示します。

  19. 次に、「カレンダ」ページに移動し、表示されるデータをレビューします。デフォルトの動作では、イベントの上にマウスをロールし、イベントをクリックしたときに情報を表示できないことに注意してください。

    ノート:データを表示するには、数か月前にスクロールする必要がある場合があります。

  20. 最後に、「管理」で使用可能なオプションを確認します。

    ノート:ボーナスとして、「管理」画面で、テーマをデフォルトのビタからRedwood Lightテーマに変更する方法がわかります。

この項では、特定のユース・ケース向けにアプリケーションをカスタマイズするための一目で学習します。最初に、ファセット検索ページを変更して、データの明確化に役立て、特定の状況により使用可能にします。ファセット検索では、品目分類に基づくフィルタを使用して検索結果を絞り込むことができます。検索ページには左側にファセットが含まれており、右側にレポートに表示されるデータを簡単に制限するために使用できます。

概要ビデオ

APEXステップ4

アプリケーションで「プロジェクト・タスク検索」ページを確認する場合、様々なファセットをチェックおよび選択解除して、データの異なるビューを作成できます。デフォルト ビューでは、ファセットをチェックすると、残りのすべてのファセットのカウントが更新され、新しい条件を満たすレコードの数が表示されます。次のステップで一部のファセットをカスタマイズします。

ファセットを見ると、「ステータス」セクションがページ下に表示され、チェック・ボックスを使用して複数の値(1つ以上)を選択できます。

  1. 実行時アプリケーションから、「プロジェクト・タスク検索」をクリックして検索ページに移動します。このアプリケーションをAPEXアプリケーション・ビルダーから実行すると、開発者ツールバーが画面の下部に表示されます。

    ノート:アプリケーションに直接ログインするエンド・ユーザーには、このツールバーは表示されません。

  2. 「開発者」ツールバーの「ページ3の編集」をクリックします。

  3. または、適切なブラウザ・タブまたはウィンドウを選択して、ブラウザで「APEXアプリケーション・ビルダー」タブに戻ることもできます。アプリケーション・ビルダーで、「3 -プロジェクト・タスク検索」をクリックします。

    ページ・デザイナが表示されます。ページ・デザイナでは、アプリケーションの改善に多くの時間を費やします。ページ・デザイナには3つのペインがあります。左ペインには最初にレンダリング・ツリーが表示され、ページ・コンポーネントのリストが表示されます。中央のペインには、「レイアウト」、「ページの表現」および「ギャラリ」が表示され、そこから新しいコンポーネントをレイアウトにドラッグ・アンド・ドロップできます。右側のペインはプロパティ・エディタで、選択したコンポーネントの属性を変更できます。

    「ステータス」は、非常に一般的な検索基準であるため、アプリケーションをより便利にするために、「ステータス」が「プロジェクト」「割当先」の間になるようにファセットを並べ替えて、使いやすくなるように表示できるようにします。

  4. レンダリング・ツリー(左ペイン)の「検索」で、「ファセット」内でP3_STATUSをクリックし、P3_PROJECTの下になるまで上にドラッグしてマウスを解放します。

    現在、[ステータス]ファセットは一連のチェック ボックスです。ただし、ユーザーが一度に複数の選択肢を選択することはあまりないため、無線グループに変換します。

  5. P3_STATUSが選択されている状態で、プロパティ・エディタ(右ペイン)で、「識別」「タイプ」の順に選択します。タイプを「チェックボックス・グループ」から「ラジオ・グループ」に変更します。

  6. プロパティ・パネルをさらに下にスクロールして、「リスト・エントリ」「ゼロ・カウント・エントリ」を探し、このフィールドを「非表示」から「最後の表示」に変更します。

  7. ページの右上にある「ページを保存して実行」をクリックして、ファセットに加えられた変更を保存し、アプリケーションを確認します。

  8. 実行時環境で、いずれかのステータスをクリックします。選択内容に基づいて、他のファセットのカウントがどのように更新されるかを確認します。また、他のステータスのいずれかを選択してデータをすばやくソートする方法や、「クリア」をクリックしてオプションをリセットする方法にも注意してください。

    ファセットはページの下部から外れている可能性があります。使用可能なすべての選択肢を簡単に確認できるように、最後の3つのファセットを縮小することをお薦めします。これについては、次のいくつかのステップで扱おう。

  9. 「開発者」ツールバーの「編集」リンクを使用して開発環境(APEXアプリケーション・ビルダー)に戻るか、適切なブラウザ・タブに手動でナビゲートします。

  10. レンダリング・ツリー(左ペイン)の「検索」で、「ファセット」P3_ASSIGNED_TOをクリックし、Shiftキーを押したままP3_COSTをクリックして、3つのファセットを選択します。プロパティ・エディタ(右ペイン)の上部にあるフィルタ内でcollapと入力すると、2つの属性のみが表示されます。「詳細」「初期縮小」の順に、スイッチを選択済に変更します。

    ノート:フィルタを入力するのではなく、更新する正しい属性が見つかるまで、プロパティを下にスクロールすることもできます。

  11. 「ページの保存と実行」をクリックして、改善された検索ページを表示します。

よくできました。顧客の基本的なスプレッドシート・アプリケーションを入手して、使いやすさの向上に役立つ機能をいくつか追加しました。次のセクションでは、レポート・セクションにいくつかの拡張機能を追加します。

レポートとフォームの改善

この項では、対話型レポートの機能について洞察し、エンド・ユーザー視点からフォーム・ページを拡張する方法を学習します。「プロジェクト・タスク・レポート」ページでは、対話型レポートを使用してレコードを表示します。対話型レポートは非常に強力です。エンド・ユーザーは、表示するデータを変更したり、表示特性を変更できます。このレポートでは、列区切り、計算列、集計およびチャートを追加します。次に、データを順序付けし、すべてのユーザーが表示できるようにレポートを保存します。

概要ビデオ

APEXステップ5

ノート:代替レポートの保存を除くすべてのステップは、エンド・ユーザーが実行できます。エンド・ユーザーが使用できる追加機能は数多くありますが、これについては後述していません。

  1. 実行時環境で、「プロジェクト・タスク・レポート」をクリックします。

  2. 「プロジェクト」列見出しをクリックし、プロジェクト見出しの下の右側にあるアイコンである「コントロール・ブレーク」を選択します。

    ここでは、予算とプロジェクトのコストを比較する計算列を追加します。APEXを使用すると、エンド・ユーザーは、レポートの既存の列および計算を追加する機能に基づいて新しい列を定義できます。各列に関連付けられた文字を使用して、計算内で列が選択されます。

  3. レポートの最上部で、「アクション」「データ」「コンピュート」の順に選択します。

  4. 新しく開いた「コンピュート」ダイアログ・ボックスで、新しい列の名前を「予算Vコスト」として入力します。次に、「フォーマット・マスク」のドロップダウン・リストを使用して$5240.10のマスクを選択し、FML999G999G999G999G990D00と表示されます。列セレクタから、Iで始まる列を選択します。スペースとダッシュを入力し、H列を選択して、例のイメージのように式を表示します。「適用」をクリックします。

    プロパティ Value
    列ラベル 予算Vコスト
    書式マスク 5234.10ドル
    計算式 I - H


    これにより、新しい列「予算Vコスト」が対話型レポートに追加されます。

  5. 各プロジェクトの予算対コストを追加するには、「アクション」「データ」「集計」の順に選択します。

  6. 「集計」ダイアログ・ボックスで、「合計」関数を選択し、ドロップダウン・リストから新しい列「予算Vコスト」を選択し、「適用」をクリックします。

    各プロジェクトの予算とコストの合計を確認できますが、チャートに合計を表示すると、すべてのプロジェクトの全体像を把握しやすくなります。

  7. レポートで、「アクション」をクリックし、「チャート」を選択します。ドロップダウン・リストを使用して、「棒グラフ」の選択を使用して次の情報を入力し、「適用」をクリックします。

    プロパティ Value
    ラベル プロジェクト
    Value **予算Vコスト
    機能 合計
    ソート ラベル-昇順
    方向 水平


  8. 「適用」をクリックすると、チャートが表示されます。インタラクティブ・チャートの一部にカーソルを重ねると、データが表示されます。「アクション」ボタンの左上にあるアイコンを使用して、レポート・ビューとチャート・ビューを切り替えます。

  9. データのダイジェストを容易にするため、すべてのレコードが、各プロジェクト内の開始日と終了日の順に並べられるようにする必要があります。レポートの最上部で、「レポートの表示」アイコンをクリックし、「アクション」「データ」「ソート」の順に選択します。

  10. ソート・ダイアログ・ボックスで、次の情報を入力し、「適用」をクリックします。

    プロパティ Value
    2 開始日
    3 終了日
    3 Null Sorting 常にNULL


    対話型レポートに変更を加えたため、レポートのレイアウトを保存することが重要です。エンド・ユーザーは、自分が表示できるプライベート・レポートのみを保存したり、他のユーザーが表示できるパブリック・レポートを保存できます。

    ノート:開発者は、ページ・デザイナでレポート属性を変更することで、エンド・ユーザーがパブリック・レポートを保存する機能を削除できます。

    開発者は、レポートをプライマリ・レポート(デフォルト)または代替レポートとして保存して、データの様々なビューを様々なユース・ケースで使用可能にできます。次のステップでは、レポートを代替レポートとして保存します。

  11. レポートで、「アクション」をクリックし、「レポート」「レポートの保存」の順に選択します。

  12. 「レポートの保存」の「保存(開発者のみ表示)」ドロップダウン・リストで、「デフォルトのレポート設定として」を選択します。

    ノート:エンド・ユーザーはプライベート・レポートとパブリック・レポートを保存できますが、プライマリ・レポートと代替レポートを保存できるのは、アプリケーション・ビルダーからアプリケーションを実行した開発者のみです。

  13. 「デフォルト・レポートの保存」で、「代替」を選択し、「名前」フィールドに「予算レビュー」と入力して、「適用」をクリックします。

    新しい選択リストがレポートの上部に表示され、ユーザーが使用できるすべての保存済レポートがリストされます。

  14. 最初のレポート・ビューに戻り、1を選択します。プライマリ・レポート「リセット」の順にクリックします。

    次のセクションでは、フォーム・ページを改善します。フォーム・ページでは、エンド・ユーザーが単一の情報レコードを簡単に更新できます。これらのページはモーダル ページであることがよくあり、そこで元のページの上部に表示され、最初にモーダル ページを閉じずに元のページがグレー表示され、アクセスできません。モーダル・ページの利点は、同じページを他の多数のページからコールできることです。これには、ページ定義内のすべての処理、検証などが含まれます。これらはユーザーにとって使いやすいもので、極めて簡単なユーザー・エクスペリエンスを提供します。

    デフォルトでは、アプリケーションの作成ウィザードによって生成されたフォーム・ページはモーダル・ページです。プロジェクト・タスクを保守するためのモーダル・ページでは、不動産が大幅に増加します。同じ行に日付、コストと予算を同じ行に配置することで、この作業を簡単に改善できます。最後に、ステータスでは値の入力が許可されるため、許可されたステータスのリストを追加してデータ入力を制限する必要があります。

  15. ランタイム環境の「プロジェクト・タスク・レポート」ページで、任意のレコードの編集アイコンをクリックします。

    選択したレコードのモーダル・フォーム・ページが表示されます。

  16. 「開発者」ツールバーで、画面の下部にある「ページ5の編集」をクリックします。

    ノート:「開発者」ツールバーを使用してナビゲートできない場合は、APEXアプリケーション・ビルダーのブラウザ・タブに手動でナビゲートしてください。アプリケーションのホーム・ページを表示している場合は、「5 -プロジェクト・タスク」をクリックしてページに移動します。ページ・デザイナの別のページにすでに存在する場合は、ツールバーのページ・セレクタを使用してページ5にナビゲートします。

    アイテムを移動するには、「レイアウト」パネル内でドラッグ・アンド・ドロップします。「レイアウト」の下の「ギャラリ」の新しいコンポーネント(リージョン、アイテム、ボタンなど)をレイアウトにドラッグすることもできます。

  17. ページ・デザイナで、ページ5がロードされ、「レイアウト」(中央のペイン)でP5_END_DATEをクリックし、マウス・ダウンを続行します。項目をP5_START_DATEの直後にドラッグし、黄色の濃いボックスが表示されるまで右上にドラッグします。マウスを解放して、新しい場所の項目にドロップします。

    ドラッグ・アンド・ドロップを使用するかわりに、レイアウト・パネルの属性を使用してアイテムを再配置することもできます。

  18. (代替方法)ページ・デザイナの「レイアウト」(または左側のペインの「レンダリング・ツリー」)で、P5_BUDGETを選択します。プロパティ・エディタ(右ペイン)の「レイアウト」で、「新規行の開始」の選択を解除します。

    ノート:「新規行の開始」の選択を解除するとすぐに、アイテムはレイアウト内で上の項目と同じ行に移動します。

    次に、レポートを拡張してデータ入力を制限します。最も簡単な方法の1つであるアイテムのデータ入力を制限するには、データを入力できるテキスト・アイテムを選択リストに変換します。

  19. ページ・デザイナの「レンダリング・ツリー」(左ペイン)で、P5_STATUSを選択します。プロパティ・エディタ(右ペイン)で、次の情報を入力します。

    Group 属性 Value
    識別 タイプ 選択リスト
    値リスト タイプ SQL問合せ
      追加値の表示 未チェック
      NULL表示値 -「ステータスの選択」を入力します。


  20. 「値リスト」および「SQL問合せ」フィールドに、次のコードを入力します。

    select distinct status d, status r
    from project_tasks
    order by 1
    

  21. テストする前に変更を保存することが重要です。ページ・デザイナのツールバー(上部)で、「保存」をクリックします。

    ノート:ツールバーの「保存して実行」を押すと、実行中のページではなくメッセージが表示されます。モーダル・ページはページ・デザイナから直接実行できないため、これは予期された動作です。

  22. ランタイム環境に戻り、ブラウザをリフレッシュするか、モーダル・ページで「取消」をクリックして「プロジェクト・タスク・レポート」ページに戻ります。

  23. 「プロジェクト・タスク・レポート」ページで、任意のレコードの編集アイコンをクリックします。改善されたレイアウトを確認し、「ステータス」をクリックして使用可能なステータスのリストを表示します。

    やった!簡単なAPEXアプリケーションで基本的なレポート機能をカスタマイズする方法を学習しました。単純なデータ関係を作成してグラフ形式で表示する方法を示した。また、エンド・ユーザーでもAPEXの強力な機能を顧客にとって最も興味深いものに活用できることを実証しています。次のセクションでは、カレンダー アプリケーションについて説明します。

カレンダの改善(オプション)

このステップでは、顧客のユース・ケースのカレンダを拡張する方法を学習します。既存のカレンダー ページをモーダル フォーム ページにリンクします。デフォルトの「カレンダ」ページには、タスク名ではなくプロジェクトが表示され、顧客に期間ベースのイベントを表示する開始日のみが表示されます。これらの項目を変更して、カレンダの使用を開始するための基本的なカスタマイズを示します。

ビデオの概要

APEXステップ6

  1. 実行時環境で、「カレンダ」をクリックします。

    ノート:表示されるデータを表示するには、カレンダの上部にある矢印を使用して後方または前方に移動する必要があります。

  2. 「開発者」ツールバーで、「ページ6の編集」をクリックします。または、「APEXアプリケーション・ビルダー」ブラウザ・タブに戻り、ページ6に手動でナビゲートします。

    カレンダ・ビューに表示される列を変更し、カレンダ属性を更新してイベント期間を作成します。

  3. ページ・デザイナのレンダリング・パネル(左ペイン)で、「カレンダ」エントリをクリックし、「リージョン」タブの横にある2番目のタブとしてプロパティ・エディタに表示される「属性」タブをクリックします。

  4. プロパティ・エディタ(右ペイン)で、「設定」「表示列」のドロップダウン・リストをクリックしてTASK_NAMEを選択し、「終了日列」ドロップダウン・リストからEND_DATEを選択します。

  5. ページ・デザイナのツールバーで、「保存して実行」をクリックして変更を確認します。

    改訂されたカレンダーを見てみると、期間ベースのイベントに変更される可能性があることは、想定どおりでは涼しくならないことに気付く場合があります。そのため、少し変更して、前述の「終了日」列を削除します。

  6. APEXアプリケーション・ビルダーに戻り、ページ・デザイナで「ページ6」を選択します。レンダリング・ツリー(左ペイン)で、「カレンダ」をクリックし、右端のページ・タブで「属性」を再度クリックします。

  7. プロパティ・エディタ(右ペイン)で、「設定」および「終了日」列で、「-選択-」を選択してEND_DATEエントリをクリアし、カレンダをより使いやすくします。

  8. ページ・デザイナで、「保存して実行」をクリックして拡張カレンダを表示します。

    次の改善点は、カレンダーイベントをクリックする内容の変更です。現在、カレンダ・エントリをクリックまたはマウス・ポインタを置くと、イベントの詳細が表示されます。顧客は、エンド・ユーザーが詳細を簡単に更新できるように、プロジェクト・タスク・フォームに直接リンクできるようにすると便利です。そのため、次のステップでカレンダのアイテムをリンクします。

  9. APEXアプリケーション・ビルダーにナビゲートし、ページ6が選択された状態でページ・デザイナが表示されていることを確認します。

    前の演習で変更した「プロジェクト・タスク」フォーム・ページである「カレンダ」リージョンからページ5への表示/編集リンクを作成します。

  10. ページ・デザイナのレンダリング・ツリー(左ペイン)で、「カレンダ」をクリックし、プロパティ・エディタの「属性」タブ(右ペイン)をクリックします。「属性の設定」セクションで、「リンクの表示/編集」エントリを見つけます。「リンクが定義されていません」と表示される場所をクリックします。

  11. ドロップダウン・リストおよび選択フィールドを使用して、結果フォームに次の情報を入力し、「OK」をクリックします。

    プロパティ Value
    タイプ このアプリケーションのページ
    ページ 5
    「アイテム」>「名前」の設定 P5_ID
    「アイテムの設定」>「値」 ID(&ID)。
    キャッシュのクリア 5
    アクション ページ区切りをリセット


    新しいリンクを使用してタスク名または開始日が変更されるたびに、カレンダを更新することが重要です。ページを適切に更新するには、ダイアログ・ボックス(モーダル・ページ)が閉じられたときにカレンダ・リージョンをリフレッシュする動的アクションを定義する必要があります。動的アクションは、クライアント側の対話性を定義する宣言的な方法です。開発者は、イベントの発生日時、実行するアクション、およびアクションを実行するコンポーネントを指定します。

  12. ページ・デザイナの「レンダリング・ツリー」(左ペイン)で、「カレンダ」リージョンを右クリックし、メニューから「動的アクションの作成」を選択します。

  13. 「動的アクション」が選択された状態で、プロパティ・エディタ(右ペイン)で、次の情報を入力します。

    Group プロパティ Value
    識別 名前 カレンダのリフレッシュ
    日時 イベント ダイアログのクローズ
      選択タイプ リージョン
      リージョン カレンダー


  14. レンダリング・ツリー(左ペイン)で、動的アクションのTrueアクションの下で「表示」を選択します。プロパティ・エディタ(右ペイン)で、次の情報を入力します。

    Group プロパティ Value
    識別 アクション リフレッシュ
    影響を受ける要素 選択タイプ リージョン
      リージョン カレンダー


  15. ページ・デザイナのツールバーで、「保存して実行」をクリックして完了したアプリケーションを確認します。

  16. 実行時環境のカレンダから、拡張されたカレンダの動作を表示するイベントを選択します。カレンダの項目を選択し、更新します。「プロジェクト・タスク」フォーム・ページで、「タスク名」および「開始日」を更新します。「Apply Changes」をクリックします。

  17. カレンダがリフレッシュされ、更新された詳細が表示されることを確認します。

いいですね!Oracle Autonomous Transaction Databaseを作成し、典型的なビジネス・スプレッドシートを強力なアプリケーションに変換しました。データを絞り込んで、多くのデフォルトを調整し、顧客がアプリケーションをより良くするために選択できるカスタマイズの一部のみを表示するようにしました。このデモは、指示無しで達成できるまで無料で実行してください。

APEXとOracle Autonomous Databaseのパワーを顧客に示すことができるようになりました。

その他の学習リソース

docs.oracle.com/learnの他のラボを調べるか、Oracle Learning YouTubeチャネルでさらに無料の学習コンテンツにアクセスします。さらに、education.oracle.com/learning-explorerにアクセスしてOracle Learning Explorerにします。

製品ドキュメントは、Oracleヘルプ・センターを参照してください。