---
title: "モバイルアプリ内でURLやドキュメントを開く方法"
date: "2016-12-20"
categories: 
  - "development"
  - "mobile"
  - "software"
tags: 
  - "cross-platform-mobile-apps"
  - "mobile-development"
  - "mobiletogether"
  - "software-tools"
description: MobileTogetherにおける「Open URL/File」アクションの使い方について学び、この機能を使って、クロスプラットフォームのモバイルアプリ内で、ユーザーがウェブページやローカルファイルを閲覧できるようにする方法を理解しましょう。
---
Status: #blog

Tags:  #cross-platform-mobile-apps #mobile-development #mobiletogether #software-tools

Categories: [development](/blog/ja/category/development.md) | [mobile-development](/blog/ja/category/mobile-development.md) | [low-code+no-code](/blog/ja/category/low-codeno-code.md)
# モバイルアプリ内でURLやドキュメントを開く方法

企業向けのMobileTogetherアプリケーションは、以下の機能を提供できます [既存のバックエンドデータベースに接続します](https://www.altova.com/ja/mobiletogether/sources.html) そして、高度にフォーマットされたドキュメントやフォームを生成することができます。また、MobileTogetherは、モバイルアプリ内でURLやドキュメントを開くことで、既存のリソースへのアクセスポイントを作成することも可能です。

![モバイルアプリ内でURLやドキュメントを開く方法](/blog/images/openingURLs.png)

「Open URL/File」機能を使用すると、MobileTogetherの開発者は、クライアントデバイスに保存されているウェブページやPDFファイル、画像ファイル、テキストファイルなどのファイルを、エンドユーザーが直接開けるようにすることができます。

<!--more-->

「URL/ファイルを開く」という操作は、ボタンやその他のコントロールに割り当てたり、操作グループ内のステップとして使用したりすることができます。URLは、直接指定するか、XPath式を使って指定することができます。ファイル名もアプリケーションによって指定することも、ユーザーがファイルを選択することも可能です。

ローカルファイルを開くことは、ユーザーが「印刷」機能を使って作成されたPDFファイルやその他のドキュメントを確認する上で非常に役立ちます。

ここで強調しておきたいのは、私たちが議論しているのは、モバイルアプリの開発者がWebサービス、HTML、構造化データファイルをデータソースとして利用するためのMobileTogether Designerのツールとは完全に独立して、エンドユーザーにURLやファイルの内容をインタラクティブに表示する機能についてです。

以下に、AndroidとiPhoneで動作する、簡単なURL/ファイルを開くアプリケーションのスクリーンショットを示します

![モバイルアプリケーション内でURLやドキュメントを開くための、プラットフォームを跨いだサンプルコード](/blog/images/Dual-app-view.png)

iPhoneの画面には、ユーザーがAltovaのウェブサイトでホストされているMobileTogetherのオンラインヘルプファイルを、ドロップダウンメニューから選択できるインターフェースが表示されています。「オンラインヘルプを表示」ボタンをクリックすると、指定されたURLが読み込まれます。このURLは、ドロップダウンメニューで選択された内容に基づいて、永続的なデータツリー内の特定のノードに保存されます

![クロスプラットフォームのモバイルアプリ内で、URLを開くための簡単な操作](/blog/images/Open-URL-Action.png)

ユーザーは「ヘルプを表示」ボタンをクリックすると、モバイルデバイスのウェブブラウザで、選択されたメニュー項目に対応するURLが開きます。以下は、iPhone版での表示例です

![モバイルアプリからURLを開く際の、iPhone画面の様子](/blog/images/iOS-URL-view.png)

画像の上部左側に表示されているナビゲーションの矢印にご注意ください。当社のMobileTogetherアプリは現在も稼働しており、ユーザーの再接続を待機しています。

このアプリの2つ目のボタンは、ユーザーがローカルファイルを選択して開くことを可能にします。このボタンに対応する「ファイルを開く」という操作では、開発者は利用可能なファイルのリストを指定し、エラー処理のオプションを設定することができます。

![クロスプラットフォームのモバイルアプリにおける「ファイルを開く」機能の定義](/blog/images/Open-File-Action.png)

<User chosen file> の右にあるボタンをクリックすると、ダイアログが表示され、開発者は特定のファイル名を指定できます。例えば、以前に保存したファイルをレビューする場合などに使用できます。また、許可するファイル拡張子のリストをオプションで指定することも可能です。当社のアプリケーションでは、MobileTogetherに組み込まれている `mt-external-error-text()` 関数を使用して、基本的なエラー処理を実装し、適切なエラーメッセージを自動的に表示するようにしています。

以下は、Androidスマートフォンでユーザーファイルを選択する際の画面です

![Androidスマートフォンでローカルファイルを開く](/blog/images/Android-Open-File.png)

MobileTogether Designerで作成された単一のアプリケーションは、Android、iOS、Windows 8およびWindows 10のデスクトップ版、Windows Phone、さらにはブラウザベースのクライアントなど、複数のモバイルプラットフォームでネイティブに動作します。ただし、開発者は、各オペレーティングシステムの機能や、ユーザーが特定のファイルタイプを処理するために使用している外部アプリケーションによって、エンドユーザーの体験が異なる可能性があることに注意する必要があります。

例えば、ローカルファイルを開くボタンをクリックすると、Windows 10クライアントで以下のような画面が表示されます

![Windows 10 アプリケーションで、ファイル選択用のユーザーインターフェースを表示する](/blog/images/Win-10-File-Open-half-size.png)

開発者は、特定のモバイルクライアントOSに対して、極端な状況や特殊な状況が発生した場合に、アプリの動作を細かく定義することも可能です。

クロスプラットフォーム対応のモバイルアプリケーションを、ファイルやURLへのアクセス機能を標準搭載した状態で、簡単に作成できます。MobileTogether Designerは、そのためのツールです [無料でダウンロードできます](https://www.altova.com/ja/download/mobiletogether-designer.html) そして、使用方法です。