Oracle APEX（Oracle Application Express）でローコード機械学習

[Oracle Cloud で機械学習（Kaggle Titanic 問題）](https://qiita.com/JQinglong/items/e51498fbf537b024424e)
で、Oracle Cloud 環境でのモデル作成を行いました。

今度は、そのモデルを使用して、予測を行うアプリを、Oracleのロー・コード開発基盤であるAPEX（Oracle Application Express）で作成します。

ロー・コードとノー・コードの差はどこでしょうね？SQL書いたらコーディング有りならロー・コードですね。
けど、結構ノー・コードに近い形で作れますね

## 何を作るか

自分の属性を指定して、自分の生存率を予測する、というアプリを作ります。

デシジョン・テーブルのアルゴリズムでモデルが作成済みなのが前提です。
データにモデルを適用するのは、

```sql
select 
    PASSENGERID, -- レコードを一意に識別したいときに利用
    prediction( TITANIC_MODEL_DT using *) as prediction, -- 予測
    prediction_probability( TITANIC_MODEL_DT  , '1' using *) as probability -- 予測が '1' である確率
from TITANIC_TEST;
```

ですね。
なので、まず自分の属性を入力し、診断用のテーブルに登録する画面を作ります。
そして、診断ボタンが押されたら、生存率がどれくらいと予測されたのかを表示する画面を作ります。

## 診断用テーブル作成

前回作った、TITANIC_TESTとは別に画面入力値を保存するテーブルを作ることにします。
内容は、同一です。

既存テーブルの定義参照方法も書いておきます。
SQL Developer Web に接続すると、左側にテーブルが一覧表示されています。
<img width="1139" alt="スクリーンショット 2020-06-05 8.05.30.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/1acee54d-4286-f0fc-85f9-c4c94133079c.png">

テーブル名を右クリック→編集→DDL
で、CREATE TABLE 文が表示されます。

```sql
CREATE TABLE MLUSER.TITANIC_TEST 
    ( 
     PASSENGERID NUMBER , 
     PCLASS      NUMBER , 
     NAME        VARCHAR2 (4000) , 
     SEX         VARCHAR2 (4000) , 
     AGE         NUMBER , 
     SIBSP       NUMBER , 
     PARCH       NUMBER , 
     TICKET      VARCHAR2 (4000) , 
     FARE        NUMBER , 
     CABIN       VARCHAR2 (4000) , 
     EMBARKED    VARCHAR2 (4000) 
    ) 
    TABLESPACE DATA 
    LOGGING 
;
```

もしくは、テーブル名右クリック→クイックDDL
だと、こんな感じで表示されます。（内容違うんだ・・・）

```sql
CREATE TABLE "MLUSER"."TITANIC_TEST" 
   (	"PASSENGERID" NUMBER, 
	"PCLASS" NUMBER, 
	"NAME" VARCHAR2(4000 BYTE) COLLATE "USING_NLS_COMP", 
	"SEX" VARCHAR2(4000 BYTE) COLLATE "USING_NLS_COMP", 
	"AGE" NUMBER, 
	"SIBSP" NUMBER, 
	"PARCH" NUMBER, 
	"TICKET" VARCHAR2(4000 BYTE) COLLATE "USING_NLS_COMP", 
	"FARE" NUMBER, 
	"CABIN" VARCHAR2(4000 BYTE) COLLATE "USING_NLS_COMP", 
	"EMBARKED" VARCHAR2(4000 BYTE) COLLATE "USING_NLS_COMP"
   )  DEFAULT COLLATION "USING_NLS_COMP" ;
```

これのテーブル名を変えて実行すれば、テーブルが作成されます。

```sql
CREATE TABLE MLUSER.TITANIC_DIAG 
    ( 
     PASSENGERID NUMBER , 
     PCLASS      NUMBER , 
     NAME        VARCHAR2 (4000) , 
     SEX         VARCHAR2 (4000) , 
     AGE         NUMBER , 
     SIBSP       NUMBER , 
     PARCH       NUMBER , 
     TICKET      VARCHAR2 (4000) , 
     FARE        NUMBER , 
     CABIN       VARCHAR2 (4000) , 
     EMBARKED    VARCHAR2 (4000) 
    ) 
    TABLESPACE DATA 
    LOGGING 
;
```

## APEX での画面作成

Autonomous Database 画面の「ツール」タブからAPEX画面を開きます。
<img width="1140" alt="スクリーンショット 2020-06-05 8.11.32.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/39770f35-982c-efa3-50c0-9a0a2dc289d4.png">

「アプリケーション・ビルダー」タブをクリックし、画面を開きます。最初は、この「テストアプリ」もない状態ですね。
<img width="1132" alt="スクリーンショット 2020-06-05 21.22.19.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/4b16bee7-c635-34e7-ab3b-bfe579c43c45.png">

左上でも、右側でも良いので、「作成」を押します。
今回は「新規アプリケーション」です。

<img width="1132" alt="スクリーンショット 2020-06-05 21.24.01.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/4c3ab83f-6f00-e22e-a2dc-05685d6f9c90.png">

名前を入力し、外観も適当に変更してみます。

<img width="1121" alt="スクリーンショット 2020-06-05 21.25.38.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/835b5dc2-c9c5-b7f7-74c0-572d32e117d0.png">

他はそのままで、「アプリケーションの作成」を行います。

<img width="1134" alt="スクリーンショット 2020-06-05 21.27.48.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/cff67e11-5d29-1c80-0f37-7b89d72f3fb9.png">

本当の初期状態のページが生成されるので、「アプリケーションの実行」をしてみます。
サインイン画面が出ます。これは何を入れれば良いのかわからなくなってしまいました。
そういう時は、いったん終了し、「1 - ホーム」を開いて、「認証が必要なページ」→「パブリックページ」に変更します。「保存」も忘れずに。

<img width="1133" alt="スクリーンショット 2020-06-05 21.32.21.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/25050301-db4f-2bd6-183a-6b125ea65d0b.png">

画面が開きました。まだ何もないシンプルな画面です。

<img width="1133" alt="スクリーンショット 2020-06-05 21.34.28.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/2b3b9eac-dcf7-9b6b-6c8e-dc5a68cd0d7d.png">

では画面を追加していきます。

## ページの作成

「ページの作成」をクリックすると、ページタイプを指定する画面が表示されます。
色々試してみると面白いですが、今回は、属性入力→結果表示という流れを表す画面として、ウィザードを使用することにします。

<img width="1133" alt="スクリーンショット 2020-06-06 7.42.56.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/e3712196-49ca-c29b-fdf6-e72bee964d89.png">

ウィザード名と作成するページ数を指定します。（最初試しに作った時
作成するページを指定するのに気づかず、５で作って、後から変更するために色々調べました。そいういう経験も必要ではありますね）

<img width="820" alt="スクリーンショット 2020-06-06 7.44.00.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/5a9469ca-aa77-3299-fafc-e9f78034ba28.png">

ナビゲーションメニューへの追加を指定します。

<img width="815" alt="スクリーンショット 2020-06-06 7.45.55.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/0aa5cdb1-3f08-836a-a6d3-d2b347bde2b0.png">

各ページ名と戻り先ページを指定して作成します。

<img width="959" alt="スクリーンショット 2020-06-06 7.47.30.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/2e593b15-f36c-9efc-711d-59348719ce23.png">

作成するとページデザイナ画面が開きますので、量ページのセキュリティの設定だけ「パブリック・ページ」に変更しておいて、いったんアプリケーション画面に戻り、アプリケーションを実行します。
<img width="1133" alt="スクリーンショット 2020-06-06 7.51.12.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/0d0339ca-8f2d-8839-bc3e-144fde8c3cb2.png">

先ほどのようにナビゲーションメニューへの追加を行うと、ホームの中に「タイタニック診断」が現れますので、そこからページを開きます。
とりあえず、遷移することだけ確認します。

<img width="1133" alt="スクリーンショット 2020-06-06 7.52.52.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/efd65045-694c-9f85-04b5-8265c351e386.png">
<img width="1136" alt="スクリーンショット 2020-06-06 7.53.21.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/3a1981a2-f5bb-3ee5-aa7b-7e5ed18018e6.png">

## データ更新処理

では属性入力ページでデータ更新処理を作成します。
アプリケーション画面から、「3 - 属性入力」をクリックすると、ページデザイナ画面が開きます。
<img width="1135" alt="スクリーンショット 2020-06-06 8.03.22.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/268eafce-8e25-37aa-bd81-f3381e4ceb3f.png">

右上の[＞]実行ボタンで画面を開いて、見比べながらみると分かりやすいと思います。
そうすると、例えば、ボタン名「CANCEL」ラベル「取消」というボタンが配置されている、などが分かります。
そして、ページアイテムの「属性入力」の中に「P3_ITEM1」というテキスト・フィールドがあることも分かります。この部分を今回の入力項目に変更します。
で、真ん中のエリアで、P3_ITEM1をコピーするなどもできるので、それでフィールドを追加していっても良いわけですが、より便利な機能がありました。（こういうレベルの素人が書いていますので、より良い方法は探求していってください）

真ん中下の「フォーム」という項目がありますが、ここから画面要素を追加することができます。右クリックすると、どの部分に追加するかを指定できるので、下記のように、WIZARD SUB REGIONの中、「属性入力」の前に追加するようにします。（ドラッグ&ドロップでもできます）

<img width="907" alt="スクリーンショット 2020-06-06 8.15.24.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/50fdbcc8-227f-6ccb-7f9b-626e5cc06b59.png">

こんな感じで追加されたら、「属性入力」の方は不要なので削除して良いでしょう。

<img width="789" alt="スクリーンショット 2020-06-06 8.20.06.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/e46933ee-05ac-e453-a66a-a358554e7ea5.png">

追加したフォームが「新規」という名前で赤くなっています。エラー状態ということですが、エラー内容は、「メッセージ」タブから見ることができます。
<img width="906" alt="スクリーンショット 2020-06-06 8.21.49.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/61b156e8-c505-e595-08a0-ffbd7c73c7c5.png">
確かに、右エリアでも「表名」がばつ印になっています。

表名は、入力欄右側のボタンから表明の選択画面を表示させることができます。検索もできるので、titanicで検索して、最初に作成したTITANIC_DIAGを指定します。
<img width="879" alt="スクリーンショット 2020-06-06 8.23.14.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/2776ea2c-9cfe-8f1a-39e4-111eb7e706d5.png">

そうすると、項目も自動で追加されました。
<img width="1131" alt="スクリーンショット 2020-06-06 8.25.26.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/dccdc803-24da-d9cb-ee3f-82090e3bbe06.png">

とりあえず一つだけ設定。アイテムの一番上「P3_PASSENGERID」を選択して、ソース＞主キーをONにします。
<img width="868" alt="スクリーンショット 2020-06-06 8.29.46.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/e93671c2-8946-3615-77fe-41bb364148db.png">
これで保存して、ページを開くと、入力欄が表示されていることが確認できます。
全部手打ち項目で作られてしまうので面白味がないですが、テキストフィールドと数値フィールドは自動的に区分けされており、最低限のバリデーションもかかっています。
<img width="1128" alt="スクリーンショット 2020-06-06 8.31.16.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/089f3fd7-803a-0ae6-c792-4752a6324b4b.png">

試しに一つだけ、性別のアイテムタイプを変更してみます。
タイプをラジオ・グループに変更し、列の数を1から４にします（2ではおかしい表示になりました）。
LOVのタイプを静的値に変更し、静的値の右側のボタンを押すと値リストを指定する画面が出ますので、男女の値を入力します。

<img width="311" alt="スクリーンショット 2020-06-06 8.39.30.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/5b12a4a6-45ec-b10e-3183-2a59405dec58.png">
<img width="870" alt="スクリーンショット 2020-06-06 8.36.42.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/5adeb413-c84e-1460-7c1f-9e2e0a6a07fd.png">

これで保存して実行すると、画面表示に反映されることが確認できます。ラジオボタン自体が不選択時に色が見えないのがイマイチですが、それは後でなんとかしましょう。

<img width="638" alt="スクリーンショット 2020-06-06 8.52.15.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/beee4eb8-e4e8-281b-07b8-7d74a6170ec4.png">

また、フォームの名前も、「新規」になっているのを「属性入力」に変更しておきます。

プロセスを定義するので、左エリア上部で、プロセスタブに切り替えます。
そこからプロセスの作成に入ります。

<img width="645" alt="スクリーンショット 2020-06-06 17.26.40.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/6a49cb28-ebeb-8213-0baf-65dea5df92ab.png">

今回は単純に、入力値をそのままINSERTしますので、行の自動処理を選択して、フォームリージョンとして、先ほど名前を変えた「属性入力」を指定します。名前も指定しておきます。

<img width="477" alt="スクリーンショット 2020-06-06 17.30.03.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/551f213f-803c-02df-407c-888e7f625ec3.png">

この状態で実行すると、登録後にメッセージが表示されるようになり、SQLワークショップでテーブルを選択してデータを表示すると、データが登録されていることが確認できます。

<img width="1128" alt="スクリーンショット 2020-06-06 17.31.11.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/1db9401f-e7b5-5155-9923-90a9db0ae830.png">

<img width="1134" alt="スクリーンショット 2020-06-06 17.31.37.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/600ddf71-f430-28db-9dd2-7553d5c6bd79.png">

## 診断結果をチャートで表示

診断結果ページについても、まずは、表示アイテムの差し替えから行います。
「probability（予測が '1' である確率）」をグラフ表示するために、チャートリージョンを追加し、元々存在した診断結果リージョンは削除し、新規リージョンの名前を診断結果リージョンにします。
<img width="1128" alt="スクリーンショット 2020-06-06 22.46.31.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/7f530354-4615-33c1-e484-2b1ccd6297ef.png">

そうすると、チャートの表示元となるソースの指定を求められるので、「SQL問合せ」を選択し、SQL問い合わせの内容として、本記事冒頭に記載した診断SQLの、テーブル名をTITANIC_DIAGに変更したものを入力します。

```sql:SQL問合せ
select 
    PASSENGERID, -- レコードを一意に識別したいときに利用
    prediction( TITANIC_MODEL_DT using *) as prediction, -- 予測
    prediction_probability( TITANIC_MODEL_DT  , '1' using *) as probability -- 予測が '1' である確率
from TITANIC_DIAG;
```
そして、ラベルにPASSENGERID、値にPROBABILITYを指定して、実行するとこのように表示されます。

<img width="1134" alt="スクリーンショット 2020-06-06 22.54.19.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/a45cd15f-4050-e05a-6a9b-454652add3d5.png">

<img width="1133" alt="スクリーンショット 2020-06-06 22.55.20.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/e92b206e-6ba7-3300-d562-19ea894869ce.png">

単純ではありますが、このような形で結果表示もできました。

その他、実際は必要な処理として、

* Passengerid は、利用者は何を入れたら良いかわからないので、非表示項目として、自動で値をセットすべき。

* 診断結果表示後は、TITANIC_DIAGテーブルのデータは不要になる。しかし、同時に他人も診断しているかもしれない。→キーであるPassengeridで削除すべき。そう考えると、PassengeridにはセッションIDを入れておくと良いかもしれない。

などがあるでしょう。

一応このような形で一通りの動作ができるました。
後は、フォームの各項目を適切なアイテムタイプに変更する等は、色々試しながらやってみると面白そうです。

## アプリケーションの外部保存

ここで、いったん、アプリケーションを外部に保存し、復元するというところも試してみたいと思います（この後壊してしまっても良いように）。

<img width="1135" alt="スクリーンショット 2020-06-07 7.07.15.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/0b3ea6f7-ea9c-1d01-2635-853e3ae05959.png">

<img width="1131" alt="スクリーンショット 2020-06-07 7.13.22.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/98877881-4a12-1160-b98d-43259eab0551.png">

<img width="1136" alt="スクリーンショット 2020-06-07 7.14.02.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/4ff6ce42-75bd-4d30-6213-f918a530b21b.png">

何も変更なしでそのまま行ってみます。

こんなファイルがダウンロードされました。
<img width="1095" alt="スクリーンショット 2020-06-07 7.16.06.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/2db57034-8c1b-1de9-2d58-4367f1da33ff.png">

いったんアプリケーションを削除して、再度インポートしてみます。
<img width="1135" alt="スクリーンショット 2020-06-07 7.21.23.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/f77db161-85b0-3755-1ca5-83ac37599c36.png">
<img width="1134" alt="スクリーンショット 2020-06-07 7.21.40.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/dfeea755-519e-2951-e785-e28c541c9412.png">
<img width="1133" alt="スクリーンショット 2020-06-07 7.22.14.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/5469aa69-10a8-43f6-bcef-913108680f03.png">
<img width="1134" alt="スクリーンショット 2020-06-07 7.22.34.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/56eb3cd1-8bc2-32fd-d85c-1627b1925c07.png">

無事復元されました。

では、このエクスポートファイルをバージョン管理すれば良いのかとか思いましたが、ことはそう単純でもないようです。なかなか新しい情報が見つかりませんが、この辺が参考になりそうです。

[Oracle Application Expressでのライフ・サイクル管理（リビジョン2）](https://www.oracle.com/technetwork/jp/developer-tools/apex/learnmore/apex-life-cycle-management-wp-3030229-ja.pdf)

## 外観の変更

さて、全体の見た目に関して、標準で用意されている画面デザインは、どれも「いかにも」という感じが漂って入て、もう少し遊びも入れられないかなと思っています。

そこで最後に、テーマの変更を行ってみます。

### APEX Bootstrap 4 【失敗】
最初に使用したのはこちらのBootstrapテーマです。
[APEX Bootstrap 4 (Theme)](http://vmorneau.me/introducing-apex-bootstrap-4-theme/)
なぜこれか？Bootstrapを組み込んでしまえば、さらにBootstrap用の様々な無料テーマ・テンプレートが使えるかなと思ったからです。

[ダウンロードページ](https://apex.oracle.com/pls/apex/f?p=73792:5::::RP::)の、「Theme Export」から、ダウンロードします。
そして、ダウンロードしたテーマをインポートします。
<img width="1132" alt="スクリーンショット 2020-06-07 7.33.07.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/26a490f0-6017-8882-eb4b-d2f3e35319ac.png">
インポートすると、このようにテーマ一覧が表示されるので、「テーマの切替え」をクリックします。
<img width="1136" alt="スクリーンショット 2020-06-07 7.34.10.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/9ced509f-0586-d810-ac48-3bc62103992c.png">

<img width="1132" alt="スクリーンショット 2020-06-07 7.34.40.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/a466e788-d433-7afb-3fbd-df9dd98f6e58.png">

そして進めていくと、このような画面が表示されます。怪しさ満点です。要するに、元テーマの方が様々に区分けされていて、それが一つのStandardに集約されてしまうということです。
<img width="1106" alt="スクリーンショット 2020-06-07 7.35.39.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/1fabce21-68ad-0eb3-e680-a35134fd62a7.png">
いったん進めてみます。
<img width="1135" alt="スクリーンショット 2020-06-07 7.36.33.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/551fb71b-6ee7-06b6-562c-a69b72093a73.png">
これで完了するので、画面を開いてみます。
<img width="1134" alt="スクリーンショット 2020-06-07 7.40.15.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/9af673d0-6645-5fe9-9552-4d53f8d71263.png">
シンプルなタイトルのみで、メニューもなくなりました。
<img width="1130" alt="スクリーンショット 2020-06-07 7.53.17.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/d5302d9d-d235-181e-bc48-639c2e5e996a.png">
実にシンプルです。

いやそれはあんまりだということで、いったんテーマを戻してみます。共通コンポーネント＞ユーザー・インターフェースの中に、「テーマ」があります。そこから、またテーマの切替えができます。
<img width="1129" alt="スクリーンショット 2020-06-07 7.53.45.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/43b7ada8-9662-d69d-1cef-ce2410804201.png">
<img width="1134" alt="スクリーンショット 2020-06-07 7.54.49.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/52403c79-2f58-b661-37ce-de45b18c392b.png">
なんとか戻そうとしているが、元と比べたら要素の数が大幅に減っています。
<img width="1136" alt="スクリーンショット 2020-06-07 7.55.16.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/7906079e-80a0-8e2c-5772-85a5075f9cea.png">
<img width="1137" alt="スクリーンショット 2020-06-07 7.55.37.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/2cdadd8f-de53-1dec-ce7b-a70605543ec3.png">
戻らなかった！

ところで、いったんBootstrapテーマに切替えた時に、メニューすら無くなってしまうのは、単にメニュー部分に適用されるスタイルの問題なのかと思ったらそういうことでもありませんでした。
<img width="1095" alt="スクリーンショット 2020-06-07 8.07.48.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/8b07a6c8-9375-59c4-8a28-132fe25df318.png">
すなわち、出力される要素から消えてしまっているということです。

ということで、こちらのテーマは使用を諦めました。
いったん、エクスポートしておいたアプリをインポートして戻します。（エクスポートしておいてよかった！こういうのは野生の勘ですね。）

### Material APEX

今度は同じところから提供されている「Material APEX」というテーマを試してみます。
[Material APEX](https://apex.oracle.com/pls/apex/f?p=12192:1::::::)

こちらの提供形態は、デモアプリと空のアプリであり、テーマとしての提供はしていないようです。
また一から作っても良いですし、その方がきれいにできそうな気がしますが、いったんでもアプリをインポートし、そのテーマをエクスポートし、自分のアプリにテーマをインポートして切替える、という方法を試してみます。

<img width="1137" alt="スクリーンショット 2020-06-07 8.29.35.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/81e202e3-2fdc-4195-5251-53ddf832ae76.png">
<img width="1128" alt="スクリーンショット 2020-06-07 8.31.58.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/c2a9e8a1-920b-3382-41e7-f8bb5ec99b91.png">
今度は、それなりに対応づけがされているので、期待が持てます。
Wizardのところだけ、初期値から変更しました。

普通にホームページを起動すると何も表示されませんでした。あれダメかなと思いましたが・・・
<img width="1134" alt="スクリーンショット 2020-06-07 8.32.33.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/f715f12b-c919-4705-9b93-2a908a1fab97.png">

属性入力画面を開くと、レイアウト崩れはあるものの、表示はされています。

<img width="1135" alt="スクリーンショット 2020-06-07 8.33.52.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/489d7a57-aebb-9edd-1dab-b3fd0b46eb01.png">

<img width="1136" alt="スクリーンショット 2020-06-07 8.34.19.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/77307/6e0ecb5d-f834-532b-065a-f26b16c25451.png">

標準のテーマよりはポップになりましたね。

ということで、いったんここまでにしておきたいと思います。

## ドキュメント等
（すみません、以下、完全に愚痴モードです）

Oracle APEX に関して、一番網羅的なドキュメントは、アプリケーション・ビルダー・ユーザーズ・ガイド かと思われます。
[Oracle® Application Express
アプリケーション・ビルダー・ユーザーズ・ガイド](https://docs.oracle.com/cd/F23071_01/htmdb/index.html)

ところが、これがまた検索性が悪いし、どこからここにたどり着けるのかもちょっとよく分からない。例えば、このページの右上の検索ボックスに「テーマの切替え」と入力してみても検索結果なしになってしまう。そりゃないぜ、と。

まだ多少マシなのは、5.0版のドキュメント。
https://docs.oracle.com/cd/E68317_01/doc.50/e64891/toc.htm
２階層下まで見えている、というだけではありますが・・・

この辺が充実しないと安心しては使えないかなという気はします。
ただ、ノーコード、ローコードツールとしての一つの選択肢としてはありかなと思いました。