--- title: "洗練されたモバイルアプリを開発し、最終利用者に最高の体験を提供しましょう" date: "2017-01-19" categories: - "development" - "mobile" tags: - "cross-platform-mobile-apps" - "mobile-dashboard" - "mobile-development" - "mobiletogether" description: Altova MobileTogetherが、開発者が企業ニーズに対応しつつ、BYOD（Bring Your Own Device：従業員が私物のデバイスを使用する）ポリシーを効果的にサポートする、洗練されたクロスプラットフォームのモバイルアプリケーションを開発できるようにする仕組みについて、詳しくご紹介します。 --- Status: #blog Tags: #cross-platform-mobile-apps #mobile-dashboard #mobile-development #mobiletogether Categories: [development](/blog/ja/category/development.md) | [mobile-development](/blog/ja/category/mobile-development.md) # 洗練されたモバイルアプリを開発し、最終利用者に最高の体験を提供しましょう スマートフォンやタブレットが普及し、優れたアプリケーションの登場により、モバイルデバイスの性能に対して高い要求を持つユーザーが増加しています。これは、企業にとって、モバイル環境でのサービス提供において課題となる可能性があります [モバイルアプリケーションを開発する](https://www.altova.com/ja/mobiletogether.html) 社内のビジネス目標を支援するために。 開発作業を複雑にしている要因の一つとして、多くの企業がBYOD（Bring Your Own Device：従業員が自身のデバイスを使用する）というポリシーを採用しています。これにより、従業員はデバイスの選択の自由と柔軟性を得られる一方で、企業はモバイルデバイスの調達に関する問題を軽減できます。しかし、BYODの導入は、開発者にとって大きな課題となります。なぜなら、開発者は現在、複数のモバイルオペレーティングシステムや画面サイズに対応したアプリケーションを開発する必要があるからです。 この環境で働く企業向け開発者は、新しいモバイルアプリを迅速に提供したり、既存のアプリをアップデートしたりするためのツールを必要としています。Altova MobileTogetherがそのツールです。MobileTogetherを使用することで、開発者はアプリの設計、テスト、そしてリリースを一度で行い、あらゆるモバイルデバイスで動作するバージョンを、プラットフォームを問わずユーザーを魅了するインターフェース機能とともに提供できます。 ![](/blog/images/shutterstock_130139699.jpg) さらに、MobileTogetherを使用すると、既存のバックエンドシステムや主要なリレーショナルデータベースと連携する、高度なアプリケーションを簡単に構築できます。MobileTogetherのフレームワークには、モバイルアプリケーションのバックエンドサーバーが含まれているため、開発者はフロントエンドのアプリケーションとバックエンドサーバーのロジックを同時に、そして同じ環境で開発できます。 一般的な企業における要件として、経営幹部向けのリアルタイムの売上レポートを表示するモバイルアプリケーションが挙げられます。製造企業の場合、このアプリケーションは、複数の製品や地域における日次および月次の売上データを組み合わせる必要があり、ユーザーが製品や地域ごとに詳細を表示したり、売上高を数量または金額で確認できる機能が必要となる場合があります。 以下に、MobileTogetherを使用して開発されたモバイルレポートアプリの例を示します。これは、企業のCEOが所有している可能性のあるAndroidスマートフォンで動作しています ![販売レポート モバイルアプリ - Android版](/blog/images/Screenshot_20170106-114408.png) 一番上の行にある左と右のボタンは、それぞれ「地域別レポート」に切り替えたり、販売数量ではなくドル表示に切り替えたりする機能を持っています。二番目の行にあるコントロールを使用すると、別の月のレポートを選択したり、ドロップダウンメニューから特定の地域のレポートを選択したりすることができます ![メニュー機能付きモバイルアプリ - Android版](/blog/images/Screenshot_20170106-114707.png) 当社が想定する、5つの製品、4つの地域、レポートごとに単位またはドル表示、そして縦向きと横向きの両方の表示に対応した架空の企業を想定した場合、モバイル販売レポートアプリは、1ヶ月あたり合計44種類の異なるレポートを生成します。データテーブル内の数値は、企業の販売データベースからリアルタイムで取得され、積み上げ棒グラフはその場で生成されます。モバイルアプリの開発者は、地域別のレポートにおいて、以下に示すように、iPhoneで表示されるグラフの色をそれぞれ異なるものに設定しています（これは営業本部長所有のiPhoneで表示されたものです） ![販売レポート モバイルアプリ - iPhone版](/blog/images/IMG_4873a.png) すべてのプラットフォームにおいて、中央にあるデータテーブルは、ユーザーが垂直方向にスクロールして閲覧できます。 画面上部にあるグラフと、テーブルの下にある「合計」の行は常に表示され、ユーザーは任意の日のデータを簡単に確認できます。 画面右下にある「Abc」コントロールを使用すると、ユーザーはあらゆるデバイスでテキストのサイズを自由に調整できます。ユーザーが選択した設定は、永続的なデータとして保存され、アプリを次回起動する際に自動的に復元されます。 ちなみに、ユーザーがスマートフォンを縦向きで使用すると、グラフとデータテーブルは自動的に画面全体に収まるようにサイズが調整されます。 **対応プラットフォーム** ![MobileTogetherがサポートするプラットフォーム](/blog/images/platforms.png) MobileTogether Designerで作成された一つのデザインであれば、どのプラットフォームにも展開することができます - Android - iOS - Windows 8、Windows 10 - Windows Phone 8 - HTML5ベースのブラウザクライアント つまり、多忙な経営者がオフィスに戻り、デスクトップコンピュータを使用している場合でも、同じ販売レポートがWindows 10のアプリケーションとして利用できるということです ![販売レポートモバイルアプリ - Windows 10版](/blog/images/W10-version.png) このアプリの売上データを表現するために、開発者は積み上げ棒グラフを選択しました。他の種類のデータには、他の種類のグラフや表示方法がより適しています。そのため、MobileTogetherは、円グラフ、折れ線グラフ、面積グラフ、メーターグラフ、ローソク足グラフなど、さまざまな種類のグラフをサポートしており、その多くが2次元および3次元で表示可能です。開発者は、背景画像やグラフのオーバーレイを指定することで、表示するデータに合わせた、高度にカスタマイズされた画像を作成することもできます。 MobileTogetherの様々なグラフの種類を一つのアプリに組み合わせることで、開発者は完全なグラフィカルな販売状況ダッシュボードを構築することも可能です ![MobileTogether エグゼクティブセールスダッシュボード モバイルアプリ - iPad版](/blog/images/IMG_0545a.png) ダッシュボードアプリ内の各グラフは、より詳細な情報を提供するサブページにリンクすることができます。例えば、弊社のシンプルな売上レポートアプリでは、上記のモバイルダッシュボードアプリに表示される3D棒グラフや円グラフに対して、詳細な情報を追加しています。 洗練されたデータレポートやダッシュボードは、単一のデザインから構築できるモバイルアプリの一例です。MobileTogetherは、高度な制御フローとビジネスロジック処理機能を備えており、GPS、カメラ、画像、動画、音声、テキストメッセージなど、モバイルデバイスの様々な機能にアクセスできます。 クロスプラットフォーム対応のエンタープライズ向けモバイルアプリケーションの開発を今すぐ始めましょう！MobileTogether Designerは、[無料でダウンロードおよび利用](https://www.altova.com/ja/download/mobiletogether-designer.html)できます。