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

シニアフロントエンド開発者みたいにChromeデベロッパーツールを使おう - Qiita

開発環境にChromeを選ぶなら知っておきたい12のテクニック Photo by Morning Brew on Unsplash さて、何らかの理由で、開発ブラウザとしてChromeを選んだとします。次は、デベロッパーツールを開き、コードのデバッグを開始します。 Consoleパネルを開いてプログラムの出力を確認したり、Elementsパネルを開いてDOM要素のCSSコードを確認したりします。でも、Chromeデベロッパーツールを本当に理解していますか？実は、パワフルだけど知られていない機能がたくさん用意されていて、開発効率を大幅に改善できるのです。ここでは、最も便利な機能を紹介します。お役に立てたら嬉しいです。 ChromeのCommandメニューから始めましょう。ChromeのCommandメニューは、LinuxのShellのようなものです。コマンドを入力してChromeを操作で

kasahi 2021/08/11

リンク

開発体験を変える! Chrome DevTools Tips 7選 - Qiita

最近Chrome DevToolsについて調べていて発見した便利機能を紹介します。誰もが使える最高便利な開発マシンChrome DevToolsを使いこなして開発体験を変えましょう！ 1. $0で選択中のDOM要素の取得特定の要素に何かしたいという時には、要素のIDやclassを確認してConsoleでdocument.querySelector("#xxx")で取得するというのが一般的だと思います。実はそれはカーソル選択と$0で代替できます。 Classや、IDがついていない特定のDOMを取得したい時とかにも使えるので地味に便利です。手順カーソルで取得したい要素を選ぶ Consoleタブで$0を入力最近知ったChrome DevToolsの便利機能① $0 での選択中のDOM要素取得 Elementsタブで選択状態のDOM要素は、Console上で $0 を入力することで取得で

kasahi 2020/08/19

リンク

JavaScript,jQueryの爆速コーディング、デバッグ方法論の勧め～実践向け逆引き(windows,chrome向け)～ - Qiita

JavaScript,jQueryの爆速コーディング、デバッグ方法論の勧め～実践向け逆引き(windows,chrome向け)～JavaScriptjQuery ※2017/4/21にオンロード時のデバッグ方法8を追記しました！こんにちは！エイチーム引越し侍の加藤です！みなさんJavaScript書いてますか？ console.logめっちゃ使うよねーって人は目からうろこのデバッグ方法を、ケース毎に紹介していこうと思います。(僕はconsole.log使いません) サーバーにデバッグ用のコードをアップロードすること無いので、消さずに意図に反してリリースしてしまう危険性がないのもお勧めです。前提知識 F12で出てくるデベロッパーツール(Elements, Console, Source, Network)の知識 Ctrl+Shift+Fで外部ソース(js,css)に対して一括検索が

kasahi 2017/05/03

リンク

PHPの中身をgdbで観察できるようなDockerイメージを作りました - hnwの日記

CLI版のPHPをgdb上で動かしつつ、内部的なデータ構造を覗き見ることができるようなDockerイメージを作ってDocker Hubにアップロードしました。Docker環境さえあればすぐに動かすことができます。このイメージを動かせばCのコードを書かなくてもPHP内部のデータ構造を確認することができます。PHPの内部構造を詳しく知りたい、というような人は参考にしてみてください。準備 Macの人はDocker for Macを用意しましょう。他のOS上でも同様にDockerをインストールしてください。また、イメージの圧縮時サイズが200MB程度ありますので、それなりのネットワーク環境で遊ぶことをオススメします。起動 Docker 1.10以降ではseccompにより一部システムコールが制限されているため、コンテナ内でgdbによるデバッグができません。期待通りにgdbを動かすにはコンテナ

kasahi 2017/01/15

リンク

デバッグ人工知能も成長中、MovaTesting- クラウド実機で自動テストできる神サービス【@maskin】 | TechWave（テックウェーブ）

1990年代初頭から記者としてまた起業家としてITスタートアップ業界のハードウェアからソフトウェアの事業創出に関わる。シリコンバレーやEU等でのスタートアップを経験。日本ではネットエイジ等に所属、大手企業の新規事業創出に協力。ブログやSNS、LINEなどの誕生から普及成長までを最前線で見てきた生き字引として注目される。通信キャリアのニュースポータルの創業デスクとして数億PV事業に。世界最大IT系メディア（スペイン）の元日本編集長、World Innovation Lab(WiL)などを経て、現在、スタートアップ支援側の取り組みに注力中。モバイルウェブ/アプリ開発においてデバッグ(不具合を発掘して改善すること)は鬼門だ。ただ、避けられるものでもなく、むしろユーザーとの接点を磨きあげる最重要プロセスといってもいいだろう。どんなに素晴らしい企画でも、たった一つのバグで評価を下げるばかりか、事業

kasahi 2016/07/03

リンク

[JavaScript]使い分けるだけで今すぐデバッグ効率を上げる、consoleオブジェクトの関数 - Qiita

なんかはよく使うはず。だが、ちょっとした関数の使い分けでデバッグ一つもしやすくなる。なのでほんの少し紹介。 ※以下は全てGoogle Chromeでの実行結果です console.error 赤い！よくあるエラーメッセージエラーとみなす箇所に是非

kasahi 2015/10/18

リンク

LeakCanaryでメモリリークを検出する - Qiita

Squareがメモリリークを検出するライブラリ square/leakcanary を公開したので、さっそく使ってみたらすごく便利だった話です。 A small leak will sink a great ship Piwaiが書いたLeakCanaryの記事がこちらです。 LeakCanary: Detect all memory leaks! 要約すると、 Squareではビットマップキャッシュに顧客の署名を書いていたが、端末の画面のサイズ分のメモリを確保するので、署名をするときにクラッシュすることがあり、それがOOMの大半を占めていた。 Bit map.Configを変更したり、OOMをキャッチしてGCを走らせたりしたが、問題の解決には至らなかった。我々は間違ったアプローチを取っていたことに気が付いた。ビットマップの大きさではなくメモリリークが根本的な原因だったのだ。通常であれば

kasahi 2015/05/26

リンク

iOSのデバッグを極める - ワザノバ | wazanova

http://www.objc.io/issue-19/ 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 約2時間前 objc.ioはベルリンのメンバを中心に、月替りでiOS関連技術の特定のテーマに絞って発信しているブログ。もう既に知名度はかなり高いかと思いますが、毎月ものすごく力の入った特集ゆえに、その分ボリュームも相当で、読むのも大変というか、時間がないから読めてない人もいるかと。今月は#19としてデバッグの話題です。 Peter Steinbergerの「デバッグ : ケーススタディ」では、UIKit上のバグをLLDBで対処した話を紹介。「デバッガーでのダンス - LLDBのワルツ」において、Ari GrantはLLDBの使い方を詳説してくれています。「DTrace」はiOSシミュレータでしかまだ利用で

kasahi 2014/12/30

リンク

就職面接でプログラムの解読を求められた！ | POSTD

長文ですが、よかったら読んでください。就職面接でプログラムの解読を求められました。そして、就職が決まりました。皆さん、こんにちは。新しいブログを開設したので、私は今とても張り切っています。週に何度か記事を投稿するつもりです。タイトルを見れば大体の話の内容は分かると思いますが、これから書くのは、トルコのアンカラで受けた就職面接の話です。私が応募した職は「ソフトウェアセキュリティエンジニア」でした。面接中、面接官たちは非常に専門性が低い質問をしてきましたが、分かることもあれば分からないこともありました。その後、その企業からメールが届き、保護および暗号化されたバイナリファイルが添付されていました（「解読してみろ」ということでしょう）。帰宅後にファイルをダウンロードすると、ファイルを開くために聞かれたのはパスワードだけでした。面接官が私に課した課題は、そのパスワードを探すことでした。

kasahi 2014/11/15

リンク

Home - Programming School

PHP Learning PHP and MySQL to the pros PHP, MySQL and creating a dynamic website Course Features The video course is designed for beginners who want to learn how to program in PHP and create dynamic sites in it. During the course, you will learn how to work with PHP, as well as with MySQL databases (PDO). Based on the acquired knowledge you will create a full-fledged web site with registration, au

kasahi 2014/10/27

php
debug

リンク

Vagrant + PHP + Xdebug リモートデバッグする設定手順

お久しぶりです。野瀬です。最後の投稿から約1年が経っており、時が経つのは早いなぁ〜と感じる今日この頃。最近自分の周りでの開発環境はVagrantを使うのが増えてきています。自分も流行に乗っかりVagrantを使って開発しています。今回はそんなVagrantとPHPとXdebugを使ったステップ実行をする手順をご紹介したいと思います。しかもWebブラウザからだけではなくCommandLineからもステップ実行させる設定方法です。すご〜くいまさらな感じはしますが・・・ググってもWebブラウザからのステップ実行は結構あるのですがCommandLineからのステップ実行の設定があまりなかったので同じように困った方の為に。環境確認あくまでも例ですので適宜自分の環境に置き換えてください。 Vagrant ver1.5.2 CentOS release 6.5 (Final) PHP ve

kasahi 2014/09/25

リンク

PHP 5.6 に採用されるデバッガ phpdbg を使ってみた

Shin x blog Advent Calendar 2013 の 21 日目です。第 12 回関西 PHP 勉強会にて、PHP 5.6 に採用予定の php dbg をひと足先に PHP 5.5.7 で触ってみました。 php dbg php dbg は、gdb ライクな PHP 用のデバッガです。ブレークポイントを設定して、その時点のコンテキストを確認したり、ステップ実行などができます。 php dbg | php debugger インストール PHP 5.6 から同梱される予定の php dbg ですが、これ自体はすでにリリースされており、PHP 5.4 から利用することが可能です。インストールには、PHP のソースコードが必要になるので、PHP もソースからインストールします。 $ sudo yum -y groupinstall "Development Tools" $ sud

kasahi 2013/12/22

php
debug

リンク

Reveal - naoyaのはてなダイアリー

Reveal (http://revealapp.com/) なる iOS 向けのランタイムインスペクタなるものを知人のツイート経由で見つけた。ランタイムインスペクタとは何か･･･ "Reveal brings the power of tools like Firebug and Web Inspector to iOS developers." ということでiOS アプリ用の Firebug みたいなのだと思えば良い。動画を観てると確かにすごい。3D で動かしながら View の階層を手繰ってアプリのビューがどういう構造になっているかを見ていくことができる。更に動的にパラメータを変更して大きさや動きを変える、なんて Firebug の css の編集みたいなこともできるようだ。ベータ版は無料のようだ。これは捗る。 RubyMotion で動かすドキュメントを見てみたところ Re

kasahi 2013/06/15

リンク

iOS6のリモートWebインスペクタ

iOS6のリモートWebインスペクタ iPhone5が販売されて、それに合わせてiOS6がリリースされました。ちょっとアップデートは様子見をしようと思っていたのですが、iOS6のリモートWebインスペクタが気になったので検証用のiPhoneのiOSバージョンを4.3から一気に6にアップデートしました。 iOS6のリモートWebインスペクタの使い方 iPhoneの設定 iPhoneの設定→Safari→詳細でWebインスペクタをオンにします。 WebインスペクタをオンにしたらSafari6がインストールされているMacとケーブルで繋ぎます。ちなみにiOS6ではこれまであったデバッグコンソールがなくなってるのでWindowsの人はアップデートしないほうがいいかも。 Macの設定 Safariを立ち上げて開発メニューから「WebKit Webインスペクタを使用」にチェックを入れます。 iPho

kasahi 2013/02/17

リンク

尊龙官方平台,尊龙官方网站

网站公告：嘉兴市经开和诚家政服务部已有多年历史。一直以来主要从事搬家、货运、物流等业务。我们力求发展，对职工严格要求。公司员工上下齐心协力、精诚团结、努力向上。使企业充满活力。可以称的上是一只真正的搬场运输主力军。现有各种类型的搬场车、搬场部有各种大、中、小厢式及平板货运车辆。可满足广大客户的不同需求。我们配备拥有一批高素质，训练有素的搬场服务员工。顺利人有吃苦耐劳的精…{查看详情}

kasahi 2011/12/14

リンク

ウノウラボ by Zynga Japan: PHPで利用出来るテストと開発に便利なツール

こんにちは。yukiです。今日はテストや普段の開発に便利なツールのご紹介をしたいと思います。PHP限定のツールですので、ご了承下さい。 ZyngaJapanでは、昨日リニューアルオープンした「ファームビレッジ」でも、Jenkins(旧Hudson)によるCIを行って開発しており、TDDやJenkinsでのCIを利用する文化がだんだんと浸透してきています。Jenkinsのプラグインとして利用できるものも多くありますが、当然ながらコマンドラインからも利用出来ますので、コミット前に自分のコードをチェックすることもできます。 phpcpd コードの中でコピー&ペーストで記述されている部分を検出してくれます。どの程度の重複から検出するかを柔軟に設定できるので、まず大きな部分から修正するなど判断ができ便利です。 $ phpcpd /path/to/project phpcpd @package_v

kasahi 2011/03/24

リンク

Firefox Developers Conference 2010 #ku

kasahi 2011/03/10

https://github.com/ku/peek

リンク

Google Code Archive - Long-term storage for Google Code Project Hosting.

Code Archive Skip to content Google About Google Privacy Terms

kasahi 2009/08/19

リンク

ウノウラボ Unoh Labs: gdbの使い方

今年の2月にマカーになったbokkoです。どうも僕の使っているフォントがほかの人には見づらいらしく、「そのフォントはねぇよw」と言われたり、外付けのキーボードを使っているせいか、「MacBookの意味なし!」と社内で言われてたりしています。今日はgdbのお話です。gdbは非常に広く使われているデバッガで、特にC、C++のプログラムをデバッグするのによく使われています。デバッガの使い方プログラムをデバッグする際、例えば以下の方法が挙げられます。 1. ソースコードを読む 2. ソースコードに出力関数を仕込む(例えばprintf) 3. ソースコードを書き換えて実行してみるこれで十分な場合もありますが、そうでない場合もあります。これらの方法ではプログラムを実行している最中にこちらからソースコードレベルでのアクションを起こすことが難しいので、例えば、プログラムをある時点で止めて変数の