知っておきたい！IM-BloomMakerのデバッグ方法

この記事では、IM-BloomMakerのデバッグ方法について紹介します。

IM-BloomMakerでは、作成した画面の変数やアクションの動作を、Webブラウザの開発者ツールから確認できます。画面が期待どおりに動作しない場合は、デバッグツールを使って変数の値やアクションの実行状況を確認することで、原因を特定しやすくなります。

ここでは、IM-BloomMakerのデバッグツールの準備から基本的な使い方まで紹介します。デバッグツールを活用して、効率的に画面の動作を確認してみましょう。

デバッグツールの準備

IM-BloomMakerでは、Google Chromeの拡張機能としてデバッグツールを提供しています。

Google Chromeにデバッグツールをインストールすると、Chromeの開発者ツールにIM-BloomMaker専用のタブが追加され、作成した画面の変数やアクションを確認できるようになります。

IM-BloomMakerのデバッグ方法

IM-BloomMakerで作成した画面をGoogle Chromeで開き、開発者ツールからIM-BloomMakerのデバッグツールを選択します。

基本的な操作

デバッグツールでは、画面に設定した変数やアクションについて、以下のような情報を確認できます。

変数を確認する

画面に設定した変数を一覧で確認できます。また、デバッグ時には変数の値や配列の要素数を変更できます。

変数の値を確認することで、アクションの実行前後で値が期待どおりに変化しているかを確認できます。

アクションを確認する

画面に設定したアクションやアクションアイテムを一覧で確認できます。また、アクションアイテムにブレイクポイントを設定し、処理を一時停止して実行状況を確認できます。

アクションが期待どおりに実行されない場合は、ブレイクポイントを利用して、どのアクションアイテムまで処理が実行されているかを確認できます。

チュートリアル

デバッグツールの基本的な使い方を確認したら、実際に画面を作成してデバッグを試してみましょう。

まとめ

IM-BloomMakerでは、デバッグツールを使って、画面に設定した変数の値やアクションの実行状況を確認できます。画面が期待どおりに動作しない場合は、変数の値を確認したり、アクションにブレイクポイントを設定したりすることで、不具合の原因を特定しやすくなります。まずはデバッグツールの基本的な操作を確認し、実際に作成した画面でデバッグを試してみましょう。

intra-martでは、IM-BloomMakerをもっと知っていただくために、マニュアルやコンテンツなどを豊富にご用意しています。IM-BloomMakerの機能を最大限に発揮させるためにも、ぜひご活用ください。