2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

#Mendix で最初のアプリを作る

Last updated at Posted at 2020-09-28

はじめに

Mendixを使ってみる でMendixのアカウントを作成したらアプリを作ってみます。

テンプレートから作成

一番簡単にアプリを作成する方法は、Mendixで提供されているテンプレートを使用してアプリを作成し、Mendix Studioというブラウザー上で使用するエディターを使用して編集する方法です。

ブラウザーでMendixにログインしたら、「Buzz」または「Apps」の画面で「Create App」ボタンを押します。

スクリーンショット 2020-09-28 22.21.14.png

最初に、空のアプリ、Excelシートから、という選択肢があり、次にテンプレートから作成する場合のテンプレートがいくつか表示されます。

スクリーンショット 2020-09-28 22.22.31.png

今回、Approvalsというテンプレートを使用してみます。

スクリーンショット 2020-09-28 22.23.18.png

Approvalsのテンプレートをクリックして、「Select Template」を選択します。

スクリーンショット 2020-09-28 22.24.08.png

「Select this template」をクリックすると、アプリの名前を入力するダイアログが表示されます。「Choose a Name」に名前を入力して、「Create App」をクリックします。

スクリーンショット 2020-09-28 22.25.07.png

数分するとアプリが作成されます。

スクリーンショット 2020-09-28 22.26.36.png

アプリの確認と実行

「Edit App」で編集することができます。アプリの編集は、ブラウザー上で編集できる「Mendix Studio」と、スタンドアローンWindowsアプリの「Mended Studio Pro」があります。今回はブラウザーから編集するので、「Edit in Mendix Studio」を選択します。

スクリーンショット 2020-09-28 22.27.08.png

Mendix Studioの編集画面が表示されます。

左のサイドバーのメニューは、上から順に開発者ポータルに戻る、画面定義の「Pages」、データベース定義の「Domain Models」、処理を記述する「Microflows」、メニュー構成の「Navigation Document」、検索の「Search」、テーマ編集の「Theme Customizer」、設定の「App Settings」です。これらを使用してアプリの実装を行います。

Pages

スクリーンショット 2020-09-28 22.28.10.png

Domain Models

スクリーンショット 2020-09-28 22.28.38.png

Microflows

スクリーンショット 2020-09-28 22.29.48.png

Navigation Documents

スクリーンショット 2020-09-28 22.30.19.png

Theme Customizer

スクリーンショット 2020-09-28 22.31.25.png

App Settings

スクリーンショット 2020-09-28 22.32.03.png

アプリのプレビュー

右上にある「Preview」を押すと実行時の画面レイアウトをプレビューすることができます。

スクリーンショット 2020-09-28 22.33.05.png

アプリの発行(実行)

右上にある「Publish」を押すとアプリをMendi Cloudに展開して実行することができます。

スクリーンショット 2020-09-28 22.33.43.png

アプリの発行は数分かかります。アプリが発行されるとステータスが表示されます。

スクリーンショット 2020-09-28 22.38.11.png

「View App」を押すと、ブラウザーでWeb画面を表示します。
認証を要求するので「Authorize」を押すと、Mendixにログインしているユーザーで認証してアプリにログインします。

スクリーンショット 2020-09-28 22.40.22.png

上記で作成したアプリのWeb画面が表示されます。

スクリーンショット 2020-09-28 22.41.22.png

公開されるアプリは https://testapprovals???-sandbox.mxapps.io/ のようなURLになるようです。(???に数字が入ります)

まとめ

ブラウザーからMendix Studioを使用して簡単にアプリをデプロイすることができました。スタンドアローンアプリのMendix Studio ProはWindowsでしか使えませんが、Mendix StudioはMacからでもアプリを開発することができます。

2
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?