--- title: "Altova MobileTogetherによるクロスプラットフォーム対応モバイルアプリケーション開発" date: "2014-10-22" categories: - "applications" - "development" - "mobile" tags: - "mobile" - "mobile-development" - "mobiletogether" description: Altova MobileTogetherが、効率的なクロスプラットフォームでのモバイル開発を可能にする方法についてご紹介します。このツールを使用することで、開発者は様々なデバイスに対応したネイティブアプリケーションを、シームレスに開発・展開することができます。 --- Status: #blog Tags: #mobile #mobile-development #mobiletogether Categories: [low-code+no-code](/blog/ja/category/low-codeno-code.md) | [mobile-development](/blog/ja/category/mobile-development.md) # Altova MobileTogetherによるクロスプラットフォーム対応モバイルアプリケーション開発 ソフトウェアエンジニアは、長年、一度開発したアプリケーションを複数のプラットフォームで動作させたいと考えてきました。そして、今日のモバイルデバイスの急速な進化により、この問題はさらに深刻になっています。なぜなら、iOS、Android、Windows Phone、そしてSurfaceタブレットといった様々なプラットフォームが、開発者のリソースを奪い合っているからです。 企業ユーザー向けのアプリケーションを開発する場合、各デバイスに対して順番に開発を進めたり、機能に差をつけたりすると、重要な一部の同僚を疎外し、不満を抱かせるリスクがあります。 Altova MobileTogetherを使用すると、一度開発したモバイルソリューションを、iOS (iPhone、iPad)、Android (スマートフォン、タブレット)、Windows Phone、Surfaceタブレット、さらにはノートパソコンやデスクトップコンピュータなど、企業内のあらゆるモバイルデバイスで、数秒で展開することができます。これにより、異なるプラットフォームに対応したモバイルソリューションを、一度の開発で実現できます。 これらは、単なる汎用的なHTMLベースのウェブページではなく、モバイルデバイスの機能を最大限に活用した、真のネイティブモバイルソリューションです。ユーザーが既に慣れ親しんでいる豊富なインターフェース機能を活用し、データベース、XMLファイルから重要なデータを取得したり、リモートサーバーにHTTPリクエストを送信し、その応答を必要に応じてフィルタリングおよび整形して提供します。 ![MobileTogetherを使用して作成された、モバイル販売レポートアプリケーション](https://lh6.ggpht.com/-_rJBbkEBjfE/VElpJ1BN5mI/AAAAAAAAB3M/aUkOnsTbXlU/Screenshot_2014-08-28-16-02-56%25255B3%25255D.png?imgmax=800 "A mobile sales report application created with MobileTogether") MobileTogether Designerは、ドラッグ＆ドロップ機能を利用して、高品質なビジネスインテリジェンスダッシュボード、インタラクティブなレポート、企業向けフォーム、およびその他のモバイルアプリケーションを簡単に作成できる開発ツールです。 ユーザーは、さまざまなコントロールをワークスペースにドラッグし、データ構造とアクションを割り当てることで、クロスプラットフォームのソリューションを構築できます。 MobileTogether Designerのメインウィンドウ上部にあるツールバーには、デザインおよびシミュレーション段階で割り当てられたプレビューデバイスを選択するための項目が含まれています。また、プレビューの表示形式として、縦向きまたは横向きを選択でき、さらにズーム倍率も調整できます。 ![MobileTogetherにおけるプレビューデバイス選択のためのドロップダウンメニュー](https://lh5.ggpht.com/-7uRJILkrG5s/VEfDcrhDVjI/AAAAAAAAB2c/ddNSKPmbuz0/clip_image0033.png?imgmax=800 "Drop down menu for preview device selection in MobileTogether") 様々なモバイルデバイスの画面は、ピクセル数などが異なりますが、デザイン時にはそれについて心配する必要はありません。例えば、テーブルの列幅を設定する場合、プロパティウィンドウで常にパーセントで指定し、そのパーセント値がすべてのデバイスに適用されます。 ![MobileTogether プロパティウィンドウ。列の幅を設定するための表示](https://lh5.ggpht.com/-jHT90roq9J8/VEfDdJxtH3I/AAAAAAAAB2g/M5_Po8UM6X8/clip_image0043.png?imgmax=800 "MobileTogether Properties Window showing column width setting") 設計段階のどの時点でも、プロジェクトの検証やシミュレーションを実行できます。組み込みのシミュレーターは、選択したプレビューデバイスに基づいて、モバイルソリューションを視覚的に表現して実行します。以下に、iPhone 6 の画面の一部の例を示します ![モバイルアプリを、iPhoneの画面を模倣したプレビュー環境で実行しています](https://lh3.ggpht.com/-YGNuxER8nFE/VEfDdWbmJ9I/AAAAAAAAB2o/KlaEaagV8QY/clip_image0053.png?imgmax=800 "Mobile app executing with a simulated iPhone preview") 解決策が別のデバイスでどのように表示されるかを確認するには、プレビューの設定を変更するだけです。以下に、同じ解決策をSamsung Galaxy Sで表示した例を示します ![モバイルアプリを、シミュレーションされたSamsung Galaxyの画面上で動作させて表示します](https://lh6.ggpht.com/-mO-3WJok0tM/VEfDeCvyzGI/AAAAAAAAB20/xUP3ch45Zr8/clip_image0063.png?imgmax=800 "Mobile app executing with a simulated Samsung Galaxy preview") ソリューションのロジックと実装にご満足いただけたら、それを一度だけMobileTogetherサーバーに展開してください。展開すると、すぐにすべての認証されたモバイルユーザーが、それぞれのプラットフォームでそのソリューションを利用できるようになります。Designerは、Android、iOS、Windows Phone 8、Windows 8用のネイティブアプリ、およびWebブラウザに対応するデバイスであればどのコンピューターやデバイスからでもアクセスできるブラウザ版を含む、真にクロスプラットフォームなソリューションを生成します。 以下に、iPhoneとGalaxyで実際に動作しているアプリケーションの2つの画面の様子を、それぞれの端末で撮影したスクリーンショットで示します ![iOSおよびAndroidスマートフォンで撮影された、モバイルアプリのスクリーンショット](https://lh6.ggpht.com/-nB0msHM1QW0/VElpKDQEaSI/AAAAAAAAB3U/fxq9I4Y_xl0/combined%252520full%252520size%25255B3%25255D.png?imgmax=800 "Screenshots of the mobile app captured on iOS and Android phones") この投稿では、MobileTogetherでできることのごく一部しか紹介していません。例えば、特定のデバイスで異なる動作をさせたいという状況も考えられます。 MobileTogetherには、組み込みのグローバル変数があり、これらを使用することで、エンドユーザーのオペレーティングシステム、ディスプレイのピクセル単位でのサイズ、モバイルデバイスが現在縦向きか横向きで使用されているか、といった様々な情報を特定できます。これらの変数を利用して、アプリケーションの画面レイアウトを調整したり、OSに特化したコントロールを追加したり、ワークフローをカスタマイズしたりすることができます。 [**詳細はこちら**](https://www.altova.com/ja/mobiletogether.html) **をご覧ください。Altovaのウェブサイトで、MobileTogetherに関する情報を確認できます** [**動画をご覧ください**](https://www.altova.com/ja/mobiletogether/demos.html) **モバイルソリューションを迅速に構築する方法を解説した動画です。または、こちらをクリックして** [**MobileTogether Designerの無料トライアル版をダウンロード**](https://www.altova.com/ja/download/mobiletogether-designer.html) **して、ぜひお試しください！**