Oracle CloudのAPEXを使って簡単なアプリ開発してみた

2020/04/15 Masato.Ohashi [email protected] Oracle Corporation Japan @maato Oracle CloudのAlways Freeの
Oracle Autonomous DBに含まれる APEXを使って簡単なアプリを作ってみた

以下の事項は、弊社の一般的な製品の方向性に関する概要を説明するものです。また、情報提供を唯一の目的とするものであり、いかなる契約にも組み込むことはできません。以下の事項は、マテリアルやコード、機能を提供することをコミットメント（確約）するものではないため、購買決定を行う際の判断材料になさらないで下さい。オラクル製品に関して記載されている機能の開発、リリースおよび時期については、弊社の裁量により決定されます。 OracleとJavaは、Oracle Corporation 及びその子会社、関連会社の米国及びその他の国における登録商標です。文中の社名、商品名等は各社の商標または登録商標である場合があります。
2 Copyright © 2020 Oracle and/or its affiliates

1. Oracle Always Free環境を入手する 2. Oracle Autonomous Datawarehouseを起動する 3. APEX
セットアップ（Work Spaceの作成） 4. APEXを使ってアプリケーションを作成する手順 4 Copyright © 2020 Oracle and/or its affiliates

1. Oracle Always Free環境を入手する Qiita「 Oracle Cloud Free Tierにアカウントを登録してみる(2020年1月版)」 https://qiita.com/hrkt/items/223b02461bed5cee9d19
2. Oracle Autonomous Datawarehouseを起動する Autonomous Database(ADB,ADW,ATP)の作成とSQL Developerからの接続 https://qiita.com/ts_carp/items/a22bdd565bdf5c6e4ea8 Autonomous Databaseの作成手順（Always Freeデータベース作成方法） https://www.hitoriit.com/entry/2019/10/22/080000 3. APEX セットアップ（Work Spaceの作成）スマートスタイル社ブログ「 Oracle APEXを触ってみた」参照 https://www.s-style.co.jp/blog/2019/11/5334/ 4. APEXを使ってアプリケーションを作成する本ドキュメント手順と参考資料 5 Copyright © 2020 Oracle and/or its affiliates

1. APEXサイト https://apex.oracle.com/ja/ 2. APEXユーザードキュメント https://docs.oracle.com/cd/F23071_01/buildapplications.html 3. 「Oracle APEX勉強会 -
認証と認可の実装を学ぶ」 https://speakerdeck.com/ujnak/oracle-apexmian-qiang-hui-ren-zheng-toren-ke-falseshi-zhuang- woxue-bu 特に参照した情報チャートの作成 https://docs.oracle.com/cd/F23071_01/htmdb/creating-charts.html LOVの作成 https://docs.oracle.com/en/database/oracle/application-express/19.2/htmdb/creating-lists-of-values-at-the-application-level.html アプリケーション名登録 https://docs.oracle.com/en/database/oracle/application-express/19.2/htmdb/understanding-url-syntax.html#GUID-F9B81EAF- D33F-401D-8349-3952DEDA5460 APEX参考資料 6 Copyright © 2020 Oracle and/or its affiliates

• USERS表：ユーザー名とパスワード • WEIGHT表：測定日、体重、メモ等まず机上で考えてみる（最初は最小から）テーブルの定義 USERS カラム名型例
USER_ID NUMBER 10 NAME VARCHAR2(20) のびた PASSWORD VARCHAR2(20) XXX WEIGHT カラム名型例 USER_ID NUMBER 10 MEASURED_DATE DATE 10 WEIGHT NUMBER 2020/4/12 FEELING VARCHAR2(20) Good MEMO VARCHAR2(4000) Good 8 Copyright © 2020 Oracle and/or its affiliates

• サンプルを参考に、クイックSQLを作成  SQL知らなくても、アプリケーションに必要なテーブルのスクリプトを作ってくれます • 「SQLの作成」で作成されたSQLスクリプトを確認後、スクリプトを保存した後に、実行 • 作成されたテーブルを使って、「アプリケーションの作成」でアプリケーションを作成 SQLワークショップ＞ユーティリティ＞クイックSQL テーブルの作成
【クイックSQL例】 USERS NAME vc20 PASSWORD vc20 WEIGHT USER id MEASURED_DATE DATE WEIGHT num FEELING vc20 MEMO VC4000 9 Copyright © 2020 Oracle and/or its affiliates

アプリケーションの作成 • 名称を入れて、後はとりあえずそのまま、「アプリケーションの作成」 • 作成後は実行してみましょう 11 Copyright © 2020 Oracle
and/or its affiliates

APEXユーザーでログインしてみる初期アプリケーションの確認 • 結構それなりのアプリケーションが、これだけで既にできています！ • 一回眺めてみて、これをベースにUIなどの変更をしていきましょう 12 Copyright © 2020
Oracle and/or its affiliates

アプリケーションビルダー＞該当アプリケーションアプリケーションの確認 • このあとアプリケーションの各ページを変更していきます • 初期アプリケーションの各ページを、どこから変更するのか、構成を確認しておきますホームのページ
Usersのページ Usersの中の「作成」ページ Weightのページ Weightの中の「作成」ページ 14 Copyright © 2020 Oracle and/or its affiliates

該当アプリケーション＞Users＞「作成」のページアプリの変更1）User入力画面の変更 • やりたいこと • 2つとも必須にしたい • 表示を日本語にしたい 15 Copyright
© 2020 Oracle and/or its affiliates

• ページの表示名を日本語にしますアプリケーションビルダー＞該当アプリケーション＞3−User アプリの変更1）User入力画面の変更 • 項目の名称を日本語にします • 必須の値にします 16 Copyright

アプリケーションの実行＞（該当アプリケーション）Users＞「作成」ページユーザーを登録してみる • 変更を確認しつつ、ユーザーを1つ作成してみます • アプリケーションを実施するには、該当のアプリケーションの「アプリケーションの実行」をクリックしますちゃんと表示されてます 17 Copyright ©
2020 Oracle and/or its affiliates

アプリケーションの実行＞（該当アプリケーション）Users アプリの変更2）User画面の変更 • やりたいこと • 表示される項目を日本語表示にしたい 19 Copyright ©
2020 Oracle and/or its affiliates

アプリケーションビルダー＞該当アプリケーション＞2−User アプリの変更2）User画面の変更：確認 • 項目の名称を日本語にします • 実行ボタンから実施することで、アプリケーションを実施し、変更を確認します 20
Copyright © 2020 Oracle and/or its affiliates

該当アプリケーション＞Weight＞「作成」のページアプリの変更3）Weight入力画面の変更 • やりたいこと • 表示を日本語にしたい • 名前、日付、体重を必須にしたい • Feeling（気分）を選択式にしたい
デフォルトで、登録したユーザーのプルダウン形式になっています（便利！）「気分」も選択式にしたい 21 Copyright © 2020 Oracle and/or its affiliates

• ページの表示名を日本語にしますアプリケーションビルダー＞該当アプリケーション＞5−Weight アプリの変更3）Weight入力画面の変更 • 項目の名称を日本語にします • 必須の値にします 22 Copyright

• Feeling（気分）を選択式にしたいため、その選択肢を設定します。 • 選択肢を、LOV（List of Values）としてリストにします • 今回は3つの値（Good、NotBad、Bad）を絵文字と一緒に表示します（絵文字使わず、文字だけでも問題ありません）アプリケーションビルダー＞該当アプリケーション＞共有コンポーネント＞LOV＞作成アプリの変更3）Weight入力画面の変更
表示値戻り値 良好 Good まあまあ NotBad いまいち Bad 23 Copyright © 2020 Oracle and/or its affiliates

• Feeling（気分）はラジオボタン選択とします。 • 作成したLOVを、Feeling（気分）に設定します。 • 絵文字を使用したので、特殊文字処理を設定します。アプリケーションビルダー＞該当アプリケーション＞5−Weight（体重登録）アプリの変更3）Weight入力画面の変更 24 Copyright

アプリケーションの実行＞（該当アプリケーション）Weight＞「作成」ページアプリの変更3）Weight入力画面の変更：確認 Weightを登録してみる • アプリケーションを実施するには、該当のアプリケーションの「アプリケーションの実行」をクリックします • 変更ができているか、確認しつつ、データを1つ作成してみますちゃんと表示されてます 25 Copyright

• グラフのページを作成しますアプリケーションビルダー＞該当アプリケーション＞ページの作成アプリの変更4）ホーム画面へのグラフ表示 27 Copyright © 2020 Oracle and/or
its affiliates

• ホームページに表示したいので、ページ番号は1としますアプリケーションビルダー＞該当アプリケーション＞ページの作成アプリの変更4）ホーム画面へのグラフ表示 • とりあえず、ラベルと値を設定してみます 28 Copyright

29 Copyright © 2020 Oracle and/or its affiliates 該当アプリケーション＞1-ホームアプリの変更4）ホーム画面へのグラフ表示：確認
• 表示はできたのですが、思ったグラフの表示とは違うので、修正していきます

30 Copyright © 2020 Oracle and/or its affiliates • 表示するSQLを作成します（今回はユーザーの名称と値
を表示するため、2つの表をJOINします） • 表示する、シリーズ名、ラベル、値を設定しますアプリケーションビルダー＞該当アプリケーション＞1−ホームアプリの変更4）ホーム画面へのグラフ表示 select u.name, w.measured_date, w.weight from weight w join users u on w.user_id =u.id

33 Copyright © 2020 Oracle and/or its affiliates 該当アプリケーション＞共有コンポーネント＞認証スキーム＞作成アプリの変更5）ログイン画面でのユーザー/パスワード認証
• 認証スキームを作成します function my_authentication ( p_username in varchar2, p_password in varchar2 ) return boolean is l_user users.name%type := upper(p_username); l_pwd users.password%type := p_password; l_id users.id%type; begin select id,password into l_id, l_pwd from users where upper(name) = upper(l_user) and password = l_pwd; return true; exception when NO_DATA_FOUND then return false; end;

Oracle CloudのAPEXを使って簡単なアプリ開発してみた

Oracle CloudのAPEXを使って簡単なアプリ開発してみた

Other Decks in Technology

Featured

Transcript