console.time()で非同期処理の所要時間を計測する - Qiita
console.time('label_name') と console.timeEnd('label_name')を使うと経過時間の測定が簡単にできる。 基本的な使い方 測りたい処理の開始時にconsole.time()を呼び出す。このとき引数にラベル名を渡す必要がある。 計測終了したいタイミングでconsole.timeEnd()を呼び出す。このとき引数には同じラベル名を渡す。 function loop(){ console.time("loop time"); for(var i =0; i < 1000000000; i++){} console.timeEnd("loop time"); } loop();
覚えておきたいDevToolsのコマンドラインAPIまとめ - Qiita
DevTools、使ってますか？ もはやChromeじゃないと開発できないくらいに飼い慣らされています。 ブレークポイントやconsole.logなど基本的な使い方から、TimelineとAuditsを使ってのパフォーマンス計測などなど、DevToolsのポテンシャルは計り知れません。 個人的にはConsole APIが好きなんですが、今回はConsoleパネルで使える Command Line API の使い方についてまとめてみました。 $_ $_には最後に評価した式の結果が保存されています。 Console上で計算を行なった場合や、$セレクタなどでDOMを検索した結果など、最後の結果が常に保存されます。 $0 〜 $4 $0から$4にはElementsパネルで選択した要素が5つ保存されています。$0が最後に選択した要素で数字が増えるごとに過去に選択した要素になります。 $0は特に使いや
通信帯域を調整できるgruntプラグインを紹介するよ - Qiita
スマートフォン向けのサービスなどを開発しているとき、3G回線の様な低速な環境での振る舞いを確認しなければならないときがあります。 白ロムでWifiしか使えない場合や、パブリックなとこに置けないために実機での確認に一手間かけなければならないときもあると思います。 有名な方法としてはCharlesのようなローカルプロキシでスロットリングを行う方法があります。 ただCharlesは有料なので開発している全員の環境に入れられるかと言えば少し難しいです。トライアルもありますが常用するには厳しいと思います。 もっと手軽にやりたい。。 grunt-throttle そこで登場するのがgrunt-throttle！ tjgq / grunt-throttle 使い方も超簡単 インストール
ChromeのDevToolsで画像をbase64エンコードしちゃう方法 - Qiita
画像を文字列にしてリクエストを減らしたりするアレことbase64。 普段はコマンドラインのツールとかで変換してるんですがChromeのDevToolsでかなり手軽にできたのでメモ。 htmlで画像を読み込む ブラウザで開く DevToolsを開いてリロード ResourcesパネルのImagesに画像があるのを確認 右側に表示されてる画像を新しいタブで開くようにドラッグ ↓ ヽ(｀▽´)/ アドレスコピーして使える。 DevTools側の画像はbase64変換して表示してるのかーという豆知識もさりげなくゲット。 ※ サイズがある程度を超えるとアドレスバーに表示できなくなるので注意 いちいちタブで開くのめんどくさい人向け (サイズの問題も回避できる) 左下のボタンを押してDevToolsのウィンドウを切り離す (※長押しして選択しないと切り離せない場合もある) DevToolsにフォーカスし
configローダーでGruntのタスクモジュールの管理を自動化する - Qiita
Gruntfile.jsを10行にした話@watilde このエントリのやり方が気に入ったので自分の真似してGruntfileをダイエットさせた。 Gruntダイエットで健やかな開発を config書くのだけめんどくさい すごく良いやり方だと思ったけど、config.jsを自分で追記していくのが若干めんどうだし、自動でできればモジュール追加が捗る〜と思って書いてみた。 /* config */ var configName, fs; fs = require("fs"); configName = __filename.split("/").reverse()[0].split(".")[0]; fs.readdirSync(__dirname).forEach(function(filePath) { var fileName, stats; stats = fs.statSync(__
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
