[B! chrome] ton-booのブックマーク

Chrome Devtoolのmonitorを使うと関数の呼び出しを観察できて便利 - ぱすたけ日記

を読んで思い出したのでご紹介です。元の記事と同様に以下の関数 sum について、 function sum(nums, acc = 0) { console.log({ nums, acc }); if (nums.length === 0) return 0; if (nums.length === 1) return nums[0]; return sum(nums.slice(1), acc + nums[0]); } この関数sumの引数 (nums と acc) の呼び出しごとの変化を見たい場合は、所謂プリントデバッグや debugger を使うのは一般的なテクニックとしてよく知られていますが、このような関数呼び出し時の引数を知りたい場合はmonitor(function)という関数を使うことで同様の効果を得ることが出来ます。この場合は monitor(sum)とした後に、関

ton-boo 2021/05/03

リンク

Google ChromeのCPU喰いが気になるなら「Tab Freeze」機能を試してみよう

Google Chromeはマルチプロセスアーキテクチャと呼ばれるデザインを採用している。これはタブごとに別のプロセスが生成される仕組みで、メモリ使用量やCPUリソースの消費量が増えやすい反面、タブを閉じることでリソースの開放が行われやすく、さらにWebブラウザ全体のロバスト性も向上しやすいという特徴があると言われている。しかし、場合によっては、バックグラウンドで動作を続けるタブで大量のCPUリソースが消費されることがある。これを回避する機能が、先日公開されたChrome 79に実験的な機能として導入された。この機能は「Tab Freeze」と呼ばれており、5分間以上バックグラウンドに存在するタブを自動的に停止するというもの。CPUリソース消費を大幅に抑えて、ノートPCなどのバッテリーの持ちが改善される可能性がある。 Chrome 79に実験的に導入された機能「Tab Freeze」

ton-boo 2019/12/15

chrome

リンク

Macに別れを告げて、クラウド中心の開発生活を始めるまで - Qiita

昨年あたりから、Macやめたい病を患っていたのですが、2度の故障を経て、重たい腰を上げました。別にWindows使いたいわけもなく「ローカルが煩わしい」だけなので、Windowsアプリは一切インストールしていません。で、どうやって暮らしてるの? というお話です。 TL;DR このあたり↓を組み合わせていけば、クラウド生活可能: GCP (or AWS) Codeanywhere (or Koding or Cloud9) VPCネットワーク + VPN (IPsec+L2TP) + DNS Figmaほか、Webサービス各種追記・この記事を書いていたら、AWS Cloud9が発表されました。選択肢が増えて何よりです。はじめに本稿は、筆者が「Mac断ち」あるいは「ローカルマシンから解脱(げだつ)」する過程で見えてきた、ベスト(かも)プラクティス集に近いものです。よく使うテキストエディ

ton-boo 2017/12/05

リンク

Web制作者は使わないと損！Chrome 59でアップデートされたデベロッパーツールの便利な新機能

5日にリリースされたChrome 59で、ブラウザと共にアップデートされたデベロッパーツールの新機能を紹介します。 What's New In DevTools (Chrome 59) Chrome 59 - What's New in DevTools -YouTube ページの軽量化: 未使用のCSSとJavaScriptを見つけるフルサイズのスクリーンショットをキャプチャリソースのロードをブロック非同期コードの検証コマンドメニューの統一ページの軽量化: 未使用のCSSとJavaScriptを見つける新機能の一つ目は「Coverage tab」。ページで使用されていないCSSとJavaScriptを見つけることができます。 command + shift + P で、「Show Coverage」を入力して選択。 ※「cov」まで入力すれば、上位に表示されます。 Show