From 5b71d010b4296c45a0fdf0441654495de0fe3308 Mon Sep 17 00:00:00 2001 From: asmsuechan Date: Sun, 26 Mar 2017 23:49:18 -0700 Subject: [PATCH] Add docs/ja/debug.md --- docs/jp/debug.md | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) create mode 100644 docs/jp/debug.md diff --git a/docs/jp/debug.md b/docs/jp/debug.md new file mode 100644 index 00000000..26458869 --- /dev/null +++ b/docs/jp/debug.md @@ -0,0 +1,20 @@ +# Boostnote(electronアプリケーション)のデバッグ方法について +Boostnoteを作っているelectronはChromiumからできており、開発者は `Developer Tools`をGoogle Chromeと同じように使うことができます。 + +Developer Toolsの切り替え方法はこちらです: +![how_to_toggle_devTools](https://cloud.githubusercontent.com/assets/11307908/24343585/162187e2-127c-11e7-9c01-23578db03ecf.png) + +実際のデベロッパーツールはこちらです: +![Developer_Tools](https://cloud.githubusercontent.com/assets/11307908/24343545/eff9f3a6-127b-11e7-94cf-cb67bfda634a.png) + +何かエラーが起きた場合 `console`にエラーメッセージが表示されます。 + +## デバッグ +このように、 `debugger`をコード中にブレークポイントとして挟むのがいい方法だと思います。 + +![debugger](https://cloud.githubusercontent.com/assets/11307908/24343879/9459efea-127d-11e7-9943-f60bf7f66d4a.png) + +ですがこれは一例にしか過ぎません。最もあなたに合うデバッグ方法を見つけた方がいいでしょう。 + +## 参考 +* [デバッグに関するGoogle Chromeの公式ドキュメント](https://developer.chrome.com/devtools)