3
5

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.

ローコードプラットフォームのoutsystemsで3時間でスマホアプリが動くまで

Last updated at Posted at 2020-06-22

##はじめに

とある勉強会で、outsystemsという最近流行りのローコードプラットフォームの概要を教えて頂いたので、個人で無期限で無料ということもあり、ちょっと使ってみることにしました。

  • ちなみに、windowsです

outsystemsとは

  • アプリケーションをGUIベースで作成できるローコードプラットフォーム
  • 個人の場合は無料版がある
  • outsystemsはポルトガルの会社らしい

TL;DR

  • outsystemsでメモアプリを作る
  • アカウント作成して、スマホアプリをデプロイし、ブラウザと自分のスマホ(アプリイインストール)にいれて、動作確認する

アカウント作成&環境インストール

  • bluememe社に詳しいアカウント作成方法がありますので、基本的にこれに従います
  • 開発環境のexeも途中でダウンロードされるので、普通にインストールします
    • 今後の作業はこの環境で行い、オンラインで環境に接続して行います

アプリの作成

  • インストールされた開発環境に従い、アプリの種類を選んでいきます

図1.png
(https://success.outsystems.com/Documentation/ja-jp/11/Getting_Started/Create_Your_First_Mobile_App)

図2.png

図3.png

図4.png

図5.png

基本的な構成

  • 今どきで、画面の構成やみやすさは何の問題もありません。
  • Process,Interface,Logic,Dataの4つの構造があります。

図6.png

  • 基本的には、チュートリアルに従って作りました

ログインユーザの登録

  • デフォルトでは、まずログイン画面が表示され、ログインをしないと、↑で作ったアプリにたどり着けないので、ユーザを作成します。
  • これは、outsystemsのWeb上から操作します

図7.png

図8.png

図9.png

作ったアプリをWebでの確認

  • 作ったアプリをデプロイして、エミュレータで確認できます。
    • デプロイをして、ボタンをクリックするだけでブラウザ上で確認できます。

図10.png
図11.png

作ったアプリを実機のスマホで確認

  • なんとボタンひとつで、スマホアプリのapkファイルやiosのアプリを作成できます。
    • 作成が終わると、リンクが表示されるので、これに従ってインストールをします。
      図12.png
      図13.png

outsystemsのスマホアプリで試験

  • ↑は完全に配布用のスマホアプリですが、outsystemsのアプリを経由してアクセスすることもできます。
    • ios/androidの両方が準備されているので、こちらを利用するのもよいでしょう

その他

  • ここまでかかった時間が約3時間。すごいね!!
3
5
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
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?