--- title: "モバイルアプリで効果音を使ってユーザーに情報を提供する" date: "2018-04-03" categories: - "development" - "mobile" - "software" - "tools" tags: - "cross-platform-mobile-apps" - "mobile-development" - "software-tools" - "sound-effects" description: モバイルアプリにおけるユーザーエクスペリエンスを、サウンドエフェクトを活用して向上させる方法をご紹介します。MobileTogetherを使用し、様々なプラットフォームで、操作に対する音声フィードバックを統合する方法を学びましょう。 --- Status: #blog Tags: #cross-platform-mobile-apps #mobile-development #software-tools #sound-effects Categories: [low-code+no-code](/blog/ja/category/low-codeno-code.md) | [mobile-development](/blog/ja/category/mobile-development.md) # モバイルアプリで効果音を使ってユーザーに情報を提供する モバイルアプリにおける効果音は、機能性を強化し、アプリの使用感を向上させることができます。MobileTogetherは、モバイル開発者が、あらゆるモバイルプラットフォーム上で、ユーザーインターフェースの操作に標準的な効果音を簡単に追加できるツールです。例えば、ファイル転送やデータベース処理の成功または失敗を示す効果音を追加したり、ボタンが押されたことをユーザーに知らせるためのクリック音を追加したりすることができます。 ![](/blog/images/MT_blog_built_in_sounds4.jpg) MobileTogetherの「アクション」ダイアログには、「オーディオ」アクションが含まれており、16種類の異なるサウンドにアクセスでき、すぐに再生することができます [![モバイルアプリにおけるMobileTogetherサウンドエフェクト](/blog/images/mobiletogether-sound-effects.png)](mobiletogether-sound-effects.png) 私たちは、各プラットフォームで様々な音を試せるように、16個のボタンを備えたシンプルな操作パネルを持つアプリケーションを開発しました [![モバイルアプリ向けのサウンドエフェクト用サウンドサンプラーのデモ版](/blog/images/mobile-together-built-in-sounds.png)](mobile-together-built-in-sounds.png) iOS搭載のスマートフォン、Android搭載のタブレット、Windowsアプリケーション、さらにはWebブラウザのウィンドウでこのアプリを実行した場合でも、すべてのプラットフォームでサウンドは一貫して再生されます。 画面下部にあるスイッチは、ユーザーの好みに応じて効果音を有効または無効にするためのものです。図書館や電車の静かな車両内など、静かな場所では、モバイルアプリの効果音は好まれない場合があります。また、常に何人かのユーザーが、静かに操作することを好むということも考慮する必要があります。 ちなみに、アプリが起動される際、再生される音量はお客様が使用しているデバイスの音量設定によって決定されます。 弊社のデモアプリにおけるボタンの動作は、それぞれのサウンドを再生するように設定されています。テーブル全体の表示/非表示の状態に応じて、ボタンが表示され、操作可能になるように、表示プロパティを設定しました。テーブルが表示されていない場合はボタンをクリックできないため、ボタン自体に対して有効/無効の設定を行う必要はありませんでした。 ![サウンドエフェクトを無効にしたデモアプリ](/blog/images/mobiletogether-sound-off.png) ### アクショングループにサウンドを追加する 通常、音声機能は他の機能と組み合わせて使用することが考えられます。例えば、MobileTogetherの新規患者向けサンプルアプリは、標準化された形式でデータを収集する方法を示しています。ユーザーがデータを入力すると、そのフォームを印刷したり、メールで送信したりすることができます。 このアプリケーションでは、プリンターのエラーを示すための効果音を追加することを検討しています。このアプリケーションには、すでに「PrintTo」というアクショングループがあり、ドキュメントの印刷処理を行い、様々なエラーに対応するための機能が備わっています。4種類の異なるエラーが発生した場合、別の「PrintToError」というアクショングループが呼び出されます。元のバージョンでは、この「PrintToError」アクショングループは単にメッセージボックスを表示するだけでした。以下に、効果音を追加するための修正内容を示します [![モバイルアプリにおける、特定の操作に合わせて再生される効果音](/blog/images/PrintToErrorSound.png)](PrintToErrorSound.png) 新しい患者向けアプリには、各ページの最上部に操作ボタンが配置されています。ユーザーが効果音をオンまたはオフに設定できるように、新しいボタンを追加するのは簡単です [![モバイルアプリにおけるサウンドエフェクトのユーザーコントロール機能](/blog/images/Sound-control-button.png)](Sound-control-button.png) アプリケーションは、XPath式を評価することで、再生する音の種類を特定することも可能です。以下のスクリーンショットでは、XPath式は「anySound」というデータ要素であり、この要素には、内蔵されている16種類の音のいずれかの名前と一致する文字列が含まれることができます。 [![モバイルアプリで使用する効果音は、XPath式を使って選択することができます](/blog/images/sound-effect-by-xpath.png)](sound-effect-by-xpath.png) 16種類以上の音が必要な場合は、独自の音声ファイルをアップロードし、アプリ内で再生することができます。各モバイルクライアントプラットフォームにおけるカスタム音声ファイルの取り扱いについては、統合されたMobileTogetherヘルプをご参照ください。 モバイルアプリで、クロスプラットフォームに対応した独自のサウンドエフェクトを作成することができます [無料で利用できるMobileTogether Designerをダウンロードしてください](https://www.altova.com/ja/download/mobiletogether.html), これには、組み込みのヘルプ機能、チュートリアル、そして多くのサンプルアプリケーションが付属しています。