3
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Mendixとエンジニアのお話〜第1.5章:サンプルアプリを準備するぞ〜

Last updated at Posted at 2024-09-13

今回はこんな記事を書いていきます

Mendixの説明用に、サンプルアプリを作成する回です。
Mendixの機能的な部分には触れないので、見なくても大丈夫!
UIの説明をするためにMendixでサンプルアプリを作成したり、Mendix Proをインストールする必要があったりで、その過程が結構長くUIの説明をする前に結構文量が多くなってしまい、急遽1.5章と言う位置付けにした訳ではないですからね。本当に。違いますからね。
※手順や方法は随時更新されている可能性もあるため、最新の情報を合わせてご確認ください。

まず動かすアプリを作ってみよう

今後の説明用に、とりあえず動かすアプリを作成します。
Mendixのアカウントを作成後、「Create App」を押します。
(登録手順を色々省いてしまってすみませんという気持ち。道なりに手順を踏めば大丈夫のはず。)
サンプルアプリ新規作成.png

少し待つと、テンプレートなどを選ぶことができる画面に変わるので、使用したいテンプレートを選択します。はい、適当にこれで。
テンプレート選択.png
chooseTemplate.png

アプリに名前を付けてあげて「Create App」をクリックします。
createApp.png

 しばし待たれよ状態です。
buildingApp.png

ちょっと前までブラウザ版でアプリを編集できるみたいだったのですが、フォーラムのQAによるとブラウザ版は無くなったようで...Mendixのデスクトップ版をダウンロードしました...

▼公式ページの「Start for free」もしくは「Try Mendix for free」をクリック
https://www.mendix.com/
スクリーンショット 2024-07-02 16.31.16.png

インストーラーがダウンロードできたら、各自Mendixのインストールを行います。
がんばれ自分のPCちゃん...

Studio Proきたよ〜
スクリーンショット 2024-07-01 16.22.28.png

アプリをダブルクリックすると起動してくれるので、もうしばし待ちます。
スクリーンショット 2024-07-01 16.23.50.png

起動できたよ〜
↓の状態になったら。右上の緑色の三角(カーソルを合わせると「Run localy」と表示されるよ)を押すと、ブラウザで表示できるように準備してくれます。(ビルドと言います)
スクリーンショット 2024-07-01 16.44.51.png

ビルドできたよ〜
ビルドが完了したら、右上にある「View App」をクリックすると、アプリがブラウザで確認できます。
今回はテンプレートを選択してアプリを作成したので、すでにある程度ページが出来上がっています。
スクリーンショット 2024-07-01 16.43.41.png

今後はこのサンプルアプリを使って色々説明していこうかと思います。

未来の自分へ:Mendix Proを起動したらMacが悲鳴を上げたので、そろそろ新しいMacを買ってください。何年使っているんですか。

3
2
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
3
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?