Upgrade to Pro — share decks privately, control downloads, hide ads and more …

debug環境

 debug環境

kanayannet

April 22, 2018
Tweet

More Decks by kanayannet

Other Decks in Programming

Transcript

  1. debug
    環境
    debug
    環境
    @kanayannet
    Gunma.web #31

    View full-size slide

  2. 自己紹介
    自己紹介
    名前 :
    金澤 宏昭
    Twitter : @kanayannet
    Facebook : HiroakiKanazawa

    View full-size slide

  3. わたし と debug
    わたし と debug
    開発中、必ず使う

    View full-size slide

  4. わたし と debug
    わたし と debug
    取得した値が正しいか?
    書き込んだ内容が正しいか?
    読み込んだデータ構造
    etc...

    View full-size slide

  5. 今回話すこと
    今回話すこと
    シャビ・エルナンデス
    色々なdebug
    環境
    何が大事?
    まとめ

    View full-size slide

  6. シャビ・エルナンデス
    シャビ・エルナンデス

    View full-size slide

  7. 何が得意か?
    何が得意か?
    どこにでもパスをすぐ出せる。

    View full-size slide

  8. 動画再生中...
    動画再生中...

    View full-size slide

  9. さぞかし試合中、頭を使っているだろ
    う。

    View full-size slide

  10. 確かめた番組があったよ
    確かめた番組があったよ
    脳を「MRI
    」検査
    NHK:
    「ミラクルボディー」

    View full-size slide

  11. 結果
    結果
    「大脳基底核」が活発
    「無意識のうちの判断を下す直観力」を
    使う

    View full-size slide

  12. 直感力
    直感力
    「思い悩んでない。」
    「考えてるというより、身体が自然と動
    く状態」

    View full-size slide

  13. 鍛える方法
    鍛える方法
    同じ情報を繰り返し取り込むこむ
    反復練習
    日頃の練習

    View full-size slide

  14. 色々なdebug
    環境
    色々なdebug
    環境

    View full-size slide

  15. ブラウザ上
    ブラウザ上
    demo url

    View full-size slide

  16. webpack
    の場合
    webpack
    の場合

    View full-size slide

  17. デモ中...
    デモ中...

    View full-size slide

  18. ツールの立ち上げ方
    ツールの立ち上げ方
    右上のメニュー ->
    その他ツール ->
    デベ
    ロッパーツール
    context menu
    の検証
    command + option + i

    View full-size slide

  19. サーバサイド
    サーバサイド
    irb
    pry
    print debug
    byebug
    byebug + pry

    View full-size slide

  20. デモ中...
    デモ中...

    View full-size slide

  21. 何が大事?
    何が大事?

    View full-size slide

  22. 慣れの問題
    慣れの問題
    不慣れなものは「頭を使ってしまう」
    慣れてるものは「直感的」

    View full-size slide

  23. 慣れてるものだけで良い?
    慣れてるものだけで良い?
    練習すれば直感的に使えるものもあるよ
    vim, emacs

    View full-size slide

  24. いつ練習する?
    いつ練習する?
    仕事は「本番」
    公式試合と一緒
    不慣れなものを使えば不具合見逃す

    View full-size slide

  25. とはいえ..
    とはいえ..
    一番気づく事が多いのも「仕
    事」です。
    緊張感
    ミスが出た (
    不具合)
    気づく (
    気づかせられる)
    事が多い。

    View full-size slide

  26. 直感的に
    直感的に
    ツールは人(
    状態)
    によって向き不向きが分
    かれる。

    View full-size slide

  27. 開発する際に大事なこと
    開発する際に大事なこと
    「作ること」に集中する
    「不具合がでないように」debug
    する
    「集中できてる」 =>
    直感的

    View full-size slide

  28. まとめ
    まとめ
    直感的 は大事である
    debug
    の環境一つで 直感的に開発できる
    直感的は人によって差異が生まれる。
    当たり前だけど..
    「慣れ」=
    「練習量」

    View full-size slide

  29. ご清聴
    ご清聴
    ありがとうございまし
    ありがとうございまし
    た!
    た!

    View full-size slide