SlideShare une entreprise Scribd logo
1  sur  137
Télécharger pour lire hors ligne
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
APEX Workshop I
初心者向けハンズオン
2019年5月 (英語オリジナル版)
2019年8月 (日本語環境版)
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
APEXのワークスペースの取得
2
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ1 - 資料のダウンロード
• ブラウザを開く。
• 以下のリンクにアクセスし、資料をダウンロードする:
URLは別途提供
3
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ2 - ワークスペースのリクエスト
• ブラウザより、
https://apex.oracle.com/ja/
にアクセスする。
• 「無料で開始」をクリックする。
• 「無償ワークスペースのリクエ
スト」をクリックする。
4
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ3 - 新規に作成するワークスペース情報の指定
• 名、姓、電子メール、ワークスペース名を入力する。
ワークスペース名の制限は、
• 英数字と”_”アンダースコ
ア
• 30文字以下
• 大文字小文字の区別なし
• 他の利用者も含み、既に
使用済みのワークスペー
ス名は使えない
5
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ3.1 - アンケートへの回答
• 「Oracle APEXは初めてですか?」という質問と、「学校の授業で使います
か?」という質問に回答する。
6
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ3.2 - リクエストする理由の入力
• ワークスペースを作成する理由について入力する。
7
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ3.3 - サービス規約への同意
• 本サービスの提供規約について同意する。
8
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ4 - ワークスペースの作成リクエストを送信
• 指定した内容が正しいことを確認し、「リクエストの送信」をクリックする。
9
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ5 - メールを受信した後、ワークスペースを作成
• 数分で、oracle-application-
express_ww@oracle.com からメー
ルが届く。
• メールにある「Create Workspace」を
クリックする。
10
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ5.1 - サインイン画面に進む
• 「サインイン画面に進みます」をクリックする。
11
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ5.2 - パスワードの設定
• パスワードを設定して、「変更の適用」をクリック。
12
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ6 - Oracle APEXホーム画面
• アプリケーション・ビルダー
– アプリケーション開発を行う。
• SQLワークショップ
– DBの操作、表、ビュー、索引、パッケージ
といったDBオブジェクトの作成/更新/削
除を行う。
– 直接、SQLを実行する。
• チーム開発
– アプリケーションのリリース管理を行う機
能を提供する。
• アプリケーション・ギャラリー
– サンプル・アプリケーションを提供する。
13
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
スプレッドシートからアプリケーションを作成
14
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ1 - ログイン
• 未ログインの場合:
– apex.oracle.comに作成したワーク
スペースにログインする。
言語選択は
「日本語」に
する。
「English」を
クリックする。
• ログイン済み、および、ログイン後の
作業:
– ハンズオンで使用するデータが英語な
ので、環境を一旦「English」に切り替える。
15
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ2 – 新規アプリケーションの作成
• 「App Builder」をクリックする。
• 「Create a New App」をクリックする。
16
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ3 - アプリケーションの作成方法を選択
• 「From a File」を選択する。
17
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ4 - サンプルデータのロード
• 「Copy and Paste」を選んで、サンプルデータから「Project and Tasks」を選
択する。
• 「Next」をクリックする。
18
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ5 - 表の名前を指定
• Table Nameに「TASKS」と入力する。
• 「Load Data」をクリックする。
19
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ6 - ロードされたデータの確認
• 73行ロードされたことを確認する。
• 「Continue to Create Application Wizard」をクリックする。
20
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ7 - アプリケーションの名前を指定
• Nameのところに「タスク」と入力する。
21
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ8 - アプリケーションに機能を追加
• Featuresの「Check All」をクリックする。
22
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ9 - ページの名前を日本語へ変更
• ページの「Edit」をクリックして、名前を変更する。
23
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ10 - 言語を日本語に設定
• Languageを「Japanese (ja)」に設定する。
24
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ11 - アプリケーションの作成
• 「Create Application」をクリックする。
25
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ12 - アプリケーションの実行
• 「Run Application」をクリックする。
26
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ13 - ログイン
• ユーザー名/パスワードを入力する。
• 「Sign In」をクリックする。
27
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ14 - アプリケーションの実行
• 作成されたアプリケーションの機能を確認する。
28
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ15 - 日本語環境への切り替え
• 左上のホーム・リンクをクリッ
クする。
• ホーム・ページ下部にスク
ロールし、「日本語」をクリック
する。
29
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
対話レポートの操作
30
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ1 - Projectへのコントロール・ブレークの設定
• メニューから「タスク」を選ぶ。
• 「Project」のカラム・ヘッダーをク
リックする。
• 「コントロール・ブレーク」のアイコ
ン をクリックする。
31
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ2 - End Dateカラムを非表示
• 「End Date」のカラム・ヘッダーをク
リックする。
• 「列の非表示」のアイコン をクリッ
クする。
32
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ3 - Start Dateカラムにてソート
• 「Start Date」のカラム・ヘッダーを
クリックする。
• 昇順ソートのアイコン をクリック
する。
33
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ4 - Statusカラムに条件設定
• 「Status」のカラム・ヘッダーをクリック
する。
• 値リストから「Open」を選択する。
34
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ5 - ハイライトの追加
• アクション・メニューから、「アクション -> 書式 -> ハイライト」を選択する。
35
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ6 - ハイライトの追加
以下の値を指定する:
• 名前: 予算多い
• バックグラウンド・カラー: イエロー
• 列: Budget
• 演算子: >=
• 式: 1000
• 「適用」をクリックする。
36
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ7 - レポートの保存
• アクション・メニューから、「アクション -> レポート -> レポートの保存」を選
択する。
37
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ8 - レポートの保存
• 名前に「予算の多いプロジェクト」を入力し、「適用」をクリックする。
38
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ9 - 現在表示されているレポートのリセット
• 「Reset」をクリックする。
39
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ10 - レポート形式の切り替え
• 「予算の多いプロジェクト」を選択し、設定を反映させる。
• 「プライマリ・レポート」を選択し、デフォルトのレポートへ戻す。
40
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ11 - チャートの作成
• アクション・メニューから「アクション -> チャート」を選択する。
41
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ12 - チャートの作成
以下の値を指定する:
• チャート・タイプ: 棒グラフ
• ラベル: Project
• 値: Cost
• ファンクション: 合計
• 向き: 横
• 「適用」をクリックする。
42
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ13 - チャートの保存
• アクション・メニューから「アクション -> レポート -> レポートの保存」を選択
する。
43
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ14 - チャートの保存
• 保存の項目として「デフォルトのレポート設定として保存」を選択する。
• デフォルトのレポート・タイプとして「代替」を選択する。
• 名前: プロジェクトのコスト
• 「適用」をクリックする。
44
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ15 - 計算カラムの追加
• 「Reset」をクリックする。
45
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ16 - 計算カラムの追加
• アクション・メニューから「アクション -> データ -> 計算」を選択する。
46
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ17 - 計算カラムの追加
以下の値を指定する:
• 列ラベル: 予算コスト差
• 書式マスク: プルダウン・リストから
4番目の(5,234)を選択
• 計算式: I – H
• 「適用」をクリックする。
• レポートに予算コスト差という列が
追加され、それぞれのタスクの
BudgetからCostを引いた値が表示
される。
47
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ18 - デフォルトのレポートとして保存
• アクション・メニューから「アクション -> レポート -> レポートの保存」を選択
する。
48
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ19 - デフォルトのレポートとして保存
• 保存: デフォルトのレポート設定として保存
• デフォルトのレポート・タイプ: 主
• 「適用」をクリックする。
49
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
フォームの編集
50
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ1 - レポートのリセット
• レポートの「Reset」ボタンをクリックする。
51
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ2 - 一行を編集
• 任意の行の編集アイコン をクリックし、編集フォームを開く。
52
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ3 - フォームにあるStatusのアイテムを編集
• ツール・バーの「クイック編集」をクリックし、ポインタをアイテムStatusに合
わせてクリックする。
53
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ4 - Statusのタイプの変更
• プロパティ・エディタから、タイプを選択リストへ変更する。
54
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ5 - LOVのタイプを指定
• クリックして開いたタイプの一覧から「SQL問合せ」を選ぶ。
• SQL問合せの隣にある、拡大アイコン をクリックしてエディタを開く。
55
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ6 - LOVにSQLのSELECT文を設定
• 以下のSELECT文を設定:
select distinct status d, status r from tasks order by 1
56
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ7 - SQLのSELECT文を検証
• 検証アイコン をクリックする。その後、「OK」をクリックする。
57
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ8 - LOV属性を調整
• 以下の値を指定する:
• 追加値の表示: いいえ
• NULL値の表示: はい
• NULL表示値: – ステータスを選択 –
• 「保存」をクリックする。
58
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ 9 – フォームのテスト
• メニューからタスクを選んで、タスク・レポートを表示
59
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ10 - フォームのテスト
• 行の編集を実行し、Statusアイテムをクリックし、選択リストを確認する。
60
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
警告を表示するリージョンの追加と
フォームのレイアウト調整
61
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ1 - ページ・デザイナにてフォームを編集
• 開発者ツール・バーの「ページの編集 3」をクリックする。
62
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ2 - ページに静的リージョンを追加
• ページ・デザイナのレイアウト画面の下から「静的コンテンツ」をドラッグし
て、「Task」リージョンの上部にドロップする。
63
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ3 - リージョンの属性を調整
• プロパティ・エディタにて、以下を指定する:
– タイトル: 警告
– ソース・テキスト: このプロジェクトはクローズしました。
– テンプレート: Alert
• 「保存」をクリックする。
64
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ4 - フォームのテスト
• アプリケーションが実行されているタブへ移動する。
• フォームを閉じて、再度開く。
65
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ5 - テンプレート・オプションを開く
• 開発者ツール・バーの「クイック編集」をクリッ
クする。
• 警告リージョンにポインタを合わせ、
アイコンをクリックする。
• これにより、「ライブ・テンプレート・オプション」
の画面が開く。
66
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ6 - テンプレート・オプションの設定
• Highlight Backgroundオプションにチェックを
入れる。
• Alert Titleを「Hidden but Accessible」に設定
する。
• 「保存」をクリックする。
67
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ7 - 警告リージョンに条件を追加
• 「クイック編集」をクリックし、警告リージョン
をクリックする。
• プロパティ・エディタより「サーバ側の条件」
を探す。
• 次を設定する:
– タイプ: アイテム = 値
– アイテム: P3_STATUS
– 値: Closed
• 「保存」をクリックする。
68
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ8 - End Dateフォーム・アイテムの配置変更
• P3_END_DATEをドラッグして、P3_START_DATEの後ろにドロップする。
69
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ9 - Budgetフォーム・アイテムの配置変更
• P3_BUDGETをドラッグして、P3_COSTの後ろでドロップする。
70
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ10 - 保存してフォームをテスト
• 「保存」をクリックする。
• アプリケーションを実行してい
るタブに切り替える。
• フォームをクローズして、再
度オープンする。
• StatusがClosedのタスクと、
Closedでないタスクの双方の
編集を試みる。
71
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
動的アクションの追加による、CostとBudget
アイテムの有効化/無効化の実装
72
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ1 - 動的アクションの作成
StatusがClosedに設定されたときに、Costと
Budgetの入力をできないようにする。
• ページ・デザイナのタブに移動する。
• レンダリング・ツリーにあるアイテム
P3_STATUS上で右クリックすると表示され
るメニューから、動的アクションの作成を
実行する。
73
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ2 - 動的アクションの名前と条件を指定
• プロパティ・エディタにて、名前に「予算コス
トの有効/無効化」を設定する。
• クライアント側の条件に移動し、以下を設定
する。
– タイプ: アイテム = 値
– アイテム: P3_STATUS
– 値: Closed
74
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ3 - Trueアクションの設定
• レンダリング・ツリーからTrueアクションの、表示
をクリックする。
• プロパティ・エディタにて:
– アクションとして「クラスの追加」を設定する。
– クラスとして「apex_disabled」を設定
– 影響を受ける要素のアイテムの横にある アイコン
をクリックし、
– P3_COSTを選択する。
– 再度アイコンをクリックし、P3_BUDGETを選択する。
アクションに「有効化/無効化」があるが、こちらの無効化で
はページ・サブミット時にページ・アイテムとして値の送信が
行われない。apex_disabledの追加は、入力のみ不可になり、
値は送信の対象となる。
75
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ4 - 反対のアクションの作成
• レンダリング・ツリーより、True
アクションの無効化上で右ク
リックし、「反対のアクションの
作成」をクリックする。
• 「保存」をクリックする。
76
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ5 - 動的アクションの動作確認
• アプリケーションの画面に切り替える。
• フォームを一旦閉じる。
• StatusをClosedであるタスクをフォーム
で開く。
• CostとBudgetが無効化されていること
を確認する。
• StatusをOpenやその他、Closed以外の
ステータスに変更し、CostとBudgetが有
効になることを確認する。
77
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
タスクがクローズしたときに電子メールを送
信する
78
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ1 - ページ・デザイナによるフォームの編集
• タスクの編集フォームを開き、開発者ツール・バーの「ページの編集 3」を
クリックする。
79
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ2 - 共有コンポーネントへ移動
• ページ・デザイナの開発者ツール・バーにある アイコンをクリックし、
共有コンポーネントへ移動する。
80
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ3 - 電子メール・テンプレートへ移動
• 「電子メール・テンプレート」をクリックする。
81
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ4 - 電子メール・テンプレートの作成
• 電子メール・テンプレートの作成をクリックする。
• 以下を設定する:
– テンプレート名: Task Closed
– 静的識別子: TASK_CLOSED
– 電子メールの件名: タスク #TASK_NAME# がクローズしました!
82
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ5 - テンプレート・ヘッダーの編集
• ヘッダーを編集する。
<b style="font-size: 20px;">タスク</b>
83
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ6 - テンプレート・ 本文の編集
• 本文として以下を設定する:
<p style="font-size: 16px">
タスク<b>#TASK_NAME#</b>は#APP_USER#によって<b style="color: red">クローズ</b>されました。
</p>
<table width="100%">
<tr>
<th align="left">プロジェクト名</th>
<td>#PROJECT#</td>
</tr>
<tr>
<th align="left">期間</th>
<td>#START_DATE# - #END_DATE#</td>
</tr>
<tr>
<th align="left">コスト</th>
<td>#COST#</td>
</tr>
<tr>
<th align="left">予算</th>
<td>#BUDGET#</td>
</tr>
</table>
<br>
84
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ7 - プレイン・テキスト・フォーマットの編集
• プレイン・テキスト・フォーマットのコンテンツを設定する。
タスク #TASK_NAME# がクローズしました!
タスク詳細
------------------
プロジェクト: #PROJECT#
期間: #START_DATE# - #END_DATE#
コスト: #COST#
予算: #BUDGET#
85
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ8 - 電子メール・テンプレートの保存と編集
• 「電子メール・テンプレートの作成」をクリックする。
• 再編集するには、電子メール・テンプレートのページから、「Task Closed」
の名前をクリックする。
86
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ9 - サンプルAPIの使用状況を表示
• テンプレートの詳細ページを、最下部までスクロールし、サンプルAPIの使
用状況を表示させる。
• ここでサンプルとして表示されているAPIの呼び出しコードは、後ほど利用
します。
87
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ10 - ページ・デザイナへ戻る
• ページ・デザイナのツール・バー右端にある「ページの編集3」ボタンをク
リックして、ページの編集画面へ戻る。
88
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ11 - プロセスの作成
• ページ・デザイナのレンダリング・
ペインにて、プロセス・タブ を
クリックする。
• プロセスのノードで右クリックをし、
表示したメニューの「プロセスの作
成」をクリックする。
89
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ12 - 電子メール送信プロセスの実行順序変更
• 新規に作成したプロセスを、「Process
form Task」直後に実行されるよう移動
する。
• プロパティ・エディタにて、名前をク
ローズのメール送信と設定する。
90
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ13 - 電子メール送信プロセスの編集
• ソースのPL/SQLコードの入力で、拡大をクリックしてコード・エディタを開く。
• 以下のコードをコピペする。APIのサンプルにアイテムを設定している。
• 「検証」ボタンをクリックして、記述したコードのシンタックスが正しいことを
確認し、「OK」をクリックする。
begin
apex_mail.send (
p_to => :APP_USER,
p_template_static_id => 'TASK_CLOSED',
p_placeholders => '{' ||
' "APP_USER":' || apex_json.stringify( lower(:APP_USER) ) ||
' ,"BUDGET":' || apex_json.stringify( :P3_BUDGET ) ||
' ,"COST":' || apex_json.stringify( :P3_COST ) ||
' ,"END_DATE":' || apex_json.stringify( :P3_END_DATE ) ||
' ,"PROJECT":' || apex_json.stringify( :P3_PROJECT ) ||
' ,"START_DATE":' || apex_json.stringify( :P3_START_DATE ) ||
' ,"TASK_NAME":' || apex_json.stringify( :P3_TASK_NAME ) ||
'}' );
end;
91
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ14 - サーバー側の条件の設定
• プロパティ・エディタにて、サーバー側の条
件までスクロールして、以下を設定する:
– ボタン押下時: SAVE
– タイプ: アイテム = 値
– アイテム: P3_STATUS
– 値: Closed
• 「保存」をクリック
92
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ15 - 電子メールの送信を検証
• アプリケーションを実行しているタ
ブに切り替える。
• フォームを一旦閉じる。
• StatusがClosedではないタスクを編
集する。
• StatusをClosedへ変更する。
• Apply Changesをクリック
• 電子メールの受信を確認する。右
にあるようなメールを受信している
はず。
93
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
カレンダの追加
94
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ1 - カレンダ・ページの追加
• 開発者ツール・バーのアプリケーション・ボタンをクリックする。
• アプリケーション・ビルダーにて、ページの作成をクリックする。
95
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ2 - カレンダ・ページの作成
• カレンダをクリックする。
96
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ3 - カレンダのページ属性を設定
以下の値を指定する:
• ページ名: カレンダ
• ブレッドクラム: Breadcrumb
• 「次へ」をクリックする。
97
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ4 - ナビゲーション・メニューの定義
• ナビゲーションのプリファレンス:
新規ナビゲーション・メニュー・エントリの作成
• 新規ナビゲーション・メニュー・エントリ
カレンダ
• 「次へ」をクリックする。
98
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ5 - カレンダのソースの設定
• 表/ビューの名前として、
「TASKS」を選択する。
• 「次へ」をクリックする。
99
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ6 - カレンダの設定
• 表示列: TASK_NAME
• 開始日列: START_DATE
• 「作成」をクリックする。
100
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ7 - カレンダ・ページの実行
• ページ・デザイナの「ページの実行」をクリック
• 前月/翌月へ移動するボタンをクリックして、月ごとのタスクを表示させる。
101
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
テーマのカスタマイズ
102
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ1 - テーマ・ローラーを開く
• ナビゲーション・メニューを使って、タスクのページに戻る。
• 開発者ツール・バーの「テーマ・ローラー」をクリック
• これによりテーマ・ローラーが開いて、アプリケーションのルック&フィール
のカスタマイズが可能になる。
103
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ2 - アクセント色の変更
• グローバル色のヘッダー・アクセントとして指定さ
れている色の■をクリックする。
• カラー・ピッカーから会社としての指定色(または
好きな色)を選ぶ。
• 16進数によるカラー・コードの入力も可。
• 色を指定したら、テーマ・ローラー内のどこかをク
リックして、カラー・ピッカーを閉じる。
104
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
• リンク色を青色へ変更する。(例で
は#0050C9)
• ナビゲーションに含まれる、
Navigation StyleをLightへ変更する。
ステップ3 - リンクとナビゲーションの色を変更
105
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ4 - テーマ・スタイルの保存
• テーマ・ローラーの一番下にある、「名前を付けて保存」をクリックする。
• スタイル名に「会社のテーマ」を入力する。
• 「保存」をクリックし、成功を通知するダイアログで「OK」をクリックする。
106
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ5 - 現行のテーマ・スタイルとして設定
• テーマ・ローラーの最下部にある、「現行として設定」をクリックする。
• 成功を通知するダイアログで「OK」をクリックする。
107
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ6 - 現行のテーマ・スタイルの設定
• 設定したテーマは、ブラウザがリロードしたのち、アプリエーションに反映
される。
108
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ダッシュボードの更新
109
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ1 – ダッシュボードの編集
• メニューから「ダッシュボード」をクリックする。
• 開発者ツール・バーの「ページの編集4」をクリックする。
110
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ2 – チャート・リージョンの削除
• 左ペインのレンダリング・ツリーより、「Assigned To」の上で右クリックする。
• 「削除」をクリックする。
• 「Chart 4」も同様に削除する。
ProjectsとStatusの
チャートを残す
111
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ3 – 予算とコストのチャートを作成
• レンダリング・ツリーの「Project」をクリックする。
– 入力後は「Project」が「予算とコスト」に変わる。
• プロパティ・エディタの識別にある「タイトル」に「予算とコスト」と入力する。
112
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ4 – シリーズの更新
• レンダリング・ツリーの
「Series 1」をクリックする。
• プロパティ・エディタで「名
前」に「コスト」と入力する。
– レンダリング・ツリーの「Series
1」が「コスト」に変わる。
• 「SQL問合せ」に以下を入力
する。
select project, sum(cost) value
from tasks
group by project
order by 1
113
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ5 – シリーズ・予算の追加
• 「予算とコスト」に含まれるシ
リーズ「コスト」上で右クリック
する。
• 「重複」をクリックする。
114
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ6 – シリーズ・予算の調整
• レンダリング・ツリーの「コスト
_1」をクリックする。
• プロパティ・エディタの識別の
「名前」を「予算」と入力する。
– 入力後、レンダリング・ツリーの
「コスト_1」が「予算」に変わる。
• SQL問合せの「cost」を
「budget」に変更する。
select project, sum(budget) value
from tasks
group by project
order by 1
• をクリックして実行する。
115
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ7 – ダッシュボードの表示
• 「予算とコスト」リージョンのチャートを
確認する。
• X軸のプロジェクト名が切れている、Y
軸は金額として表示されていない、ど
ちらが予算でコストなのか分からない。
• 開発者ツール・バーの「クイック編集」
をクリックする。
• 「予算とコスト」リージョンをクリックし
て、編集画面へ移行する。
116
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ8 – チャートの表示形式の調整
• 「予算とコスト」リージョンの
「属性」をクリックする。
• 「レイアウト」の「高さ」に「600」
を入力する。
• 「凡例」の「表示」を「はい」に
する。
• 「位置」として「トップ」を選択す
る。
• 「表示および非表示の動作」と
して「サイズ変更なし」を選択
する。
117
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ9 – y軸の調整
• 「予算とコスト」リージョンの
「軸」にある「y」をクリックする。
• 「書式」として「通貨」を選択する。
• 「通貨」として「$」を入力する。
• をクリックして実行する。
118
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ10 – テンプレート・オプションの編集
• 「予算とコスト」リージョン全
体が表示されていない。
• 開発者ツール・バーの「ク
イック編集」をクリックする。
• 「予算とコスト」リージョンの
上にポインタを移動し、表
示された スパナ・アイコ
ンをクリックする。
119
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ11 – 表示上の高さを変更
• ライブ・テンプレート・オプ
ションの「Body Hight」として
「Auto – Default」を選択す
る。
• 「保存」をクリックする。
120
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ12 – Statusリージョンの更新
• 開発者ツール・バーの「ページの編集4」をクリックする。
121
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ13 – リージョン名の指定
• レンダリング・ツリーの「Status」をクリックする。
• プロパティ・エディタで「タイトル」として「ステータス」を入力する。
– 入力後はレンダリング・ツリーの「Status」が「ステータス」に変わる。
122
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ14 – 属性の指定
• 「ステータス」リージョンの下
にある「属性」をクリックする。
• 「高さ」に「250」と指定する。
• 「凡例」の「表示」を「はい」に
する。
• をクリックして実行する。
123
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ15 – レポートの追加
• ステータス・チャートの下にレポートを追加する。
• 開発者ツール・バーの「ページの編集4」をクリックする。
124
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ16 – クラシック・レポートの配置
• 真ん中のリージョン下部のコンポーネント・ギャラリーから「リージョン」を選
択する。
• 「クラシック・レポート」を「ステータス」リージョンの直下にドラッグ&ドロッ
プする。
125
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ17 – レポート属性の設定
• 新規に作成されたリージョンに
以下を設定する。
– 「タイトル」は「オープン中のタスク」
– 「タイプ」は「SQL問合せ」
– 「SQL問合せ」は以下を入力する。
select project, task_name,
start_date from tasks
where status = 'Open'
order by start_date
126
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ18 – 表示する行数の設定
• 「オープン中のタスク」リージョ
ンの「属性」をクリックする。
• 「レイアウト」の「行数」に「3」
を入力する。
• をクリックし、実行する。
127
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ19 – クローズしたタスク一覧の追加
• 「オープン中のタスク」として作成されたレポートを確認する。
• 開発者ツール・バーの「ページの編集4」をクリックする。
128
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ20 – リージョンの作成
• 左ペインのレンダリング・ツリーにある「Component Body」上で右クリック
する。
• 「リージョンの作成」をクリックする。
129
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ21 – リージョンの調整
• 新規に作成されたリージョンに
以下を設定する。
– 「識別」の「タイトル」は「クローズさ
れたタスク」
– 「識別」の「タイプ」は「クラシック・レ
ポート」
– 「ソース」の「タイプ」は「SQL問合せ」
– 「SQL問合せ」には以下を入力する。
select project, task_name,
assigned_to, start_date,
end_date from tasks where
status = 'Closed' order by
end_date desc
• をクリックし、実行する。
130
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ22 – レポートの表示形式の調整
• レポートの外枠にある空白を除去する。
• 開発者ツール・バーの「クイック編集」をクリックする。
• 「クローズしたタスク」の スパナ・アイコンをクリックする。
131
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ23 – 余白の削除とレポートのストレッチ
• ライブ・テンプレート・オ
プションの「リージョン」を
クリックする。
• 「Remove Body Padding」
にチェックを入れる。
• ライブ・テンプレート・オ
プションの「属性」をク
リックする。
• 「Stretch Report」に
チェックを入れる。
• 「保存」をクリックする。
132
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ24 – オープン中のタスクにも適用
• 開発者ツール・バーの「クイック編集」をクリックする。
• 「オープン中のタスク」の スパナ・アイコンをクリックする。
• 「Remove Body Padding」「Stretch Report」にチェックを入れる。
• 「保存」をクリックする。
133
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
ステップ25 – ダッシュボードの完成
134
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
役に立つリンク集
135
Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |
役にたつリンク集
• APEX Collateral apex.oracle.com
• APEX Shortcuts apex.oracle.com/shortcuts
• Community apex.oracle.com/community
• External Site + Slack apex.world
136
APEX Workshop I 日本語版

Contenu connexe

Tendances

OpenStack超入門シリーズ いまさら聞けないSwiftの使い方
OpenStack超入門シリーズ いまさら聞けないSwiftの使い方OpenStack超入門シリーズ いまさら聞けないSwiftの使い方
OpenStack超入門シリーズ いまさら聞けないSwiftの使い方
Toru Makabe
 
イベント・ソーシングを知る
イベント・ソーシングを知るイベント・ソーシングを知る
イベント・ソーシングを知る
Shuhei Fujita
 

Tendances (20)

OpenStack超入門シリーズ いまさら聞けないSwiftの使い方
OpenStack超入門シリーズ いまさら聞けないSwiftの使い方OpenStack超入門シリーズ いまさら聞けないSwiftの使い方
OpenStack超入門シリーズ いまさら聞けないSwiftの使い方
 
Exadata X8M-2 KVM仮想化ベストプラクティス
Exadata X8M-2 KVM仮想化ベストプラクティスExadata X8M-2 KVM仮想化ベストプラクティス
Exadata X8M-2 KVM仮想化ベストプラクティス
 
どうやって決める?kubernetesでのシークレット管理方法(Cloud Native Days 2020 発表資料)
どうやって決める?kubernetesでのシークレット管理方法(Cloud Native Days 2020 発表資料)どうやって決める?kubernetesでのシークレット管理方法(Cloud Native Days 2020 発表資料)
どうやって決める?kubernetesでのシークレット管理方法(Cloud Native Days 2020 発表資料)
 
ClickHouse導入事例紹介
ClickHouse導入事例紹介ClickHouse導入事例紹介
ClickHouse導入事例紹介
 
Apache Kafka 0.11 の Exactly Once Semantics
Apache Kafka 0.11 の Exactly Once SemanticsApache Kafka 0.11 の Exactly Once Semantics
Apache Kafka 0.11 の Exactly Once Semantics
 
大規模データ処理の定番OSS Hadoop / Spark 最新動向 - 2021秋 -(db tech showcase 2021 / ONLINE 発...
大規模データ処理の定番OSS Hadoop / Spark 最新動向 - 2021秋 -(db tech showcase 2021 / ONLINE 発...大規模データ処理の定番OSS Hadoop / Spark 最新動向 - 2021秋 -(db tech showcase 2021 / ONLINE 発...
大規模データ処理の定番OSS Hadoop / Spark 最新動向 - 2021秋 -(db tech showcase 2021 / ONLINE 発...
 
545人のインフラを支えたNOCチーム!
545人のインフラを支えたNOCチーム!545人のインフラを支えたNOCチーム!
545人のインフラを支えたNOCチーム!
 
ストリーム処理を支えるキューイングシステムの選び方
ストリーム処理を支えるキューイングシステムの選び方ストリーム処理を支えるキューイングシステムの選び方
ストリーム処理を支えるキューイングシステムの選び方
 
Apache BigtopによるHadoopエコシステムのパッケージング(Open Source Conference 2021 Online/Osaka...
Apache BigtopによるHadoopエコシステムのパッケージング(Open Source Conference 2021 Online/Osaka...Apache BigtopによるHadoopエコシステムのパッケージング(Open Source Conference 2021 Online/Osaka...
Apache BigtopによるHadoopエコシステムのパッケージング(Open Source Conference 2021 Online/Osaka...
 
Docker Compose入門~今日から始めるComposeの初歩からswarm mode対応まで
Docker Compose入門~今日から始めるComposeの初歩からswarm mode対応までDocker Compose入門~今日から始めるComposeの初歩からswarm mode対応まで
Docker Compose入門~今日から始めるComposeの初歩からswarm mode対応まで
 
Oracle Database Vaultのご紹介
Oracle Database Vaultのご紹介Oracle Database Vaultのご紹介
Oracle Database Vaultのご紹介
 
AS45679 on FreeBSD
AS45679 on FreeBSDAS45679 on FreeBSD
AS45679 on FreeBSD
 
NTTデータが考えるデータ基盤の次の一手 ~AI活用のために知っておくべき新潮流とは?~(NTTデータ テクノロジーカンファレンス 2020 発表資料)
NTTデータが考えるデータ基盤の次の一手 ~AI活用のために知っておくべき新潮流とは?~(NTTデータ テクノロジーカンファレンス 2020 発表資料)NTTデータが考えるデータ基盤の次の一手 ~AI活用のために知っておくべき新潮流とは?~(NTTデータ テクノロジーカンファレンス 2020 発表資料)
NTTデータが考えるデータ基盤の次の一手 ~AI活用のために知っておくべき新潮流とは?~(NTTデータ テクノロジーカンファレンス 2020 発表資料)
 
PostgreSQLモニタリングの基本とNTTデータが追加したモニタリング新機能(Open Source Conference 2021 Online F...
PostgreSQLモニタリングの基本とNTTデータが追加したモニタリング新機能(Open Source Conference 2021 Online F...PostgreSQLモニタリングの基本とNTTデータが追加したモニタリング新機能(Open Source Conference 2021 Online F...
PostgreSQLモニタリングの基本とNTTデータが追加したモニタリング新機能(Open Source Conference 2021 Online F...
 
イベント・ソーシングを知る
イベント・ソーシングを知るイベント・ソーシングを知る
イベント・ソーシングを知る
 
Hadoop -ResourceManager HAの仕組み-
Hadoop -ResourceManager HAの仕組み-Hadoop -ResourceManager HAの仕組み-
Hadoop -ResourceManager HAの仕組み-
 
[Postgre sql9.4新機能]レプリケーション・スロットの活用
[Postgre sql9.4新機能]レプリケーション・スロットの活用[Postgre sql9.4新機能]レプリケーション・スロットの活用
[Postgre sql9.4新機能]レプリケーション・スロットの活用
 
Apache Bigtop3.2 (仮)(Open Source Conference 2022 Online/Hiroshima 発表資料)
Apache Bigtop3.2 (仮)(Open Source Conference 2022 Online/Hiroshima 発表資料)Apache Bigtop3.2 (仮)(Open Source Conference 2022 Online/Hiroshima 発表資料)
Apache Bigtop3.2 (仮)(Open Source Conference 2022 Online/Hiroshima 発表資料)
 
Hadoopの標準GUI HUEの最新情報
Hadoopの標準GUI HUEの最新情報Hadoopの標準GUI HUEの最新情報
Hadoopの標準GUI HUEの最新情報
 
コンテナネットワーキング(CNI)最前線
コンテナネットワーキング(CNI)最前線コンテナネットワーキング(CNI)最前線
コンテナネットワーキング(CNI)最前線
 

Similaire à APEX Workshop I 日本語版

Intalio japan special cloud workshop
Intalio japan special cloud workshopIntalio japan special cloud workshop
Intalio japan special cloud workshop
Daisuke Sugai
 

Similaire à APEX Workshop I 日本語版 (20)

APEX Workshop III 日本語版
APEX Workshop III 日本語版APEX Workshop III 日本語版
APEX Workshop III 日本語版
 
APEX Workshop II 日本語版
APEX Workshop II 日本語版APEX Workshop II 日本語版
APEX Workshop II 日本語版
 
【2018年3月時点】Oracle BI ベストプラクティス
【2018年3月時点】Oracle BI ベストプラクティス【2018年3月時点】Oracle BI ベストプラクティス
【2018年3月時点】Oracle BI ベストプラクティス
 
Autonomous DatabaseでのOracle APEX初期設定手順 - 2019年8月6日版
Autonomous DatabaseでのOracle APEX初期設定手順 - 2019年8月6日版Autonomous DatabaseでのOracle APEX初期設定手順 - 2019年8月6日版
Autonomous DatabaseでのOracle APEX初期設定手順 - 2019年8月6日版
 
AITCシニア技術者勉強会 「今さら聞けないWebサイト開発」 vol2
AITCシニア技術者勉強会 「今さら聞けないWebサイト開発」 vol2AITCシニア技術者勉強会 「今さら聞けないWebサイト開発」 vol2
AITCシニア技術者勉強会 「今さら聞けないWebサイト開発」 vol2
 
Oracle APEXユーザー会の紹介
Oracle APEXユーザー会の紹介Oracle APEXユーザー会の紹介
Oracle APEXユーザー会の紹介
 
Tech deepdive#2 datastore_180317_share
Tech deepdive#2 datastore_180317_shareTech deepdive#2 datastore_180317_share
Tech deepdive#2 datastore_180317_share
 
Intalio japan special cloud workshop
Intalio japan special cloud workshopIntalio japan special cloud workshop
Intalio japan special cloud workshop
 
第9回しゃちほこオラクル倶楽部
第9回しゃちほこオラクル倶楽部第9回しゃちほこオラクル倶楽部
第9回しゃちほこオラクル倶楽部
 
Salesforce Lightning をやってみてあれこれ
Salesforce Lightning をやってみてあれこれSalesforce Lightning をやってみてあれこれ
Salesforce Lightning をやってみてあれこれ
 
IBM Bluemix OpenWhisk: IBM Seminar 2016, Tokyo, Japan: The Future of Cloud Pr...
IBM Bluemix OpenWhisk: IBM Seminar 2016, Tokyo, Japan: The Future of Cloud Pr...IBM Bluemix OpenWhisk: IBM Seminar 2016, Tokyo, Japan: The Future of Cloud Pr...
IBM Bluemix OpenWhisk: IBM Seminar 2016, Tokyo, Japan: The Future of Cloud Pr...
 
仮想化専門コンサルタントが教える「成功する仮想化導入のポイント」
仮想化専門コンサルタントが教える「成功する仮想化導入のポイント」仮想化専門コンサルタントが教える「成功する仮想化導入のポイント」
仮想化専門コンサルタントが教える「成功する仮想化導入のポイント」
 
[Modern Cloud Day Tokyo 2019] Oracle CloudでDevOps!?Javaアプリケーションのモダン開発を支援するOra...
[Modern Cloud Day Tokyo 2019] Oracle CloudでDevOps!?Javaアプリケーションのモダン開発を支援するOra...[Modern Cloud Day Tokyo 2019] Oracle CloudでDevOps!?Javaアプリケーションのモダン開発を支援するOra...
[Modern Cloud Day Tokyo 2019] Oracle CloudでDevOps!?Javaアプリケーションのモダン開発を支援するOra...
 
【旧版】Oracle Cloud Platform サービスのご案内
【旧版】Oracle Cloud Platform サービスのご案内【旧版】Oracle Cloud Platform サービスのご案内
【旧版】Oracle Cloud Platform サービスのご案内
 
Qlik Enterprise Managerの導入と利用方法
Qlik Enterprise Managerの導入と利用方法Qlik Enterprise Managerの導入と利用方法
Qlik Enterprise Managerの導入と利用方法
 
SIerにおくる、アジャイルプロセスの実践
SIerにおくる、アジャイルプロセスの実践SIerにおくる、アジャイルプロセスの実践
SIerにおくる、アジャイルプロセスの実践
 
Participation report of data stax accelerate 2019
Participation report of data stax accelerate 2019Participation report of data stax accelerate 2019
Participation report of data stax accelerate 2019
 
Scalable Generator: Using Scala in SIer Business (ScalaMatsuri)
Scalable Generator: Using Scala in SIer Business (ScalaMatsuri)Scalable Generator: Using Scala in SIer Business (ScalaMatsuri)
Scalable Generator: Using Scala in SIer Business (ScalaMatsuri)
 
20170705 apiをつくろう
20170705 apiをつくろう20170705 apiをつくろう
20170705 apiをつくろう
 
nomlab_okayamaruby_subslide
nomlab_okayamaruby_subslidenomlab_okayamaruby_subslide
nomlab_okayamaruby_subslide
 

APEX Workshop I 日本語版

  • 1. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | APEX Workshop I 初心者向けハンズオン 2019年5月 (英語オリジナル版) 2019年8月 (日本語環境版)
  • 2. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | APEXのワークスペースの取得 2
  • 3. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ1 - 資料のダウンロード • ブラウザを開く。 • 以下のリンクにアクセスし、資料をダウンロードする: URLは別途提供 3
  • 4. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ2 - ワークスペースのリクエスト • ブラウザより、 https://apex.oracle.com/ja/ にアクセスする。 • 「無料で開始」をクリックする。 • 「無償ワークスペースのリクエ スト」をクリックする。 4
  • 5. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ3 - 新規に作成するワークスペース情報の指定 • 名、姓、電子メール、ワークスペース名を入力する。 ワークスペース名の制限は、 • 英数字と”_”アンダースコ ア • 30文字以下 • 大文字小文字の区別なし • 他の利用者も含み、既に 使用済みのワークスペー ス名は使えない 5
  • 6. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ3.1 - アンケートへの回答 • 「Oracle APEXは初めてですか?」という質問と、「学校の授業で使います か?」という質問に回答する。 6
  • 7. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ3.2 - リクエストする理由の入力 • ワークスペースを作成する理由について入力する。 7
  • 8. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ3.3 - サービス規約への同意 • 本サービスの提供規約について同意する。 8
  • 9. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ4 - ワークスペースの作成リクエストを送信 • 指定した内容が正しいことを確認し、「リクエストの送信」をクリックする。 9
  • 10. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ5 - メールを受信した後、ワークスペースを作成 • 数分で、oracle-application- express_ww@oracle.com からメー ルが届く。 • メールにある「Create Workspace」を クリックする。 10
  • 11. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ5.1 - サインイン画面に進む • 「サインイン画面に進みます」をクリックする。 11
  • 12. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ5.2 - パスワードの設定 • パスワードを設定して、「変更の適用」をクリック。 12
  • 13. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ6 - Oracle APEXホーム画面 • アプリケーション・ビルダー – アプリケーション開発を行う。 • SQLワークショップ – DBの操作、表、ビュー、索引、パッケージ といったDBオブジェクトの作成/更新/削 除を行う。 – 直接、SQLを実行する。 • チーム開発 – アプリケーションのリリース管理を行う機 能を提供する。 • アプリケーション・ギャラリー – サンプル・アプリケーションを提供する。 13
  • 14. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | スプレッドシートからアプリケーションを作成 14
  • 15. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ1 - ログイン • 未ログインの場合: – apex.oracle.comに作成したワーク スペースにログインする。 言語選択は 「日本語」に する。 「English」を クリックする。 • ログイン済み、および、ログイン後の 作業: – ハンズオンで使用するデータが英語な ので、環境を一旦「English」に切り替える。 15
  • 16. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ2 – 新規アプリケーションの作成 • 「App Builder」をクリックする。 • 「Create a New App」をクリックする。 16
  • 17. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ3 - アプリケーションの作成方法を選択 • 「From a File」を選択する。 17
  • 18. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ4 - サンプルデータのロード • 「Copy and Paste」を選んで、サンプルデータから「Project and Tasks」を選 択する。 • 「Next」をクリックする。 18
  • 19. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ5 - 表の名前を指定 • Table Nameに「TASKS」と入力する。 • 「Load Data」をクリックする。 19
  • 20. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ6 - ロードされたデータの確認 • 73行ロードされたことを確認する。 • 「Continue to Create Application Wizard」をクリックする。 20
  • 21. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ7 - アプリケーションの名前を指定 • Nameのところに「タスク」と入力する。 21
  • 22. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ8 - アプリケーションに機能を追加 • Featuresの「Check All」をクリックする。 22
  • 23. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ9 - ページの名前を日本語へ変更 • ページの「Edit」をクリックして、名前を変更する。 23
  • 24. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ10 - 言語を日本語に設定 • Languageを「Japanese (ja)」に設定する。 24
  • 25. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ11 - アプリケーションの作成 • 「Create Application」をクリックする。 25
  • 26. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ12 - アプリケーションの実行 • 「Run Application」をクリックする。 26
  • 27. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ13 - ログイン • ユーザー名/パスワードを入力する。 • 「Sign In」をクリックする。 27
  • 28. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ14 - アプリケーションの実行 • 作成されたアプリケーションの機能を確認する。 28
  • 29. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ15 - 日本語環境への切り替え • 左上のホーム・リンクをクリッ クする。 • ホーム・ページ下部にスク ロールし、「日本語」をクリック する。 29
  • 30. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | 対話レポートの操作 30
  • 31. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ1 - Projectへのコントロール・ブレークの設定 • メニューから「タスク」を選ぶ。 • 「Project」のカラム・ヘッダーをク リックする。 • 「コントロール・ブレーク」のアイコ ン をクリックする。 31
  • 32. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ2 - End Dateカラムを非表示 • 「End Date」のカラム・ヘッダーをク リックする。 • 「列の非表示」のアイコン をクリッ クする。 32
  • 33. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ3 - Start Dateカラムにてソート • 「Start Date」のカラム・ヘッダーを クリックする。 • 昇順ソートのアイコン をクリック する。 33
  • 34. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ4 - Statusカラムに条件設定 • 「Status」のカラム・ヘッダーをクリック する。 • 値リストから「Open」を選択する。 34
  • 35. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ5 - ハイライトの追加 • アクション・メニューから、「アクション -> 書式 -> ハイライト」を選択する。 35
  • 36. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ6 - ハイライトの追加 以下の値を指定する: • 名前: 予算多い • バックグラウンド・カラー: イエロー • 列: Budget • 演算子: >= • 式: 1000 • 「適用」をクリックする。 36
  • 37. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ7 - レポートの保存 • アクション・メニューから、「アクション -> レポート -> レポートの保存」を選 択する。 37
  • 38. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ8 - レポートの保存 • 名前に「予算の多いプロジェクト」を入力し、「適用」をクリックする。 38
  • 39. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ9 - 現在表示されているレポートのリセット • 「Reset」をクリックする。 39
  • 40. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ10 - レポート形式の切り替え • 「予算の多いプロジェクト」を選択し、設定を反映させる。 • 「プライマリ・レポート」を選択し、デフォルトのレポートへ戻す。 40
  • 41. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ11 - チャートの作成 • アクション・メニューから「アクション -> チャート」を選択する。 41
  • 42. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ12 - チャートの作成 以下の値を指定する: • チャート・タイプ: 棒グラフ • ラベル: Project • 値: Cost • ファンクション: 合計 • 向き: 横 • 「適用」をクリックする。 42
  • 43. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ13 - チャートの保存 • アクション・メニューから「アクション -> レポート -> レポートの保存」を選択 する。 43
  • 44. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ14 - チャートの保存 • 保存の項目として「デフォルトのレポート設定として保存」を選択する。 • デフォルトのレポート・タイプとして「代替」を選択する。 • 名前: プロジェクトのコスト • 「適用」をクリックする。 44
  • 45. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ15 - 計算カラムの追加 • 「Reset」をクリックする。 45
  • 46. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ16 - 計算カラムの追加 • アクション・メニューから「アクション -> データ -> 計算」を選択する。 46
  • 47. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ17 - 計算カラムの追加 以下の値を指定する: • 列ラベル: 予算コスト差 • 書式マスク: プルダウン・リストから 4番目の(5,234)を選択 • 計算式: I – H • 「適用」をクリックする。 • レポートに予算コスト差という列が 追加され、それぞれのタスクの BudgetからCostを引いた値が表示 される。 47
  • 48. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ18 - デフォルトのレポートとして保存 • アクション・メニューから「アクション -> レポート -> レポートの保存」を選択 する。 48
  • 49. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ19 - デフォルトのレポートとして保存 • 保存: デフォルトのレポート設定として保存 • デフォルトのレポート・タイプ: 主 • 「適用」をクリックする。 49
  • 50. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | フォームの編集 50
  • 51. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ1 - レポートのリセット • レポートの「Reset」ボタンをクリックする。 51
  • 52. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ2 - 一行を編集 • 任意の行の編集アイコン をクリックし、編集フォームを開く。 52
  • 53. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ3 - フォームにあるStatusのアイテムを編集 • ツール・バーの「クイック編集」をクリックし、ポインタをアイテムStatusに合 わせてクリックする。 53
  • 54. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ4 - Statusのタイプの変更 • プロパティ・エディタから、タイプを選択リストへ変更する。 54
  • 55. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ5 - LOVのタイプを指定 • クリックして開いたタイプの一覧から「SQL問合せ」を選ぶ。 • SQL問合せの隣にある、拡大アイコン をクリックしてエディタを開く。 55
  • 56. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ6 - LOVにSQLのSELECT文を設定 • 以下のSELECT文を設定: select distinct status d, status r from tasks order by 1 56
  • 57. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ7 - SQLのSELECT文を検証 • 検証アイコン をクリックする。その後、「OK」をクリックする。 57
  • 58. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ8 - LOV属性を調整 • 以下の値を指定する: • 追加値の表示: いいえ • NULL値の表示: はい • NULL表示値: – ステータスを選択 – • 「保存」をクリックする。 58
  • 59. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ 9 – フォームのテスト • メニューからタスクを選んで、タスク・レポートを表示 59
  • 60. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ10 - フォームのテスト • 行の編集を実行し、Statusアイテムをクリックし、選択リストを確認する。 60
  • 61. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | 警告を表示するリージョンの追加と フォームのレイアウト調整 61
  • 62. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ1 - ページ・デザイナにてフォームを編集 • 開発者ツール・バーの「ページの編集 3」をクリックする。 62
  • 63. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ2 - ページに静的リージョンを追加 • ページ・デザイナのレイアウト画面の下から「静的コンテンツ」をドラッグし て、「Task」リージョンの上部にドロップする。 63
  • 64. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ3 - リージョンの属性を調整 • プロパティ・エディタにて、以下を指定する: – タイトル: 警告 – ソース・テキスト: このプロジェクトはクローズしました。 – テンプレート: Alert • 「保存」をクリックする。 64
  • 65. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ4 - フォームのテスト • アプリケーションが実行されているタブへ移動する。 • フォームを閉じて、再度開く。 65
  • 66. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ5 - テンプレート・オプションを開く • 開発者ツール・バーの「クイック編集」をクリッ クする。 • 警告リージョンにポインタを合わせ、 アイコンをクリックする。 • これにより、「ライブ・テンプレート・オプション」 の画面が開く。 66
  • 67. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ6 - テンプレート・オプションの設定 • Highlight Backgroundオプションにチェックを 入れる。 • Alert Titleを「Hidden but Accessible」に設定 する。 • 「保存」をクリックする。 67
  • 68. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ7 - 警告リージョンに条件を追加 • 「クイック編集」をクリックし、警告リージョン をクリックする。 • プロパティ・エディタより「サーバ側の条件」 を探す。 • 次を設定する: – タイプ: アイテム = 値 – アイテム: P3_STATUS – 値: Closed • 「保存」をクリックする。 68
  • 69. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ8 - End Dateフォーム・アイテムの配置変更 • P3_END_DATEをドラッグして、P3_START_DATEの後ろにドロップする。 69
  • 70. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ9 - Budgetフォーム・アイテムの配置変更 • P3_BUDGETをドラッグして、P3_COSTの後ろでドロップする。 70
  • 71. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ10 - 保存してフォームをテスト • 「保存」をクリックする。 • アプリケーションを実行してい るタブに切り替える。 • フォームをクローズして、再 度オープンする。 • StatusがClosedのタスクと、 Closedでないタスクの双方の 編集を試みる。 71
  • 72. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | 動的アクションの追加による、CostとBudget アイテムの有効化/無効化の実装 72
  • 73. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ1 - 動的アクションの作成 StatusがClosedに設定されたときに、Costと Budgetの入力をできないようにする。 • ページ・デザイナのタブに移動する。 • レンダリング・ツリーにあるアイテム P3_STATUS上で右クリックすると表示され るメニューから、動的アクションの作成を 実行する。 73
  • 74. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ2 - 動的アクションの名前と条件を指定 • プロパティ・エディタにて、名前に「予算コス トの有効/無効化」を設定する。 • クライアント側の条件に移動し、以下を設定 する。 – タイプ: アイテム = 値 – アイテム: P3_STATUS – 値: Closed 74
  • 75. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ3 - Trueアクションの設定 • レンダリング・ツリーからTrueアクションの、表示 をクリックする。 • プロパティ・エディタにて: – アクションとして「クラスの追加」を設定する。 – クラスとして「apex_disabled」を設定 – 影響を受ける要素のアイテムの横にある アイコン をクリックし、 – P3_COSTを選択する。 – 再度アイコンをクリックし、P3_BUDGETを選択する。 アクションに「有効化/無効化」があるが、こちらの無効化で はページ・サブミット時にページ・アイテムとして値の送信が 行われない。apex_disabledの追加は、入力のみ不可になり、 値は送信の対象となる。 75
  • 76. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ4 - 反対のアクションの作成 • レンダリング・ツリーより、True アクションの無効化上で右ク リックし、「反対のアクションの 作成」をクリックする。 • 「保存」をクリックする。 76
  • 77. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ5 - 動的アクションの動作確認 • アプリケーションの画面に切り替える。 • フォームを一旦閉じる。 • StatusをClosedであるタスクをフォーム で開く。 • CostとBudgetが無効化されていること を確認する。 • StatusをOpenやその他、Closed以外の ステータスに変更し、CostとBudgetが有 効になることを確認する。 77
  • 78. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | タスクがクローズしたときに電子メールを送 信する 78
  • 79. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ1 - ページ・デザイナによるフォームの編集 • タスクの編集フォームを開き、開発者ツール・バーの「ページの編集 3」を クリックする。 79
  • 80. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ2 - 共有コンポーネントへ移動 • ページ・デザイナの開発者ツール・バーにある アイコンをクリックし、 共有コンポーネントへ移動する。 80
  • 81. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ3 - 電子メール・テンプレートへ移動 • 「電子メール・テンプレート」をクリックする。 81
  • 82. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ4 - 電子メール・テンプレートの作成 • 電子メール・テンプレートの作成をクリックする。 • 以下を設定する: – テンプレート名: Task Closed – 静的識別子: TASK_CLOSED – 電子メールの件名: タスク #TASK_NAME# がクローズしました! 82
  • 83. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ5 - テンプレート・ヘッダーの編集 • ヘッダーを編集する。 <b style="font-size: 20px;">タスク</b> 83
  • 84. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ6 - テンプレート・ 本文の編集 • 本文として以下を設定する: <p style="font-size: 16px"> タスク<b>#TASK_NAME#</b>は#APP_USER#によって<b style="color: red">クローズ</b>されました。 </p> <table width="100%"> <tr> <th align="left">プロジェクト名</th> <td>#PROJECT#</td> </tr> <tr> <th align="left">期間</th> <td>#START_DATE# - #END_DATE#</td> </tr> <tr> <th align="left">コスト</th> <td>#COST#</td> </tr> <tr> <th align="left">予算</th> <td>#BUDGET#</td> </tr> </table> <br> 84
  • 85. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ7 - プレイン・テキスト・フォーマットの編集 • プレイン・テキスト・フォーマットのコンテンツを設定する。 タスク #TASK_NAME# がクローズしました! タスク詳細 ------------------ プロジェクト: #PROJECT# 期間: #START_DATE# - #END_DATE# コスト: #COST# 予算: #BUDGET# 85
  • 86. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ8 - 電子メール・テンプレートの保存と編集 • 「電子メール・テンプレートの作成」をクリックする。 • 再編集するには、電子メール・テンプレートのページから、「Task Closed」 の名前をクリックする。 86
  • 87. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ9 - サンプルAPIの使用状況を表示 • テンプレートの詳細ページを、最下部までスクロールし、サンプルAPIの使 用状況を表示させる。 • ここでサンプルとして表示されているAPIの呼び出しコードは、後ほど利用 します。 87
  • 88. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ10 - ページ・デザイナへ戻る • ページ・デザイナのツール・バー右端にある「ページの編集3」ボタンをク リックして、ページの編集画面へ戻る。 88
  • 89. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ11 - プロセスの作成 • ページ・デザイナのレンダリング・ ペインにて、プロセス・タブ を クリックする。 • プロセスのノードで右クリックをし、 表示したメニューの「プロセスの作 成」をクリックする。 89
  • 90. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ12 - 電子メール送信プロセスの実行順序変更 • 新規に作成したプロセスを、「Process form Task」直後に実行されるよう移動 する。 • プロパティ・エディタにて、名前をク ローズのメール送信と設定する。 90
  • 91. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ13 - 電子メール送信プロセスの編集 • ソースのPL/SQLコードの入力で、拡大をクリックしてコード・エディタを開く。 • 以下のコードをコピペする。APIのサンプルにアイテムを設定している。 • 「検証」ボタンをクリックして、記述したコードのシンタックスが正しいことを 確認し、「OK」をクリックする。 begin apex_mail.send ( p_to => :APP_USER, p_template_static_id => 'TASK_CLOSED', p_placeholders => '{' || ' "APP_USER":' || apex_json.stringify( lower(:APP_USER) ) || ' ,"BUDGET":' || apex_json.stringify( :P3_BUDGET ) || ' ,"COST":' || apex_json.stringify( :P3_COST ) || ' ,"END_DATE":' || apex_json.stringify( :P3_END_DATE ) || ' ,"PROJECT":' || apex_json.stringify( :P3_PROJECT ) || ' ,"START_DATE":' || apex_json.stringify( :P3_START_DATE ) || ' ,"TASK_NAME":' || apex_json.stringify( :P3_TASK_NAME ) || '}' ); end; 91
  • 92. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ14 - サーバー側の条件の設定 • プロパティ・エディタにて、サーバー側の条 件までスクロールして、以下を設定する: – ボタン押下時: SAVE – タイプ: アイテム = 値 – アイテム: P3_STATUS – 値: Closed • 「保存」をクリック 92
  • 93. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ15 - 電子メールの送信を検証 • アプリケーションを実行しているタ ブに切り替える。 • フォームを一旦閉じる。 • StatusがClosedではないタスクを編 集する。 • StatusをClosedへ変更する。 • Apply Changesをクリック • 電子メールの受信を確認する。右 にあるようなメールを受信している はず。 93
  • 94. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | カレンダの追加 94
  • 95. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ1 - カレンダ・ページの追加 • 開発者ツール・バーのアプリケーション・ボタンをクリックする。 • アプリケーション・ビルダーにて、ページの作成をクリックする。 95
  • 96. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ2 - カレンダ・ページの作成 • カレンダをクリックする。 96
  • 97. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ3 - カレンダのページ属性を設定 以下の値を指定する: • ページ名: カレンダ • ブレッドクラム: Breadcrumb • 「次へ」をクリックする。 97
  • 98. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ4 - ナビゲーション・メニューの定義 • ナビゲーションのプリファレンス: 新規ナビゲーション・メニュー・エントリの作成 • 新規ナビゲーション・メニュー・エントリ カレンダ • 「次へ」をクリックする。 98
  • 99. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ5 - カレンダのソースの設定 • 表/ビューの名前として、 「TASKS」を選択する。 • 「次へ」をクリックする。 99
  • 100. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ6 - カレンダの設定 • 表示列: TASK_NAME • 開始日列: START_DATE • 「作成」をクリックする。 100
  • 101. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ7 - カレンダ・ページの実行 • ページ・デザイナの「ページの実行」をクリック • 前月/翌月へ移動するボタンをクリックして、月ごとのタスクを表示させる。 101
  • 102. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | テーマのカスタマイズ 102
  • 103. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ1 - テーマ・ローラーを開く • ナビゲーション・メニューを使って、タスクのページに戻る。 • 開発者ツール・バーの「テーマ・ローラー」をクリック • これによりテーマ・ローラーが開いて、アプリケーションのルック&フィール のカスタマイズが可能になる。 103
  • 104. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ2 - アクセント色の変更 • グローバル色のヘッダー・アクセントとして指定さ れている色の■をクリックする。 • カラー・ピッカーから会社としての指定色(または 好きな色)を選ぶ。 • 16進数によるカラー・コードの入力も可。 • 色を指定したら、テーマ・ローラー内のどこかをク リックして、カラー・ピッカーを閉じる。 104
  • 105. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | • リンク色を青色へ変更する。(例で は#0050C9) • ナビゲーションに含まれる、 Navigation StyleをLightへ変更する。 ステップ3 - リンクとナビゲーションの色を変更 105
  • 106. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ4 - テーマ・スタイルの保存 • テーマ・ローラーの一番下にある、「名前を付けて保存」をクリックする。 • スタイル名に「会社のテーマ」を入力する。 • 「保存」をクリックし、成功を通知するダイアログで「OK」をクリックする。 106
  • 107. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ5 - 現行のテーマ・スタイルとして設定 • テーマ・ローラーの最下部にある、「現行として設定」をクリックする。 • 成功を通知するダイアログで「OK」をクリックする。 107
  • 108. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ6 - 現行のテーマ・スタイルの設定 • 設定したテーマは、ブラウザがリロードしたのち、アプリエーションに反映 される。 108
  • 109. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ダッシュボードの更新 109
  • 110. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ1 – ダッシュボードの編集 • メニューから「ダッシュボード」をクリックする。 • 開発者ツール・バーの「ページの編集4」をクリックする。 110
  • 111. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ2 – チャート・リージョンの削除 • 左ペインのレンダリング・ツリーより、「Assigned To」の上で右クリックする。 • 「削除」をクリックする。 • 「Chart 4」も同様に削除する。 ProjectsとStatusの チャートを残す 111
  • 112. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ3 – 予算とコストのチャートを作成 • レンダリング・ツリーの「Project」をクリックする。 – 入力後は「Project」が「予算とコスト」に変わる。 • プロパティ・エディタの識別にある「タイトル」に「予算とコスト」と入力する。 112
  • 113. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ4 – シリーズの更新 • レンダリング・ツリーの 「Series 1」をクリックする。 • プロパティ・エディタで「名 前」に「コスト」と入力する。 – レンダリング・ツリーの「Series 1」が「コスト」に変わる。 • 「SQL問合せ」に以下を入力 する。 select project, sum(cost) value from tasks group by project order by 1 113
  • 114. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ5 – シリーズ・予算の追加 • 「予算とコスト」に含まれるシ リーズ「コスト」上で右クリック する。 • 「重複」をクリックする。 114
  • 115. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ6 – シリーズ・予算の調整 • レンダリング・ツリーの「コスト _1」をクリックする。 • プロパティ・エディタの識別の 「名前」を「予算」と入力する。 – 入力後、レンダリング・ツリーの 「コスト_1」が「予算」に変わる。 • SQL問合せの「cost」を 「budget」に変更する。 select project, sum(budget) value from tasks group by project order by 1 • をクリックして実行する。 115
  • 116. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ7 – ダッシュボードの表示 • 「予算とコスト」リージョンのチャートを 確認する。 • X軸のプロジェクト名が切れている、Y 軸は金額として表示されていない、ど ちらが予算でコストなのか分からない。 • 開発者ツール・バーの「クイック編集」 をクリックする。 • 「予算とコスト」リージョンをクリックし て、編集画面へ移行する。 116
  • 117. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ8 – チャートの表示形式の調整 • 「予算とコスト」リージョンの 「属性」をクリックする。 • 「レイアウト」の「高さ」に「600」 を入力する。 • 「凡例」の「表示」を「はい」に する。 • 「位置」として「トップ」を選択す る。 • 「表示および非表示の動作」と して「サイズ変更なし」を選択 する。 117
  • 118. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ9 – y軸の調整 • 「予算とコスト」リージョンの 「軸」にある「y」をクリックする。 • 「書式」として「通貨」を選択する。 • 「通貨」として「$」を入力する。 • をクリックして実行する。 118
  • 119. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ10 – テンプレート・オプションの編集 • 「予算とコスト」リージョン全 体が表示されていない。 • 開発者ツール・バーの「ク イック編集」をクリックする。 • 「予算とコスト」リージョンの 上にポインタを移動し、表 示された スパナ・アイコ ンをクリックする。 119
  • 120. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ11 – 表示上の高さを変更 • ライブ・テンプレート・オプ ションの「Body Hight」として 「Auto – Default」を選択す る。 • 「保存」をクリックする。 120
  • 121. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ12 – Statusリージョンの更新 • 開発者ツール・バーの「ページの編集4」をクリックする。 121
  • 122. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ13 – リージョン名の指定 • レンダリング・ツリーの「Status」をクリックする。 • プロパティ・エディタで「タイトル」として「ステータス」を入力する。 – 入力後はレンダリング・ツリーの「Status」が「ステータス」に変わる。 122
  • 123. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ14 – 属性の指定 • 「ステータス」リージョンの下 にある「属性」をクリックする。 • 「高さ」に「250」と指定する。 • 「凡例」の「表示」を「はい」に する。 • をクリックして実行する。 123
  • 124. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ15 – レポートの追加 • ステータス・チャートの下にレポートを追加する。 • 開発者ツール・バーの「ページの編集4」をクリックする。 124
  • 125. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ16 – クラシック・レポートの配置 • 真ん中のリージョン下部のコンポーネント・ギャラリーから「リージョン」を選 択する。 • 「クラシック・レポート」を「ステータス」リージョンの直下にドラッグ&ドロッ プする。 125
  • 126. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ17 – レポート属性の設定 • 新規に作成されたリージョンに 以下を設定する。 – 「タイトル」は「オープン中のタスク」 – 「タイプ」は「SQL問合せ」 – 「SQL問合せ」は以下を入力する。 select project, task_name, start_date from tasks where status = 'Open' order by start_date 126
  • 127. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ18 – 表示する行数の設定 • 「オープン中のタスク」リージョ ンの「属性」をクリックする。 • 「レイアウト」の「行数」に「3」 を入力する。 • をクリックし、実行する。 127
  • 128. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ19 – クローズしたタスク一覧の追加 • 「オープン中のタスク」として作成されたレポートを確認する。 • 開発者ツール・バーの「ページの編集4」をクリックする。 128
  • 129. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ20 – リージョンの作成 • 左ペインのレンダリング・ツリーにある「Component Body」上で右クリック する。 • 「リージョンの作成」をクリックする。 129
  • 130. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ21 – リージョンの調整 • 新規に作成されたリージョンに 以下を設定する。 – 「識別」の「タイトル」は「クローズさ れたタスク」 – 「識別」の「タイプ」は「クラシック・レ ポート」 – 「ソース」の「タイプ」は「SQL問合せ」 – 「SQL問合せ」には以下を入力する。 select project, task_name, assigned_to, start_date, end_date from tasks where status = 'Closed' order by end_date desc • をクリックし、実行する。 130
  • 131. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ22 – レポートの表示形式の調整 • レポートの外枠にある空白を除去する。 • 開発者ツール・バーの「クイック編集」をクリックする。 • 「クローズしたタスク」の スパナ・アイコンをクリックする。 131
  • 132. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ23 – 余白の削除とレポートのストレッチ • ライブ・テンプレート・オ プションの「リージョン」を クリックする。 • 「Remove Body Padding」 にチェックを入れる。 • ライブ・テンプレート・オ プションの「属性」をク リックする。 • 「Stretch Report」に チェックを入れる。 • 「保存」をクリックする。 132
  • 133. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ24 – オープン中のタスクにも適用 • 開発者ツール・バーの「クイック編集」をクリックする。 • 「オープン中のタスク」の スパナ・アイコンをクリックする。 • 「Remove Body Padding」「Stretch Report」にチェックを入れる。 • 「保存」をクリックする。 133
  • 134. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ステップ25 – ダッシュボードの完成 134
  • 135. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | 役に立つリンク集 135
  • 136. Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | 役にたつリンク集 • APEX Collateral apex.oracle.com • APEX Shortcuts apex.oracle.com/shortcuts • Community apex.oracle.com/community • External Site + Slack apex.world 136