メインコンテンツまでスキップ

デバッグ実行時のトラブル

ここでは、画面のデバッグ操作に関するトラブルと対処方法について説明します。

Q. デバッグツールを利用できない​

A. デバッグツールをインストールしても利用できない場合は、認可設定を確認してください。IM-BloomMakerのデバッグツールを利用するには、「IM-BloomMakerブラウザ拡張機能」の認可が必要です。認可が付与されていない場合は、テナント管理者に権限の付与を依頼してください。

Q. デバッグ画面に何も表示されない​

A. デバッグツールの「変数」タブや「アクション」タブをクリックしても何も表示されない場合は、デザイナ画面で［ ］をクリックし、プレビューを再表示してください。デバッグツールはプレビュー画面と連携して動作するため、プレビューを再表示することで改善する場合があります。

Q. 「HTTP 404:ページが見つかりません」と表示される​

A. 「HTTP 404:ページが見つかりません」と表示される場合は、遷移先のURLが存在しない可能性があります。以下の内容を確認してください。
  • 管理画面（一覧）が作成されているか。
  • 「URL〇に遷移する」アクションで設定した遷移先が正しいか。
  • フロールーティングのURLが変更されていないか。
本チュートリアルでは、一覧ボタンや登録成功後の画面遷移でHTTP 404が表示されることがあります。管理画面を作成した後に、再度動作を確認してください。

Q. 画面から処理を呼び出しても反応しない​

A. 画面から処理を呼び出しても反応しない場合は、画面のアクション設定を確認してください。
  • フロールーティング（APIのURL）が正しく設定されているか。
  • 登録ボタンにイベント（クリック時のアクション）が設定されているか。
  • リクエストパラメータが正しく設定されているか。
本チュートリアルでは、資産登録アクションから登録処理フローを呼び出しています。設定内容は、以下を参照してください。

Q. アクションを一つずつ確認したい​

A. アクションの実行順序や設定内容を確認したい場合は、ブレークポイントを設定してください。ブレークポイントを設定すると、指定したアクションで処理を一時停止し、一つずつアクションを実行しながら動作を確認できます。

Q. アクションを実行しても期待した結果にならない​

A. デバッグツールでアクションが実行されているにもかかわらず、画面表示や検索結果などが期待した通りにならない場合は、アクションで設定している変数を確認してください。なお、stateとendPointには似た構造の変数がありますが、それぞれ役割が異なります。設定先を誤ると、アクションは正常に実行されても、画面やAPIに値が正しく反映されません。
  • state：画面で表示・保持する値を管理する変数
  • endPoint.requestParameter：APIへ送信する入力値を管理する変数
  • endPoint.responseData：APIから返却された値を保持する変数
該当するアクションについて、変数の設定先をそれぞれ確認してください。

Q. 検索フォームの入力値が検索条件に反映されない​

A. デバッグツールの「変数」タブで確認する際、検索フォームに入力した値が検索条件に反映されない場合は、以下の内容を確認してください。
  • 検索ボタンのイベント設定に、検索ボタンアクションが設定されているか。
    └ イベント設定の「クリック時」：「[event]「検索」ボタンが押されたとき」を設定
  • 検索フォームの値に、検索条件を保持する変数が設定されているか。
    └ プロパティ設定の「value」：$variable.state.condition.searchCondition.tmpAssetNameを設定
  • 検索ボタンアクションから呼び出している一覧取得アクションで、検索条件を初期化していないか。
    └ 検索条件$variable.state.condition.searchConditionを初期化するアイテムが設定されていないことを確認
検索ボタンおよび検索フォームの設定やアクション設定については、以下を参照してください。

Q. ソートアイコンを押下してもソート条件に反映されない​

A. デバッグツールの「変数」タブで確認する際、ソートアイコンをクリックしてもソート条件に反映されない場合は、以下の内容を確認してください。
  • 昇順・降順ソートアイコンのイベント設定に、昇順・降順ソートアクションがそれぞれ設定されているか。
    └ 昇順：イベント設定の「クリック時」：「[event]「▲」ボタンが押されたとき（昇順ソート）」を設定
    └ 降順：イベント設定の「クリック時」：「[event]「▼」ボタンが押されたとき（降順ソート）」を設定
  • 昇順・降順ソートアクションから呼び出している一覧取得アクションで、ソート条件を初期化していないか。
    └ ソート条件$variable.state.condition.sortConditionを初期化するアイテムが設定されていないことを確認
各アクション設定については、以下を参照してください。