タグ

ブックマーク / qiita.com/tailix (2)

  • Docker + Node.js のデバッグ chrome devtools編 - Qiita

    Docker + Node.js のデバッグ環境構築で多少ハマった所などあったので、簡単な手順をまとめてみました。今回はchrome devtoolsを使ったデバック環境の一例です。 今回使ったもの 1. Docker, nodejs, npm : ここら辺は言わずもがな、npmはyarnとかでも良いです。 2. nodemon : ソースの変更を監視し、自動的にサーバーを再起動するツール。こういったツールが無いと変更の反映に毎回自分でnodejsを再起動しなくてはいけない。 3. NIM(Node Inspector Manager), chrome devtools : chromeのアドオン。chrome devtoolsでのデバッグが可能。 環境を構築 1. Docker, npm, NIM は事前にインストール Docker npm NIM 2. JSファイルを用意 var ht

    Docker + Node.js のデバッグ chrome devtools編 - Qiita
  • Docker + Node.js のデバッグ Visual Studio Code編 - Qiita

    前に「chrome devtools」でのデバッグ手順を題材にしましたが、今回は「Visual Studio Code」のデバッグ設定です。環境は前と同じなので「Visual Studio Code」の設定だけ記載します。 「Visual Studio Code」の設定 1. launch.jsonを作成 デバッグ(上部メニュー) → 構成の追加 → 「Docker: Attach to Node」を選択 デバッグビュー(VS Codeの横にあるアクティビティーバーのデバッグ(虫)アイコンをクリック) のトップバーにある歯車アイコンや、隣のドロップダウンでも作成出来ます。 2. launch.json を編集 "version": "0.2.0", "configurations": [ { "type": "node", "request": "attach", "name": "Doc

    Docker + Node.js のデバッグ Visual Studio Code編 - Qiita
  • 1