タグ

consoleに関するyatemmmaのブックマーク (3)

  • 【誰得】console.logをデコる – 未開のconsole探検隊 - ここぽんのーと

    Web開発者なら必ずお世話になっているであろうconsole.log。ちょっとしたきっかけで出力を装飾できることに気づいてしまいました。 きっかけはParseきっかけはParseでした。Parseは、BaaS(Backend as a Service)と呼ばれる種類のサービス。例えばサーバーとの通信が必要なモバイルアプリを開発するとき、そのサーバー側を一手に引き受けてくれます。 ブラウザで操作中にうまく動いてくれない機能があったので、どうしたものかとデバッグツールを起動すると…。 「よう!コイツの中身に興味があるのか?いいことだ、俺ぁ好奇心旺盛な人間が大好きなんだ。俺らと一緒にスゲーものを作り上げないか?」 ふむ。まぁこういうのはソースのコメントとして埋め込んでいたりログに出したり、よくあるよね。 …って何だこの青くて大きい文字の出力は? コンソールの出力は装飾できるそれからおググりするこ

    【誰得】console.logをデコる – 未開のconsole探検隊 - ここぽんのーと
  • 【Javascript】consoleオブジェクトが持つlog以外の便利メソッド18(後編)

    こんにちは、橋です。 前回にひきつづき、Safari、ChromeのWebインスペクターやFirefoxのFireBugで使えるconsoleオブジェクトの使い方について書いてみたいと思います。 consoleオブジェクトには以下の19個(logを除くと18個)のメソッドがあります。 assert count debug dir dirxml error group groupCollapsed groupEnd info log markTimeline profile profileEnd time timeEnd timeStamp trace warn そのうち前回は、assertメソッドからgroupEndメソッドまで見て行きました。 今回はinfoメソッドからwarnメソッドまでの使い方について書いていきたいと思います。 infoメソッド console.info(messa

    【Javascript】consoleオブジェクトが持つlog以外の便利メソッド18(後編)
  • 【Javascript】consoleオブジェクトが持つlog以外の便利メソッド18(前編)

    こんにちは、橋です。 今回と次回の2回にわたり、Safari、ChromeのWebインスペクターやFirefoxのFireBugで使えるconsoleオブジェクトの使い方について書いてみたいと思います。 Javascriptのコードをデバッグする際に、console.logを使ってメッセージやオブジェクトの内容をログに表示することがあるかと思いますが、 この「console」オブジェクト、実はlogメソッド以外にも複数のメソッドがあります。 まずは、consoleオブジェクトにどのようなメソッドがあるか、console.logを使って表示してみたいと思います。 consoleオブジェクトの中身を見てみると、__proto__オブジェクトに以下のメソッドが定義されています。 assert count debug dir dirxml error group groupCollapsed g

    【Javascript】consoleオブジェクトが持つlog以外の便利メソッド18(前編)
  • 1