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 Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  16. webpack
    の場合
    webpack
    の場合

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide