1. モバイルアプリ開発機能

OutSystemsでネイティブモバイルアプリを作成する場合、iOSアプリの開発にMacは必要ありません。また、Android向けに開発する場合もJavaやAndroid Studioをインストールする必要はありません。アプリを構成し、キーまたは証明書を追加してボタンをクリックするだけです。必要とされるコンテンツやプラグインすべてを含むAndroid/iOS用ネイティブビルドの作成は、プラットフォームで処理されます。OutSystemsのネイティブアプリはIonic CapacitorやApache Cordovaのフレームワーク上に構築されるため、開発者はアプリの様々なネイティブデバイス機能にシームレスにアクセスできます。操作は、プラグインのGitリポジトリを参照するだけで完了します。

アクセス可能な機能には、ジオロケーション、カメラ、通知、バーコードスキャナ、ビーコンなどがあります。これはOutSystemsの言語がシンプルだからこそ可能になるものです。開発者が使用できるプラグインには3つのタイプがあります。

プラットフォームでサポートされているプラグインはOutSystems Forgeで入手可能であり、OutSystemsの認定と全面的なサポートを受けています。

コミュニティでサポートされているプラグインはOutSystemsコミュニティのメンバーがForgeにアップロードしたものであり、ベストエフォート型のサポートも提供しています。

必要なプラグインがForgeにない場合は、独自のプラグインを作成できます。利用可能な数千種類ものCapacitorプラグインやCordovaプラグインの中から必要なものを選択し、GitHubアドレスを追加して、OutSystems APIでプラグインコードをラッピングするだけです。これで、開発したすべてのOutSystemsアプリで新しいネイティブ機能が利用可能になります。業務上、特殊なプラグインが必要となる場合は、まったく新しいカスタムプラグインを作成することもできます。既存のプラグインの使用とカスタムプラグインの開発の詳細については、以下の記事をご覧ください。

モバイルアプリケーションで利用できる多様なプラグインの詳細

OutSystemsは、オフラインやネットワーク状況が良くない環境でも実行できるアプリケーションの構築に必要なすべてのツールを提供します。パフォーマンスのためにデータとコンテンツをキャッシュに格納するだけのごくシンプルなアプリから、オフライン計算を行い複雑な競合解消を必要とする高度に複雑なアプリまで、あらゆるオフライン要求にすばやく、かつ簡単に対応できます。そのため、以下のような課題を解決することが可能です。

• ローカルにデータを保存するための容量の制限
• デバイスとサーバー間のデータ同期
• データ競合とクライアント側コードの期限切れ
• 機密情報のセキュリティ

OutSystemsプラットフォームで開発したアプリケーションは、アプリケーションのコンテンツをすべて自動的にデバイスに保存して、パフォーマンスの向上とオフラインアクセスを実現します。また、OutSystemsのビジュアル言語は、デバイスに移すデータを管理するうえで必要な機能をすべて備えています。

ローカルにデータを保存するための容量が限られているという問題に対応するため、OutSystemsではデバイスに保存する情報を視覚的に定義できます。つまり、ビジュアル言語のスピードと柔軟性を損なうことなく、どのデータをオフラインに保存するかを完全に管理できるのです。デバイス上のデータは、SQLiteを基盤テクノロジーとして使用してローカルデータベースに保存されます。データストレージの物理的な大きさ以外に保存データ量を制限する要素はなく、アプリを閉じても、デバイスを再起動しても、充電がなくなってもデータは保持されます。

同様に、データ同期もすべてOutSystemsのビジュアル言語で行います。同期プロセス発生のタイミングは管理可能です。業務の仕様がいかに複雑でもそれに見合った同期パターンを柔軟に使用できます。このプロセスはアプリケーション側から随時開始することも、ユーザーのログイン時、アプリケーションの起動時、サーバー接続の復旧時といった特定のインスタンスで自動的に開始することもできます。

上記の図は、OutSystemsを使用して開発した典型的なオフライン対応アプリケーションのランタイムアーキテクチャを示したものです。ネイティブアプリケーションには、接続がなくサーバーからスタンドアロンの状態での実行に必要なリソースがすべて含まれています。接続されている場合、アプリケーションは自動的に最新バージョンのリソースを確認したうえで更新を行います。なお、この処理については制御やカスタマイズも可能です。

競合に対処するために、プラットフォームでは以下のような場合の同期パターンを使用できます。

• サーバーデータベースはマスターデータを保持しています。これは、時間の経過とともに変化する可能性があります。
• ローカルストレージデータベースはマスターデータのサブセットを保持しています。これも変更の可能性があります。
• 同期によって、変更されたデータがローカルストレージからサーバーデータベース、またはその逆方向に送信されます。
• サーバーでデータが更新されます。競合する変更は後で解決できるよう記録されます。

サーバー側のコード（データではない）が変更されたにもかかわらずクライアントが古いバージョンを実行している場合は、同期によって新しいコードや変更されたコードがサーバーから送信され、クライアントが更新されます。

機密情報を保護する必要がある場合は、アプリケーションのデータ暗号化を有効にします。これにより、デバイス上のデータはセキュアな256-bit AES暗号化で保護されます。

バックエンドでは、クライアントがサーバーとデータを送受信できるようREST APIが自動的に生成され、公開されます。認証済みのユーザーのみが同期プロセスを開始でき、すべての接続をSSLで実行するセキュアなAPIであるため、データをセキュアに保つことができます。

OutSystemsは、モバイルプラグインなどのネイティブモバイル機能をデバッグするために、AndroidとiOSの両方に対応するデバッグ機能を提供しています。どちらの場合も、通常はUSBケーブルを介して実際のデバイスへの接続を確立する必要があります。この方法を使用すると、アプリの動作のデバッグやトラブルシューティングをより正確に行えるため、問題を発見、理解、解決しやすくなります。また、カメラやGPS位置情報など、デバイスのハードウェアやセンサーを積極的に操作、活用することができます。

OutSystemsで開発されたアプリケーションのデバッグの詳細については、こちらのオンラインヘルプをご覧ください。

OutSystemsには、よりリッチなマルチチャネルのユーザーエクスペリエンスの実現に役立つウィジェットが用意されています。これらを活用することで、ユーザーはアプリへのデータ入力効率を高めることができ、開発チームはビジネス機能に注力することができます。こうしたウィジェットには、以下のような特長があります。

• HTML規格とCSS規格に準拠しています。これは、アクセシビリティへの準拠やカスタマイズ要件の面で大きなメリットとなります。
• クライアント側の優れたJavaScriptインタラクションにより、ユーザーを引きつけるインタラクションや、必要に応じたカスタム動作の拡張が可能になります。
• ビジュアル開発環境で簡単に使用することができるため、JavaScriptのトラブルシューティングに長い時間をかけずに済みます。
• マルチチャネル対応であるため、複数のデバイスやフォームファクタに適応して動作し、モバイルシナリオでのユーザビリティを格段に向上させます。

このフレームワークには、モバイルアプリに特化したテーマが組み込まれています。デザイントークンを使用してカスタマイズプロセスを効率化し、インターフェイス全体での一貫性を確保します。

高度なカスタマイズが可能で汎用性の高いLayoutウィジェットも用意されています。複数の基本レイアウト構成の中から選択し、アプリケーションでの必要性に応じてトップバー、ボトムバー、サイドメニューなどの要素を簡単に追加することができます。

開発を高速化できるよう、すぐに使用可能な一連の共通画面（Login、Forgot Password、Profileなど）が用意されているので、初めてのアプリケーション作成が格段に容易になります。

何より大切なのが、このテーマとレイアウトのシステムがモバイルアプリケーションとタブレットアプリケーションの両方で動作する設計になっているという点です。どのコンポーネントパターンも互換性があり、一貫したビジュアルスタイルを自動的に適用します。

このフレームワークには、ボタングループ、トグルボタン、ドロップダウン、ボトムシート、カルーセルといった最新のコントロールやパターンを多数備えたビルド済みウィジェットが含まれています。これにより、アプリケーションのユーザーインターフェイス構築をすばやく簡単に行えるようになります。

先進的なレイアウトでのコンテンツ構築から、高度なコントロール、データを視覚化する要素、新しいナビゲーション機能に至るまで、アプリケーションに必要となるパターンが標準でほぼ網羅されています。また、レスポンシブな動作やモバイルファーストのエクスペリエンスの設計に適した専用のパターンもあります。

特定のユースケースにOutSystems UIフレームワークを使用する場合、画面テンプレートを使用するとエンタープライズアプリケーションの開発を高速化できます。画面テンプレートには、ビルトインロジック、スタイル、サンプルデータを備えた完全に機能する画面が用意されています。また、一般的なエンタープライズシナリオを網羅しており、一流アプリケーションの分析により得られたUX/UIのベストプラクティスが組み込まれています。

オンボーディングフローから、ディレクトリ、製品詳細ページ、リストやギャラリーを備えたプロフィール画面、買い物かごまで、どのテンプレートも企業のブランドガイドラインに合わせて完全に編集・カスタマイズできます。更新するウィジェットにエンティティをドラッグ&ドロップするだけで、独自のデータも簡単に接続可能です。

OutSystems UIのテーマ、レイアウト、パターンはすべてレスポンシブです。表示すべき内容の決定をブラウザやデバイスに委ねるのではなく、「RESS（サーバー側コンポーネントによるレスポンシブWebデザイン）」と呼ばれるサーバー側アプローチを採用しています。サーバーが各デバイス向けにコンテンツを計算・最適化したうえで送信するため、フィット感とパフォーマンスの両方が向上します。

このアプローチには、クライアント側でレスポンシブにする場合と比べて以下のようなメリットがあります。

• 使用中のデバイスをサーバーが認識しているため、必要とされる情報のみをブラウザに送信できる。
• CSSメディアクエリを管理する必要がないため、デバイス固有のスタイルがわかりやすくなる。
• 様々なデバイスに対応するにあたり、サーバーで多様な戦略を用いることができる。

レスポンシブパターンでは、CSSやJavaScriptを一切記述することなく、各デバイスタイプでインターフェイスをどう表示すべきかを定義できます。ビジュアルAPIも用意されているため、デバイスに応じてサーバーロジックを実行することもできます。たとえば、アプリがタブレット端末やデスクトップPC上で実行されている場合には特定のデータのみを抽出し、スマホ上で実行されている場合には最適化された画像を提供するといった形です。