モーリーのメモスマートフォン用の表示で見るモーリーのメモアプリ開発等(プログラミング、CG作成)、興味を持ったことを実践してまとめるブログです。Creator』単独では、コードエディタに構文チェックがあるぐらいで、プレビューを行ってもあまり詳細なデバッグ情報が得られません。実行時エラーの場合は、実行画面が止まるだけです。これではまともにデバッグ出来ず困ってしまいます。私が使用している環境です。『Chrome』の『デベロッパーツール』を使用しています。『HelloWorld』プロジェクトの『HelloWorld.js』に次のように書いて、わざとエラーを発生させてみます。未定義のabcをいきなり代入。},『Browser』でプレビューすると、『Chrome』の『デベロッパーツール』では、次のように表示されます。画面の右側が『デベロッパーツール』です。(左側は実行画面ですが、エラーのため起動出来ず、読込中のまま止まっています。defined』のようにエラーの内容が表示され、その行の右端の『HelloWorld.js:18』で場所がわかります。『HelloWorld.js:18』をクリックすると、中央のウインドウで該当箇所が表示されます。Creator』のエディタには、構文のチェック機能はありますが、実行時のエラーは分からないですし、ブレークポイントを貼ることも出来ません。Creator』の『Console』パネルにも、詳細なデバッグ情報は表示されません。『Chrome』の『デベロッパーツール』では、ブレークポイントも貼れますし、ステップ実行も出来ます。変数のウォッチ機能もあります。自作のスクリプトは下図の場所にあります。ブレークポイントブレークポイントを貼るには、行番号をクリックします。ブレークポイントを外すには、再度クリックします。実行の再開や、ステップ実行は画面右上にある下図のボタンで行います。Expression)画面右上の『Watch』の『+』ボタンを押して、中身を見たい変数名を入力します。すると、ブレークポイント等で停止した時の、変数の中身を見ることが出来ます。全部は把握していませんが、他にもいろいろと、デバッグに役立つ機能がありそうです。Creator』で変更内容を保存する度に、自動的にプレビューも更新されます。自分のタイミングで、プレビューを更新したい場合は、プレビューボタンの横の更新ボタンを押します。プレビューボタンのほうだと、新しくページが開いてしまいます。『Browser』でプレビューした場合、デフォルトのブラウザで実行されます。私は普段から『Chrome』を使っているのでその流れで使用していますが、他のブラウザにも同様のツールがあるようですので、使いやすい物を選んで下さい。Chrome』を選択します。『Chrome』の右上の設定ボタンをクリックし、『その他のツール』-『デベロッパーツール』をクリックします。あとがき『Simulator』でプレビューした場合は、実行時エラーは画面が真っ黒になるだけなのでどうしようかと思いましたが、『Chrome』の『デベロッパーツール』で詳細なデバッグ情報を得ることが出来ました。Creatorをインストールします。(8)参加グループプログラミングリンクはてなブログブログをはじめる週刊はてなブログはてなブログProはてなブログをはじめよう!mmorleyさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。