Platform Academy - 入力フォーム画面でのモバイルクライアントスクリプティング

[ddeboskey]

ServiceNow上でクライアントスクリプトを使ってモバイルフォームを強化する

ServiceNowで長くて繰り返しの多いモバイルフォームに記入したことがある方なら、それがどれほど煩わしいものかご存知でしょう。入力中にフォームが賢く、値を自動入力したり、自身で検証したり、さらにはプラットフォームからデータを取得できたら素晴らしいと思いませんか？

それこそがモバイルクライアントスクリプトで可能になることです。このPlatform Academyセッションでは、TalとSanaが、始めるために知っておくべきことすべてを説明します。

🎥 動画: https://www.youtube.com/watch?v=pkQLn7LHDpo

モバイルクライアントスクリプトを使う理由

Xanaduリリース以前は、モバイル入力フォームには動的な動作がありませんでした。あるフィールドで値を選択しても、他のフィールドには影響しませんでした。長いフォームでは、これは多くの手作業を意味しました。そこで登場するのがモバイルクライアントスクリプトです。これにより、次のことが可能になります。

• ユーザーの選択に基づいて入力フィールドを自動入力する
• 送信前にエラーメッセージまたは情報メッセージを表示する
• Mobile Callable Script Includesを使用して、プラットフォームから動的にデータを取得する

MForm APIについて

Web開発でg_formをご存知の方なら、MFormを気に入るでしょう。これには、getValue、setValue、addInfoMessageなどのメソッドがあります。これは、モバイルアプリで動的なフィールド動作を実現するためのツールキットです。

スクリプトインクルードによる動的なデータ

アサインメントグループのマネージャーのような関連データを取得する必要がありますか？そのような場合にMobile Callable Script Includesが役立ちます。これらはMobileScriptIncludeCaller APIを使用してクライアントスクリプトから呼び出すことができます。ただし、以下の点を確認してください。

• スクリプトインクルードが_Mobile Callable_としてマークされていること
• AbstractMobileCallableIncludeを継承していること
• 効率的に値を返すこと

実世界のユースケース：インシデントの自動アサイン

デモでは、Talが、選択されたアサインメントグループのマネージャーに基づいて「Assigned To」フィールドが自動的に入力される例を説明します。まずシンプルなハードコードされたスクリプトから始め、その後、マネージャーを動的に取得するスクリプトインクルードを呼び出すことでこれを強化します。

マネージャーが見つからない場合はエラーメッセージを追加し、スクリプトが実行中であることをユーザーに知らせるためにシマーエフェクトを使用します。

プロのヒントと注意点

• モバイルクライアントスクリプトは**「onChange」**トリガーのみをサポートしています
• UIルールごとに1つのクライアントスクリプト
• デフォルトの関数シグネチャは変更しないでください
• 動作しない場合は、常にタイプミスがないか確認してください
• スクリプトは効率的である必要があります。特にモバイルでは重要です。

まとめ

このセッションには、あらゆるServiceNow開発者がすぐに適用できる実践的な知識が満載です。社内ツールを構築している場合でも、顧客向けのモバイルアプリを構築している場合でも、クライアントスクリプトを活用する方法を学ぶことで、ユーザーエクスペリエンスが向上し、時間を節約できます。

上記のフル動画をご覧いただき、今日からよりスマートなフォームの構築を始めましょう！

免責事項: 一部の日本語は、翻訳ソフトウェアを使用してお客様の便宜のために翻訳されています。正確な翻訳をご提供できるよう相当な努力を払っておりますが、いかなる自動翻訳も人間の翻訳者に代わすることはなく、そのようなことは意図されておりません。翻訳は「現状のまま」提供されています。他言語への翻訳の的確性、信頼性または正確性については、明示または黙示を問わず、いかなる保証も行われません。翻訳ソフトには限界があるため、一部のコンテンツが正確に翻訳されていない場合があります。これらの資料の公用言語は英語です。翻訳の際に生じる相違または不一致は、コンプライアンスまたは履行の目的に関しては拘束力を有さず、法的効力はないものとします。

この記事は機械翻訳されております。最新は元となる記事をご覧ください: https://www.servicenow.com/community/servicenow-ai-platform-articles/platform-academy-mobile-client-...