[B! chrome] hirosuegariのブックマーク

開発体験を変える! 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 を入力することで取得で

hirosuegari 2020/08/18

リンク

タチの良い時間泥棒ことNetflixを、最強の英語学習ツールに変えるChrome拡張機能が登場！

タチの良い時間泥棒ことNetflixを、最強の英語学習ツールに変えるChrome 拡張機能が登場！2019.04.06 15:00114,396 山田洋路どうせ今日も観てしまうんだから、ついでに英語も学んじゃいなよ。時間がない、時間がない、と公言しつつ、なぜかNetflixのマイリストだけはしっかり消化していませんか。このやめたくてもやめられない最優先タスクを、なかなか続かない英語学習と抱き合わせにできる発明が、Chrome 拡張機能｢Language Learning with Netflix（LLN)｣です。 Video: David Wilkinson/YouTubeLLNの開発者の1人、David Wilkinsonさんは、｢たとえばペルシア語のように、言語によっては教材の選択肢が狭いものもある｣とThe Vergeへのメールで語っています。その点、我らがNetflixの字幕は主要

hirosuegari 2019/04/06

リンク

【2019年4月版】JavaScriptのconsoleがすごいことになってた。 - Qiita

JavaScript の console がすごいことになっているらしい。本日、以下の記事を見つけました。 Getting creative with the Console API! この記事で紹介されている console のメソッド全然知らなかったのでビックリしましたが、実際にどう表示されるのか載っていなかったのでChromeのコンソールでスクショを取ってみました。 console.log() 本文によるとlogメソッド内のテキストリテラルは以下の書式で値のフォーマットと置換ができるそうです。 %o / %O - for objects; %d / %i - for integers; %s - for strings; %f - for floating-point numbers; マジすか・・・そんなわけで以下のコード console.log("Object value:

hirosuegari 2019/04/04

リンク

Chrome Developer Toolsを使いこなそう！

入門 Kubeflow ～Kubernetesで機械学習をはじめるために～（NTT Tech Conference #4 講演資料）NTT DATA Techno logy & Innovation

hirosuegari 2015/01/11

リンク

フロントエンドエンジニアになってから11ヶ月間で覚えたちょっと捗るChromeの使い方 - Qiita

はじめに昨今のWebブラウザはどのような機能があるのか把握するのも大変なほど多機能で便利ですよね。 Webブラウザの機能を把握してうまく使いこなせること（とくに開発者ツール）が、フロントエンドエンジニアの前提スキルになってきてるのかなぁと感じる今日この頃です。ということで自分のデフォルトの開発用ブラウザはChromeなのですが、これを覚えて捗ったなぁということをメモしていこうと思います。思い浮かんだら追記していこうと思っているのでストックして頂けると幸いです。基本系キーボードショートカットを覚える Chromeのキーボードショートカットの一覧キーボードで出来ることはなるべくキーボードでやるけれども、マウスやトラックパッドでやったほうが速い場合は臨機応変に切替えることを心がけています。 Chrome Canaryを使う Chromeの開発者向けプレビュー版 Chrome Cana

hirosuegari 2014/11/30

リンク

私が愛用している　Chrome拡張機能　おすすめ14選 - ネットの海の渚にて

今回は私が実際に使っていて便利だなぁと日頃思っているおすすめのChrome 拡張機能を紹介します。 Google Mail Multi-Account Checker https://chrome.google.com/webstore/detail/google-mail-multi-account/mcpnehokodklgijkcakcfmccgpanipfp メインのアカウントとSNSやブログ関係のアカウントを使い分けているのでこれが無いとめちゃくちゃ不便。これのおかげでメーラーアプリはめったに立ち上げなくてもよくなりました。 HD for YouTube™ HD for YouTube™ - Chrome Web Store YouTubeを開くと強制的に最高画質に変更してくれる優れもの。ちょっとの手間だけどあったらやっぱり便利。 Speed Dial [FVD] Speed D