[B! debug] Jxckのブックマーク

How to capture & replay WebRTC video streams with video_replay (Stian Selnes) - webrtcHacks

Jxck 2017/09/06

webrtc
debug

リンク

WebRTC Externals - the cross-browser WebRTC debug extension - webrtcHacks

Jxck 2017/07/31

webrtc
debug

リンク

Debugging Node.js with Chrome DevTools

Support for Node.js debuggability landed in Node.js in 2016. Here’s how to get up and running. (Post updated Jan 2018) 1. Download and install the current version of node. (v6.3.0+ required) 2. Run node with the --inspect-brk flag: # Break on the first statement of the script▸ node --inspect-brk index.jsNext, you used to open the big chrome-devtools:// URL it spits out, but don’t. Now there’s a be

Jxck 2017/05/18

chrome
debug

リンク

2年目のErlangプログラマが身につけておきたい12のデバッグ術 - Qiita

吐かせる方法には以下の方法があります. VM上でerlang:halt("slogan")を実行する kill -SIGUSR1 ${PID} でVMを殺す CrashDumpは読める Erlangのcrash dumpは人間が割と読めますが, 問題発見を早める為に以下のツールが有用です. CrashDumpViewer erl_crashdump_analyzer 自分がよく使うのは後者です. 前者はGUI環境が必要なので運用している環境だと辛いかもしれません. また, 後者は最初に知りたいであろうことしか出力しないので迷うことがないと思います. 細かい部分は直接dumpを読むので私は困りませんでした. binary部分を読む必要がある場合は, binppのfrom_str/1を使っても良いかもしれません. 8割方メッセージキューが詰まる時が問題が起きる時私の経験上の話です. ログは一

Jxck 2017/05/16

erlang
debug

リンク

JSのデバッグにはconsole.log()ではなくNodeのデバッガーを使いなさい

JavaScriptのデバッグに苦労しているなら、Nodeのデバッガーを試してみてはどうでしょうか。Visual Studio Codeならさらに手軽です。袋小路です！何時間も費やしていろいろ試してみたけれどもうまくいきません。コードをじっと吟味してもエラーになりそうなところはありません。2、3回ロジックを見直して、何度も実行しています。単体テストも助けにはならず、同じく失敗してしまいます。もはやどうしていいか分からず、虚空を見つめたくなります。ひとり闇の中にいるように感じて、だんだん腹が立ってきます。こんなときの自然な反応は、コードの品質を落とし、邪魔なものを全部捨て去ることです。コードのあちこちにprintをちりばめて、なにかうまくいくことを祈るわけです。これでは暗闇で的を狙うようなもので、望み薄なことが分かるでしょう。よくある話だと感じたのではないでしょうか。今までに数行以上

Jxck 2017/05/16

リンク

Node.js debugging with Chrome DevTools (in parallel with browser JavaScript)

Node.js debugging with Chrome DevTools (in parallel with browser JavaScript) Serg Hospodarets Blog Recently Paul Irish described how you can debug Node.js applications with Chrome DevTools. Since that time Chrome DevTools have evolved and the step, where you had to open the separate page with a specific URL to debug the Node.js code, was removed. It means, today you can debug your browser JavaScri

Jxck 2016/10/03

node-inspector いらなくなったのか

リンク

するするさせたい：サイボウズ採用情報のアニメーション（その1） - fragmentary

サイボウズの採用情報ページを見ていた。サイボウズ | 採用情報︵新卒・キャリア︶といっても受けるとかではなく、ただ性格悪いことを思っていただけなんだけど。 Kintoneのセクションでアプリっぽいアイコンたちが右から左へと流れているんだけど、それがガタガタとしている。するするしていない。するするさせたい。というわけで、何が起こっているのかを調べてみようかと。何回かにわけて書くよ。その1 ― 何が起こっているのか調べるその2 ― 調べながら直しながらするするさせるその3 ― ちょっとしたことや他のブラウザでもするするさせるアニメーションの実装を調べるあとのことを考えて、Chrome DevToolsを使う。まず、該当の流れるアイコンのところで右クリックしてinspectする。Elementsパネルで、<div class="icon"> という要素がハイライトされる。div

Jxck 2016/05/13

Paul Lewis が似たようなことやってたな

リンク

OutOfMemoryError の調べ方 - Qiita

OutOfMemoryError (以下 OOME)が起こったときにお手上げ状態にならないためにも、 Java のメモリ管理の仕組みとか、 OOME が起こったときの調査方法とかを調べる。環境OSWindows 7 > java -version java version "1.8.0_74" Java(TM) SE Runtime Environment (build 1.8.0_74-b02) Java HotSpot(TM) 64-Bit Server VM (build 25.74-b02, mixed mode) Java8で、 Oracle の JVM を前提とした話です。 Java のメモリ管理これを知っておかないと、 OOME が起こっても、メモリ内で何が起こっていて、どこを調査すべきで、どのように対処したらいいのかが判断できない。なので、まずは、そもそもJ

Jxck 2016/03/14

リンク

モバイルファースト時代のネットワークレイヤデバッグ手法 - クックパッド開発者ブログ

こんにちは。インフラストラクチャー部セキュリティグループの星 (@kani_b) です。クックパッドでは主に "セキュリティ" か "AWS" というタグのつきそうな業務全般を担当しています。ここ数年、クックパッドではいわゆるネイティブアプリの開発が非常に盛んです。私達インフラストラクチャー部はネイティブアプリの直接の開発者ではありませんが、開発が円滑に進むように色々なレイヤでそのお手伝いをしています。 PC向けサービス開発と比較して、スマートフォン向け、特にネイティブアプリにおいては、何かトラブルがあった際にどこで何が起きているか、そのデバッグを行うことが若干難しいと感じています。今回はいわゆるjailbreak や root 化をせず、ネットワークのレイヤからデバッグを行う方法についていくつかご紹介します。 HTTP プロキシによるキャプチャまずは HTTP プロキシ

Jxck 2015/05/28

リンク

JavaScriptのデバッグ方法 – JSを嫌いにならないためのTips | POSTD

この記事のオリジナルは voxxed に投稿されたものです。 JavaScript関連の問題を抱えるチームをサポートする仕事を通じて、いくつか共通の問題点があることに気づきました。もしあなたもJavaScriptに対するイライラを感じているのであれば、この記事は何らかの助けになるかもしれません。おことわり‥私がお教えするヒントはすでにご存知のものもあるとは思いますが、うまくいけば、多少なりとも有用な情報があるかもしれません。特にエンタープライズアプリケーションやCMSソリューションを構築する際に有効なヒントです。チームの誰もが話したがらないCMSのコードについてお話しします。いずれも必要に応じて採用できるものです。 debuggerステートメント大半のブラウザでサポートされているにもかかわらず、JavaScriptを書く際に最も活用しきれていない機能の1つです。debuggerステートメ

Jxck 2015/02/04

MutationObserver って IE11 に入ってるのか、以外ともう使えるんだな。

リンク

パーフェクトなCRubyを目指して - 1行のバグ修正に潜む苦労 - - I am Cruby!

この記事はパーフェクトRuby Advent Calendar 2013 - Adventar の9日目です。前の日のエントリーはパーフェクトRuby Advent Calendar 2013(8日目) Let's Sinatra Life - たちブログです。まだ参加できますので、みなさまもぜひ。パーフェクトRuby Advent Calendar 2013 - Adventar パーフェクトRuby Rubyの仕様に大変詳しい同僚への献本をインターセプトして読ませていただきました。さまざまな機能をまとめたとてもよい本だと思います。著者のみなさまの苦労が偲ばれました。パーフェクトRuby (PERFECT SERIES 6)作者: Rubyサポーターズ,すがわらまさのり,寺田玄太郎,三村益隆,近藤宇智朗,橋立友宏,関口亮一出版社/メーカー: 技術評論社発売日: 2013/08/1

Jxck 2013/12/10

gc
debug

リンク

Haskell でのデバッグ - あどけない話

「純粋関数型言語はデバッグしにくい。だって純粋な関数で printf デバッグできないから」とつぶやいている人をよく見かけます。これまで放置してきましたが、リツイートが50を超えたので、Haskellでのデバッグについて書きます。例外処理と同じように、Haskell でのデバッグでは、純粋な関数と IO を分けて考える必要あります。 IO での printf デバッグ IO では、putStrLn や print が使えるから問題ないですよね？ foo :: Int -> IO Bool foo i = do x <- あれして i putStrLn $ "x = " ++ show x これして putStrLn "ここも通過" -- それもする y <- それもする print y return y ちなみに、forkIO 起動した軽量スレッドから putStrLn する場合、軽量ス

Jxck 2012/06/07

リンク

作業効率が10倍アップする Chrome Developer Tools の使い方

アジェンダ Chrome Developer Tools とは基本的な使い方応用的な使い方まとめ使用環境は Chrome 16 dev 版なので、stable版とはちょっと違うかも。 Chrome Developer Tools とは Google Chrome に付属のデバッガ JavaScriptやDOMをいじれるリクエスト情報を見たり、プロファイラで解析することもできる最近はFirebugより安定してるし高機能

Jxck 2011/11/04

リンク

JavaScriptのエラーを見つけやすくしてくれるブックマークレット『Zeon.js』 | 100SHIKI

テキストエリア中のJavaScriptを解析し、エラーっぽいところを見つけてくれるのがZeon.jsだ。使い方は簡単で、同サイトで配布されているブックマークレットを使うだけだ。そうするとテキストエリアの右下に﹁Z﹂マークが現れる。それをクリックすればエラーの詳細が見れる、という仕組みだ。テキストエリアにJavaScriptを書く、というシーンがあまり思い浮かばないのでテスト用にちょっとしたページを作る必要があるような気もするが、どうしてもデバッグに困ったときに覚えておいてもいいだろう。もしくはどこぞの教育機関やら研修でも使えそうですな。