QiitaPepperのタブレット上でvConsole...RevisionsPreviousURLのみの場合にリンク記法は不要です。@@Pepperのタブレットでは自作のhtmlを表示できるけど開発する時に手軽にログを見られないのが非常に不便だったりする。web開発の時みたくコンソールを表示できると便利なので、vConsoleという擬似的なwebコンソールを表示できるプラグインを使ってみる。(某ハンズオンイベントでvconsoleの存在を知り衝動だけでとりあえず記事を書きます。console.log("text");という記述でwebコンソールにログを出力できる。知ってるところだとこれを確認するにはPepperのローカルサーバにPCブラウザでアクセスしてコンソールを開くか、ログに出したいテキストを一旦ALMemoryに保存してChoregrapheでsubscribeしてからログに出力するパターンあたりをよく使う。個人的な使用感としては前者は接続が不安定だったりでつまづく。後者はログに出せる情報が限られる。導入するとどうなるか先に結果を見せます。![IMG_2980.JPG](https://qiita-image-store.s3.amazonaws.com/0/122557/d36e9e97-b640-91dc-41c7-9aa29db31062.jpeg)![IMG_2983.JPG](https://qiita-image-store.s3.amazonaws.com/0/122557/c79c8ef8-aaf6-e0fb-befe-5504220ff1c9.jpeg)こんな感じでコンソールを表示することができます。vconsoleでダウンロード可能。dist/vconsole.min.jsというファイルがあるのでこれをPepperのhtmlディレクトリに持って来ます。これで下準備は完了です。今回作成したhtmlはこちら。id="block4"></div></div></body></html>```![IMG_2984.JPG](https://qiita-image-store.s3.amazonaws.com/0/122557/c0a53086-0249-08cd-16cd-efbde461b213.jpeg)単純なdiv要素が4つ配置されてあります。それぞれタップするとログが出るようになっているので色分けして識別しやすくしてあります。div").click(function(){console.log(this.id);});});</script>```vconsoleの読み込み部分。newするだけでconsoleを表示するUIボタンが出現します。加えてjQueryで各div要素にクリック(タッチ)イベントを設定しています。ログを確認する![IMG_2982.JPG](https://qiita-image-store.s3.amazonaws.com/0/122557/47ffd12e-3492-1b6f-a758-4619d56b40c1.jpeg)表示されました。最初の画像のようにhtmlのElementも確認できます。感想jQueryでhtml書き換えた時やajaxでデータ取得した時なんかにさくっとログを確認するには便利だと思いました。注意としては結局プラグインなのでログ出力もブラウザレベルではなくスクリプトレベルの処理なため、若干反応が鈍かったり、タッチイベントをロストしたりします。Pepperのタブレットの処理能力に依存するところですね。いえとても便利なのでぜひお試しあれ。