1. yasuo_424_

    Posted

    yasuo_424_
Changes in title
+Chrome Loggerを使ってPHPのデバッグをコンソール画面から確認してみる。
Changes in tags
Changes in body
Source | HTML | Preview
@@ -0,0 +1,52 @@
+こんにちは。LIGアドベントカレンダーの22日目は@yasuo424が担当します!
+
+今回はPHPのデバッグをより便利にしてくれるChrome Loggerというエクステンションの導入方法を紹介したいと思います。
+
+# Chrome Loggerとは??
+google Chromeのエクステンションで、javascriptだけでなく、サーバーサイド言語のログ出力もChromeのコンソール画面で確認できるようにしてくれるとても便利なエクステンションです。
+
+今回はPHPでやってみましたが、他にもこんな言語もサポートしてくれてます。
+
+* Python
+* Ruby
+* Node.js
+* .NET
+* ColdFusion
+* Go
+* Java
+* Perl
+
+それではさっそく導入していきましょう!
+
+# エクステンションをインストール
+なにはともあれChromeのエクステンションをインストールしましょう。
+https://chrome.google.com/webstore/detail/chrome-logger/noaneddfkdjfnfdakjjmocngnfkfehhd
+
+公式サイトはこちら
+https://craig.is/writing/chrome-logger
+
+インストールが終わったら、logを出したいページでコンソールのマークをクリックします。
+![toggle.gif](https://qiita-image-store.s3.amazonaws.com/0/21703/596b6764-13fc-98ac-832a-c581f6361374.gif)
+
+あとは公式サイトのGithub上からダウンロードできるChromePhp.phpをサーバーに設置して
+デバッグしたいコードの前にこんな風にincludeするだけ。
+
+```php:debug_log.php
+include 'ChromePhp.php';
+ChromePhp::log('Hello console!');
+ChromePhp::log($_SERVER);
+ChromePhp::warn('something went wrong!');
+```
+
+これをコンソールで確認すると、、、
+
+![スクリーンショット 2015-12-22 3.27.41.png](https://qiita-image-store.s3.amazonaws.com/0/21703/64262ef4-5e3e-4b7e-8d9d-94768ed03b1c.png)
+
+
+これで変数の中身を確認したり、スーパーグローバル変数の中身を確認したりできます。
+var_dumpやprint_rなどとは違って、画面上の表示を崩さずにコンソール画面で確認できるとこも手軽でよいですね。
+
+知っておくとけっこう便利に使えるのではないでしょうか。
+
+
+