モバイルアプリ・Web開発にオススメの Chrome 拡張機能 10選 - Tech Blog
カップル専用アプリPairyでおなじみ株式会社TIMERSのCTOの椎名アマドです。 先日うちの社員と話してて自分が普段使ってるChrome拡張機能をしれっと紹介したら、 「生産性が上がる」とだいぶ好評価でした。 なので今回は、モバイルアプリやスマートフォンWeb開発などに役立ってる、Chromeの拡張機能を紹介します。 使う使わないでかなり生産性が変わってくるものもあるので、是非活用してみてください。 API開発に最適 JSONView オススメ度：★★★★★ JSONで来たレスポンスを、綺麗に最適化して表示してくれます。 わかりやすく色分けハイライトされてたり、配列を畳むことが出来たりと、 APIを絡めた開発では必需品です。 Postman - REST Client オススメ度：★★★★★ REST リクエストをその場で作成して送信できるクライアントツールです。 GET/POST/D
GPU Accelerated Compositing in Chrome
Tom Wiltzius, Vangelis Kokkevis & the Chrome Graphics team updated May 2014 This code is changing due to Slimming Paint and thus there may be large changes in the future. Note also that some class names may have changed (e.g. RenderObject to LayoutObject, RenderLayer to PaintLayer). Summary This document provides background and details on the implementation of hardware-accelerated compositing in C
Chrome の DNSキャッシュを消す方法
こんにちは、松田です。 今回はGoogle Chrome でのDNSキャッシュの消し方です。 最近（？）のブラウザは読み込みを速くするために色々な技を使っているようで、例えばブラウザがDNSのキャッシュを持っていて、いちいちマシンのDNSキャッシュを参照しないでもいいようにしているみたいです。 ただしこの影響でマシン上でDNSキャッシュを消したとしてもブラウザには残っていて移転時など、なかなか移転先のページが見れないなんてことがあります。 そこでブラウザのDNSキャッシュを消してしまう方法です。Chromeでのやりかたになります。たったの２ステップです。 アドレスバーに「chrome://net-internals/#dns」と入れる 「Clear host cache」というボタンをクリックする たったこれだけです。 簡単ですね。これをして再度該当のURLにアクセスしてみてください。 参
Chrome for Business - 企業向けブラウザとしてのChromeの機能、まとめ - ふろしき Blog
Google Chromeは、どちらかと言えばコンシューマー向けブラウザという印象が強いでしょう。実際にそれを裏付けるデータがあります。「StatCounter GlobalStats」の世界ブラウザシェアの内容を結果を確認すると、以下の結果が得られます。 ※ 青がInternet Explorer、緑がChrome。 企業の営業時間にIEのシェアが上がり、休日にChromeのシェアが上がるあたり、やはりChrome=コンシューマーに利用される傾向がある、IE=企業に利用される傾向がある、と結論付けざる得ないでしょう。実際にこれらのブラウザは異なる指針を持って開発が進められており、Chromeは短いリリース頻度による最新技術指向、IEは長いサポート期間による安定指向という傾向があります。 とはいえ、Chromeもエンタープライズ市場を捨てているわけではありません。Googleは「Chrom
そういや、Google ChromeのDeveloper ToolsってCSS当てられる気がする - Pastalablog in はてな
と思ったからググったらあった。 SouffleCode.net: The Leading Souffle Code Site on the Net ！！！Chrome v33からCustom.cssを変更しても効かないようになったので注意！！！！（エントリーの最後に代替策について記述しています） Chrome Developer Toolsを開いて、別窓にしてもう1回ショートカットキーを押すとDeveloper ToolsのウィンドウをDeveloper Toolsで解析できる。便利。 でも、なんかウィンドウいっぱい開かないといけないから面倒だって人は、Chromeでchrome-devtools://devtools/bundled/devtools.htmlを開けば直接HTMLファイルを開けるので、この状態で普段HTMLを見る時みたいに見れる。便利。 これを開いてると、Custom.c
300ms tap delay, gone away | Blog | Chrome for Developers
For many years, mobile browsers applied a 300-350ms delay between touchend and click while they waited to see if this was going to be a double-tap or not, since double-tap was a gesture to zoom into text. Ever since the first release of Chrome for Android, this delay was removed if pinch-zoom was also disabled. However, pinch zoom is an important accessibility feature. As of Chrome 32 (back in 201
Chrome Devtools for beginners (v1.1)
JavaScriptで ごく普通にhttp通信をする 〜esp8266+espruinoでhttp getリクエストをするテスト〜Masakazu Muraoka
Terminal in Chrome Devtools - Google Chromeの中で使えるターミナル
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました おおお、これは便利ですよ！ Webシステムの開発では任意のテキストエディタを使いつつ、修正したらWebブラウザを再読み込みして確認するといったスタイルが多いかと思います。そんな中でいちいち切り替えるのが面倒ということは多いです。 しかしWebブラウザからローカルのファイルへ書き込んだりすることはできません。そこで使ってみたいのがTerminal in Chrome Devtoolsです。Google Chromeのデベロッパーツール内で動作するターミナルです。 ファイルの編集はもちろんのこと、ファイルを移動したりすることもできます。足りなかった外部ライブラリをwgetで取得して保存したり、ローカルでは読み取れない外部のJSONファイルを保存するのにも使えそうです。 普段テキストエデ
Chromeのdevtoolsの中でTerminalを動かせてヤバイ - mizchi's blog
やばい ↑ Chromeの中のTerminalの中のtmuxの中でvimが動いている様子です Terminal in Chrome Devtools — Dmitry Filimonov 導入手順 Chrome Web Store - Devtools Terminal をChromeでインストール $ npm install -g devtools-terminal $ devtools-terminal ChromeのDevTools開いてTerminalを開く 一部キーバインドがChromeに握られて潰されてしまっているが(Ctrl-aなど)基本的には問題なく動く。スクショ通りvimも動く。 ヤバイ
DevTools Snippets
allcolors.js # (view raw) Print out all colors from computed styles used in elements on the page. Uses styled console.log calls to visualize each color. // allcolors.js // https://github.com/bgrins/devtools-snippets // Print out CSS colors used in elements on the page. (function () { // Should include colors from elements that have a border color but have a zero width? var includeBorderColorsWit
Chrome Logger - Server side application debugging
About Chrome Logger is a Google Chrome extension for debugging server side applications in the Chrome console. Most languages include their own logging capabilities, but sometimes it is easier to see your logs right in the browser. Chrome Logger used to be known as ChromePHP. If you are feeling generous, you can donate to help support development. Usage Using Chrome Logger is simple: Install the C
Chrome拡張でContent ScriptとBackground Pageのメッセージのやり取りをする
を、ようやく実装できました。 Amazon to Rakuten Chrome拡張「Amazon to Rakuten」は当初下記の流れで作っていました。 1. chrome.tabs.getSelectedで今開いてるamazonのページのURLを取得 2. XMLHttpRequestで取得したURLのHTMLを取ってきて、本のタイトルを正規表現で取得 3. 楽天ブックス総合検索APIに取得したタイトルを投げる 4. 検索結果をPopupに表示。表示されたやつをクリックすると無事楽天ブックスの商品詳細ページにジャンプ 1. Content ScriptでDOM解析し、今開いているamazonの詳細ページから商品タイトルを取得 2. 取得したタイトルをMessageでbackground.htmlに送信 3. background.html上で楽天ブックス総合検索APIに、Content
Modern Web Development
A software engineer in San Francisco, talking about the mobile web, inspiration, creativity, life, and personal development. The blog post is the first in a series of posts that attempts to outline what a modern web development toolchain looks like and how to use the best-of-breed tools for efficient, effective development. Part two will outline how to use to set up your Terminal, zsh, and vim The
ニートなプログラマが世界を変える: Vichrome : vim風インタフェースを実現するChrome Extension
2011/09/28 Vichrome : vim風インタフェースを実現するChrome Extension Vichrome（ユーザーマニュアルはこちら） ここ最近こっそり開発してたのがこれ。 さあ君も今すぐインストール！ Vichromeって？ viライクな操作をChromeで実現するという比較的ありがちな、VimperatorマジリスペクトなGoogle Chromeエクステンションです。 実はChromeのエクステンションには既に似た様なものがいくつかあるのですが僕の要求を100%満たせるものは存在しないようです。しかし、それでもvimmerな僕としてはWebブラウジングでマウスを極力使いたくないという思いがあります。 で、それならいっそ作ってしまえということで開発したのがVichromeというわけです。 ということで今日はVichromeの紹介をします。自分のために作ったと
これはすごい！Chromeで最強のコマンド環境を構築する方法「gleeBox＋Quix」 - Chrome Life
皆さんはキーボード派ですか？マウス派ですか？ 筆者のようにプログラマの方であれば、キーボード派の人が多いと思います。 マウスでグリグリ操作するよりも、ショートカットキーを使いこなす方が何倍も早く操作できることを知っているはずです。 ターミナルをよく開いている人は1日の大半はキーボードだけで生活しているでしょうw しかし、そんな人でもブラウザの前では、キーボードだけでは効率良く操作できないので、仕方なくマウスで操作するしかありません。 そこで今回ご紹介するのは、Chromeをコマンドで操作できるようにしてくれるキーボード派のためのエクステンション「gleeBox」です。 「gleeBox」は、Chrome上に入力ボックスでコマンドを打ち込むだけで様々な操作が可能になるエクステンションです。 何がそんなにスゴイかというと、ほとんどマウスを使わなくても操作ができるように様々なコマンドが用意されて
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://developers.google.com/web/tools/setup/workspace/setup-devtools
rathersplendid.net - rathersplendid リソースおよび情報
rummelonp.com
Chrome Extensions API リファレンス
http://kb2.adobe.com/jp/cps/854/cpsid_85404.html