--- title: "モバイルアプリにおける自動リンク検出機能" date: "2019-03-20" categories: - "mobile" - "mobile-development" - "mobiletogether" - "tools" tags: - "app-development" - "mobile-development" - "mobiletogether" - "mobiletogether-server" - "mobiletogether-simulator" description: Altova MobileTogetherの自動リンク検出機能は、モバイルアプリ開発を効率化します。この機能により、URLやメールアドレスを特別なコーディングなしにクリック可能な状態にすることができます。 --- Status: #blog Tags: #app-development #mobile-development #mobiletogether #mobiletogether-server #mobiletogether-simulator Categories: [mobile-development](/blog/ja/category/mobile-development.md) | [low-code+no-code](/blog/ja/category/low-codeno-code.md) # モバイルアプリにおける自動リンク検出機能 モバイルアプリと、世界中の膨大な情報資源であるウェブとの連携により、ユーザーエクスペリエンスがより便利になり、応答性が向上します。特に、対象となるウェブコンテンツが頻繁に更新される場合に、その効果が顕著になります。 Altova社のローコード開発プラットフォーム「MobileTogether」の最新バージョンがリリースされました [クロスプラットフォーム対応のモバイルアプリケーション開発フレームワーク](https://www.altova.com/ja/mobiletogether), この機能は、ラベル内のURLやメールアドレスを自動的に認識し、リンクとして表示します。リンクをクリックまたはタップすると、指定されたウェブサイトのページがブラウザウィンドウで開かれるか、またはデバイスのメールアプリで新規メールの作成画面が新しいウィンドウで開かれます。モバイルアプリ自体は閉じられません。開発者は、特別なコーディングを行う必要はありません。 ![ユーザーがアプリケーションを操作している](/blog/images/shutterstock_160560011-1.jpg) さあ、どのように機能するか見てみましょう。 MobileTogetherにおけるラベルは、テキストを表示するためのレイアウトコントロールです。その長さは、1文字から始まり、詳細な情報を複数行にわたって表示することも可能です。表示内容は、開発者があらかじめ定義した静的なものと、ページ内の要素や計算値に基づいて動的に変化するものがあります。 ラベルの表示形式は、一行に制限することも、テキストの量に応じて自動的に拡張することも可能です。また、開発者は表示できる行数を最大で設定することもでき、これによりアプリのUIデザインにおいて、さらに柔軟な対応が可能になります。 各ラベルには、以下に示すように、「スタイルとプロパティ」ウィンドウで個別に定義された属性が設定されています。 ![スタイルとプロパティのヘルプウィンドウで、自動リンク検出機能を設定します](/blog/images/properties-dialog.png) 「自動リンク検出」のプロパティは、「無効」、または「明示的なリンクのみ」、または「すべてのリンク」のいずれかに設定できます。 各オプションを説明するために、サンプルアプリケーションを作成しました。以下に示されたスクリーンショットは、MobileTogether Designerのシミュレーターウィンドウで動作しているアプリケーションのものです。各行のテキストはそれぞれ独立したラベルであり、3つのグループに分けて配置することで、各自動リンク検出設定を説明しています。 ![MobileTogetherシミュレーターのウィンドウに表示される、自動リンク検出機能](/blog/images/link-detection-1.png) 検出されたリンクには自動的に下線が引かれ、クリックすることができます。 ### 長いテキストブロック内での自動リンク検出 ラベルには、複数のリンクを含む可能性のある、より長いテキストブロックを含めることができます。以下の画像は、すべてのリンクを検出するように設定した場合に、複数のリンクが検出されたラベルの一例を示しています ![長いテキストブロック内で、複数のURLを自動的に検出し、リンクとして認識する機能](/blog/images/link-detection-long-text.png) ### 計算されたテキストにおける自動リンク検出 ラベルに表示するテキストは、XQuery式に基づいて算出することができます。私たちが作成した「Where Am I」というアプリケーションは、その機能を実証するためのものです [外部APIからのデータ連携](https://www.altova.com/blog/integrating-apis-and-mobile-apps/) 以下に、計算結果を表示するいくつかのラベルの例を示します。以下はその一例です ![MobileTogetherにおける、XQuery式を使用したテキストの選択](/blog/images/text-by-xquery.png) この仕組みにより、ユーザーの選択に基づいて、特定の情報をテンプレートのサブページに反映させることができます。以下のスクリーンショットは、Androidデバイス上で動作しているサブページの例です。ユーザーがAPIキーを編集するために、下にある「インストール」または「アップデート」ボタンをクリックすると、サブページがモーダルダイアログとして表示されます。また、すべてのリンクに対して自動リンク検出が有効になっているため、ユーザーはAPIプロバイダーのドキュメントWebページをブラウザウィンドウで開くことができます。 [![Androidスマートフォン上に表示される、計算されたテキスト内の自動リンク検出機能](/blog/images/update-api-key-579x1030.png)](update-api-key.png) ぜひ、自動リンク検出機能を実際に試してみてください [無料でMobileTogether Designerをダウンロードしてください](https://www.altova.com/ja/mobiletogether/download) 最初のクロスプラットフォーム対応モバイルアプリの開発を始めましょう！