LoginSignup
7
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.

@TsuyoshiK7(Tsuyoshi Kawarasaki)

OutSystems - Reactive Webの現状（2021年 最新版）

Last updated at Posted at 2020-07-01

（2021年12月25日 更新）

「ローコードでReactアプリが開発できる」 OutSystemsの「Reactive Web」ですが、すでにリリースから~~9か月（2020年7月初稿時の記述）~~2年以上経過しました。Reactive Webに関しては、2019年末、日本において以下のような発表を行いました。

OutSystems 新機能紹介： Reactive Web
https://www.slideshare.net/TsuyoshiKawarasaki/outsystems-reactive-web-207036748

上記資料の19・20スライド目で「Reactive Webの制約（当時）」を説明しましたが、**リリースからすでに2年経過し、OutSystems側も新規開発ではReactive Webの利用を推奨している現状があります。**そのような背景も踏まえて、ここであらためて最新情報をアップデートいたします。
以下、項目毎に記載しますが、記載順序はスライドの順番とは異なっています。特に昨年（2020年）の当記事アップデート以降に変更した項目は先頭に配置しています。

1. 多言語対応　

2. Emailデザイン

3. SEO

  • (2019)
    現状、アプリケーションのURL変更は不可。B2Cアプリなど、SEO対策が必要な場合、ScreenやInput Parameterの名称に気を付ける
  • (2020)
    Traditional Webと同等のSEO Rule対応は2020年末を予定しています。
    現状では、スライドに記載のようにScreen・Input Parameterの名称を意識することに加えて、一部のSEO URL設定、およびTraditional Web側定義へのリダイレクトを行うことで、一部の要件に対しては対応可能です。
  • (2021)
    OutSystemsの最新版（Platform Server 11.14.0 以降）にて、標準対応しました。（日本語版ドキュメントは、現在翻訳対応中です）

    SEO in Reactive Web Apps

    https://success.outsystems.com/Documentation/11/Developing_an_Application/Technical_Preview_-_SEO_in_Reactive_Web_Apps

4. 対応ブラウザ

  • (2019)
    IE11はサポート対象外（Edge, Chrome, Firefox and Safariをサポート）
  • (2020)
    Reactive Webは、HTML5, CSS3のフルサポートを念頭においているため、Edge以上が必要という点は変わりません。ただし、現状では、以下ブログ（英文）に記載のForgeコンポーネントが提供されていて、必要に応じてある程度対応は可能と考えられます。

    Medium - 「OutSystems Reactive IE Compatibility」

    https://medium.com/noesis-low-code-solutions/outsystems-reactive-and-ie-compatability-7ed5717170b2

  • (2021)
    上記ブログに記載のForgeコンポーネント（以下のリンク）が完全な解決策というわけではないのですが、Reactive Webを利用し、かつIE11対応がどうしても必要なケースでは、やはり何らかの回避策を検討する必要があります。

    OutSystems Forge - 「Reactive for IE」

    https://www.outsystems.com/forge/component-overview/8324/reactive-for-ie

5. Forgeコンポーネント

  • (2019)
    Forgeコンポーネントに関しては、「Reactive Web」に未対応なものがまだ存在する。

  • (2020)
    Reactive対応のコンポーネントも着実に増えていますが、Traditionalに比べると登録数は少ない状況です（Traditionalの「2094」に対して、Reactiveは「287」）。私は以下のようなサンプルを登録しました。
    OutSystems Forge - 「Editable Table Reactive Sample」
    https://www.outsystems.com/forge/component-overview/8659/editable-table-reactive-sample

  • (2021)
    Traditionalに比べるとまだ登録数は少ない状況ですが（現時点では、Traditionalの「1836」に対して、Reactiveは「975」）、OutSystems側も**「新規開発ではReactive Webの利用を推奨」**しており、標準サポートのForgeコンポーネント（Data Grid Reactive など）はReactive対応が確実に進んでいます。2021年、私は以下のようなサンプルを登録しました。
    OutSystems Forge - 「Highcharts Sample Reactive」
    https://www.outsystems.com/forge/component-overview/11479/highcharts-sample-reactive

6. ローカルストレージ

  • (2019)
    現状、ローカルストレージは未対応。オフライン処理が必要なモバイルアプリに関しては、従来のモバイルアプリとして開発。
  • (2020)
    現状でも同様です。但し、Reactive Webの「Client Variable」を利用することで、一部の基本データ型はクライアント側で値を保持できます。また、EAP (Early Access Program)として提供中の「PWA」アプリでは、ローカルストレージの利用が可能です。しかし、PWAに関しては、当面はモバイルアプリのみの対応となります。
  • (2021)
    PWAはすでに標準機能としてリリースされています。PWAはMobile向けの機能という点も同様です。但し、実際のところはPWAで開発したアプリは、デスクトップ用OS（Webブラウザ）から利用することも可能であり、その場合、ローカルストレージの利用も可能です。

    プログレッシブWebアプリ（PWA）として配布

    https://success.outsystems.com/ja-jp/Documentation/11/Delivering_Mobile_Apps/Distribute_as_a_progressive_web_app

7. ワークフロー（BPT）

  • (2019)
    現状、標準のワークフロー連携機能無し。連携するためには、APIを利用した定義が必要。
  • (2020)
    OutSystems Platform Version 11.8.0 以降、Reactive Webで開発した画面をワークフロー（BPT）のHuman Activityで利用可能となりました。Reactive Webで開発したワークフローのサンプルをForgeに登録しましたので、興味のある方はご参照ください（以下のサンプルを動かすためには、OutSystems Platformのバージョン 11.8.0 以上が必要です）。

    OutSystems Forge - 「Workflow Sample Reactive」

    https://www.outsystems.com/forge/component-overview/8857/workflow-sample-reactive

8. アプリケーション間のSSO

9. SSL（HTTPS） 通信が必須

  • (2019)
    HTTP/2プロトコルに対応し、より高速な通信が可能となった。結果として、HTTPS経由の通信が必須となり、HTTP経由の通信はサポートされない。
  • (2020)
    こちらはReactive Webの仕様上、その通りとなります。

10. JavaScriptを使用したDOMの操作は行わない

  • (2019)
    Reactの処理と干渉して、パフォーマンス上の問題となりうる。その意味で、jQueryは使用しないこと。
  • (2020)
    こちらも、その通りとなります。

その他・まとめ

注意事項：
上記文章に記載のリリース予定時期や機能内容は、2022年12月25日時点の情報に基づいています。
記載内容は、将来予告なく変更される可能性もございます。その点につきましては予めご了承ください。
7
5
2

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
Sign upLogin
7
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?