Mendixを始めてみました

# 初めに
Mendixというものに触れる機会がありましたので
学習も含めてメモとして残しておきたいと思います。
他の人にも理解できるように、記事を残せればと思います。

# Mendixとは？
開発者向けローコード開発プラットフォーム。
言葉だけ分かってもピンと来ない人が居ると思います。
事実、言葉だけ解っても頭では「？」という感じでした。
何が分からないのかそこを掘り下げてみようと思います。

- ローコードって？
プログラミング言語などの専門知識がなくても
容易にアプリケーション開発が行えるローコード開発プラットフォーム
とのことらしいです。
プログラミング知らなくても開発ができる。

- 開発者に求められる物
現場手動であらゆる課題解決が必要となります。
つまり、よりエンドユーザに寄った知識が必要ということになります。
要するに、このローコード開発というのは、
現場の課題を理解している人向けのものということですね。

# 使ってみないと分からない
とはいえ、筆者は社会人になってから、
現場（開発メイン）のところで働いていました。
ローコード開発というのも、実際にやってみないと分からないと思います。
そこで、ローコード開発の勉強も含めて、
実際にMendixを使ってみることにしました。

# ユーザ登録
まずは、ユーザ登録から行います。
[Mendix Marketplace](https://marketplace.mendix.com/)
右上に「Try for free」とありますので、ここでユーザ登録を行います。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1991436/275b6f28-f5a7-5ad0-a889-d8773f27ca64.png)

:::note warn
注意として、登録する時は、gmailやyahooのメールは
使えないらしいです。
筆者はoutlookのメールアドレスを利用しました。
:::

# 登録完了後
とりあえず、色々見てみましょう。
ここがホーム画面のようです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1991436/cad35e4c-d18b-ef05-acf6-d472bc3fa00a.png)
左上にメニューバーがあります。これをクリックすると、
以下のメニューがでてきます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1991436/639ce4e4-0d42-1bb4-01f8-4caf25f8783e.png)
これらについても、後に見てみようと思います。
とりあえず、一旦、ホーム画面に戻って
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1991436/a53d38c9-8627-e6f0-67a1-ae652069fbcd.png)
右上の「Create App」ボタンを押してください。
次に「Blank Web App」を押してください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1991436/50c04e20-62de-c5ca-721e-6f9f55a47622.png)
次に、「Select This Template」ボタンを押してください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1991436/886b972e-e157-a7aa-6c5b-c77501507498.png)

:::note info
バージョンやリポジトリタイプの選択肢がありますが、
バージョンは、デフォルトで最新のものを、
リポジトリは、GitかSVNが選択できますので、
SVNを選択しました。任意でいいと思います。
:::

次のページでは、アプリケーション名と
アイコンのデザイン、色を設定することができます。
設定しましたら「Create App」ボタンを押してください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1991436/c63524cd-efc4-44d9-697e-dcfa2cf74526.png)

これで、土台が完成しました。
次に、開発マシンにダウンロードしてみます。
右上の「Edit in Studio Pro」をクリックしてください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1991436/81631e2b-ae85-ed62-a8c0-c3411b1a888f.png)

以下のような画面になりました。
まずは、開発環境をインストールする必要がありそうです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1991436/befd0897-f829-7bac-fecf-649c5d998fc5.png)

まずは、これをダウンロードしてみます。
メニュー一覧にある「Get Strudio Pro」からダウンロードしてみます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1991436/504e1d77-72ff-1858-66f5-1d7285241322.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1991436/58544f31-9035-03cc-f374-81ec72039f57.png)
実際にインストールしてみました。
30分くらいかかり、完了後は再起動を求められます。
インストール完了後「Edit in Studio Pro」ボタンを押してください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1991436/81631e2b-ae85-ed62-a8c0-c3411b1a888f.png)
以下の通り、開発ツールを開く手順になりますので開いてみてください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1991436/332db251-aac9-a116-e070-10fea0ac2ac9.png)
どうやら、このバージョンでは開かないようです。
指定のバージョンをダウンロード、インストールしてみたいと思います。
で、正しいバージョンのものをインストールしてきました。開けるでしょうか。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1991436/e77cb46f-816d-0a90-e7f4-c8fd56edae48.png)
画面が開きましたら「ctr + G」でメニューを開きます。
home_webを選択。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1991436/e5bd6e05-6728-4fbe-3ef4-a852a74f17c6.png)
前に作った土台のページを開くことができました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1991436/db5fe122-42c0-d2d7-7ab1-c19a59183ca8.png)
試しに変更を加えてみました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1991436/2acf89bd-948f-2443-943e-8c3edf360a74.png)
改造後、publishを押して無料のライブ環境にデプロイすることができます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1991436/dcd0deb0-0204-aab0-76df-c1e85720a0c3.png)
ViewAppをクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1991436/8e9e9835-85f6-8790-e33e-240158fb79d3.png)
すると、さっき更新したものが表示されることを確認しました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1991436/f6e910f4-1527-752b-8748-d6a91abec52d.png)

# まとめ
Mendixの入り口部分に触れてみました。
特にプログラムコードを書くことも無く、
web画面を作ったり改造したりすることができました。
学習用のページ（英語）もあるので、そこで勉強するのもありかと。

# 最後に
今回は、導入部分でしたが、引き続き、色々と試してみたいと思います。
youTubeとかでも検索すればあるみたいですので、
色々と勉強してみようと思います。
では、今回はここまでにします。ではまた:raised_hand:

# 参考
[Mendix公式ページ](https://www.mendix.com/ja/)