Googleが選ぶ、2021年の最も優れたChrome拡張機能13選 | ライフハッカー［日本版］
13 of the Best Chrome Extensions of 2021, According to Google It’s the end of 2021, and Chrome extensions are still a thing. Quite a big thing, actually—as the world continues to move from work-from-home to a hybrid work environment, the tools and customizations offered by Chrome extensions are perhaps more critical than ever. These browser add-ons help you work, save time, and stay connected—and
chrome devtools の tips N連発 - mizdra
mizdra.icon が社内向けに発表した資料なのですが、折角なので一般向けに書き直して公開します。
開発体験を変える! 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 を入力することで取得で
Google ChromeをAppleScriptで操作する - DiaryException
Google Chromeはver.7以降でAppleScriptに対応している。正確に書くと、Google ChromeのプロセスにAppleEventを送ることが出来るようになった。 AppleScriptはAppleScriptエディタを使って書いて実行するか、エディタで書いてosascriptコマンドで実行することが出来る。 つまり、他のアプリケーションやshellからGoogle Chromeを操作する、Google Chromeの情報を取得することが可能になった。 例えば、Google Chrome内で選択したテキストをそのままEmacsのバッファに挿入したい場合、(AppleScriptを使わなければ、Google Chromeでテキストを選択→Command-c→Emacsに移動→(kill-ringとpasteboardが連動していることを前提にして)C-yとする必要があ
Google Chrome Extensionを作ってみた-その9- | DevelopersIO
はじめに 今回はオムニボックスをいじってみます。 オムニボックスの中に"blog"と入れてtabキーを押下したら、クラスメソッドのブログ達が出る様にしてみます。 作ってみる manifest.json いつも通りmanifest.jsonからです。omniboxを使うには、 "omnibox": {"keyword":"{キーワード}"} とします。今回は、{キーワード}のところに「blog」を入れます。また、オムニボックスの候補に出たブログを選択後にページ遷移させたいので、"permissions"に"tabs"を追加します。 { "name": "OmniboxSample", "version": "1.0", "background_page": "background.html", "omnibox": {"keyword":"blog"}, "icons":{"16":"ico
Context Menus と Omnibox を使って API の無い Web アプリの検索を実行する。 - dunno logs : Archives
Chrome Extensions を作ろう ちょっと社内の機能発表の用にネタアプリでも作ろうと思ったのが発端。うちは社長から営業、管理に至るまで Google Chrome が大好きで（弊社サービスは Chrome は公式にはサポートしていないが、社内ユーザーが多すぎて渋々対応している。。まあ特に何もしなくてもいい良い子なのでいいのですが）、せっかくだから弊社サービスの検索機能を Chrome から呼び出せるようにしてやろうと考えた訳です。 API が無いや。。 まあ弊社サービスはまだ Web API が無い状態で Chrome から何かしようにも REST APi 叩いて〜みたいなカッチョいい事はできないわけです。 つまり Web の画面を使って何かするしかない。しかも、本番サービスで使えるようにしたいので余計な穴（クエリ引数を処理するとか）は一切開ける訳にもいかず最初から茨の道に見え
起動オプション - Google Chrome まとめWiki
起動オプションの設定方法 Windows版の場合 Google Chromeのショートカットを新規作成 作成したショートカットを右クリック、プロパティを選択 ”リンク先”へ起動オプションを追加 例 XP "C:\Documents and Settings\＜ユーザー名＞\LocalSettings\ApplicationData\Google\Chrome\Application\chrome.exe" --disable-javascript --disable-java --disable-plugins Vista "C:\Users\＜ユーザー名＞\AppData\Local\Google\Chrome\Application\chrome.exe" --disable-javascript --disable-java --disable-plugins 半角スペースを空けてオ
Google Chromeの特殊URL @ val it: α → α = fun
This entry was posted by Jun Mukai on Friday, 11 February, 2011 Google Chromeにはいくつか特殊な形式のURL(about:*かchrome://*の形式)があって、chromeの内部に触れたりいろいろあります。代表的なところで、設定ダイアログになっているchrome://settingsがあります(stable版ではまだないかも？)。なかなか便利だし、見ると楽しい物も結構あるので、他にどういうものがあるのかを軽く調べてみました。一覧はソースコードのcommon/url_constants.ccから調べました。 about: about:version Chromeのバージョン情報など about:about about:*の一覧を表示 about:appcache-internals chrome://appcac
yoshimasa niwa - Mac OS XでネイティブAPIをGoogle Chromeの拡張機能から実行
先日のWWDCでAppleはSafariの拡張機能を公開し、またSafari Developer Programを開始しました。 既にGoogleはChromeブラウザで拡張機能を提供していますし、にわかにFirefoxの独壇場だった拡張機能市場が盛り上がりを見せています。 実際、僕はSafariがデフォルトブラウザなのですが、たまにChromeを使って、Chrome上からURLをSafariに送りたくなったりします。 しかし、ちょっと探してみてもそのような拡張機能はありません。なければ作るしかないわけですね! ただ、これを実現するには他のアプリケーションをGoogle Chromeから起動しなくてはいけませんし、そうするためにはMac OS XのネイティブAPIを呼び出す必要があるわけです。ひょっとしたらもっと賢い方法があるかもしれないのですけど。Google Chromeは幸いネイティ
ウェブ開発者必携のGoogle Chromeの15の拡張機能
ウェブサイトの制作に役立つGoogle Chrome用の機能拡張をCSS Reflexから紹介します。 15 Must Have Google Chrome Extensions for Web Development [ad#ad-2] Pendule HTML, CSS, WAIなどの検証をはじめ、CSSの無効化、リンクチェック、カラーピッカー、ルーラーなど。 Chrome Sniffer そのサイトで使用しているCMSとJavaScriptのライブラリを表示。 Chrome Web Developer Tools FirefoxのWeb Developer toolbar（日本語版）のクローンを目指して開発。 IE Tab ChromeでIEのレンダリングで表示。 Window Resizer ウインドウのサイズをワンクリックで任意の値に変更。 Chrome SEO 各種検索エンジン
開発者に聞く、Google Chromeが目指すもの － ＠IT
2009/03/30 「昔はWebブラウザの新バージョンのリリースには1年とか1年半かかっていました。しかし、われわれはWebブラウザの世界にも、Webアプリケーションと同じ速度で革新をもたらしたいのです」。こう語るのは、グーグルでシニアプロダクトマネージャーを務める及川卓也氏だ。及川氏は日本のグーグルでGoogle Chrome開発に携わる1人だ。 東京・渋谷のグーグルの日本オフィスで、Google Chromeに関する最新事情と技術的な取り組みについて話を聞いた。ここでは、Google ChromeがベースにしているオープンソースのWebブラウザ開発プロジェクト「Chromium」のWebサイトにある開発者向け情報と合わせてGoogle Chromeの現状と、高速化への取り組みに迫ってみたい。 矢継ぎ早のバージョンアップで機能強化と高速化 及川氏の指摘通り、グーグルはGoogle Ch
Google Chrome、タブブラウジングの秘密 | エンタープライズ | マイコミジャーナル
Chromium - News and developments from the open source browser project Google, Ben Goodge氏がChromium Blog, Tabbed Browsing in Google ChromeにおいてGoogle Chromeのタブ機能を説明している。Chromeのタブ機能は既存のほかのブラウザと比べて独特の動きをする。Tabbed Browsing in Google Chromeはなぜそうした動きになっているのかを知るうえでわかりやすく、Chromeを活用するのに役立つ文書だ。説明されている内容のいくつかを要約すると次のとおり。 タブはコンテナであるという認識しており、ブラウザはウェブに対するウィンドウマネージャであると考えている。このためタブ切り替えUIをウィンドウの最上位に位置するデザインを採用してい
Chromeはなぜ速いのか － ＠IT
Chromeの動作が圧倒的に速いように感じている。Chromeがリリースされた当初、それがなぜなのかよく分からなかった。グーグルだけにできて、ほかのWebブラウザ開発者にできないことなどあるように思えないが、それにしてはあまりに速いように感じたからだ。 その疑問のほとんどは、Chromeのオープンソースプロジェクト版「Chromium」の公式ブログの解説で氷解した。ブログを読んで分かったのはグーグルのエンジニアたちが信じられないほどのスピード狂であることと、そのスピードへのこだわりには2種類の“スピード”があることだ。 1つは処理速度、もう1つは応答速度だ。特に後者、ユーザーをできるだけ待たせない、イラつかせないということに対する徹底したこだわりは、すさまじい。その背後には「スピードとは、つまりお金だ」という洞察があるようだ。 0.5秒の遅延でユーザー離れ グーグル創業約1年後の1999年
Google ChromeのCSS 3対応状況 - builder by ZDNet Japan
EDRトップランナー対談：後編 セキュリティ戦略を転換せざる得ない背景と EDRのような手法が必要な理由に迫る ともにDXを推進する コンテナ化されたワークロードを管理 継続的な価値を生みだす「協創」への挑戦 オラクルスペシャリストが語る！ 多くの企業で利用されるオラクルDBの課題 アセスメントの重要性とコスト最適化 時代はサーバ仮想化からコンテナへ あらためて整理したい企業ITにおける コンテナ活用の基礎と採用メリットを紹介 身近な改善の第一歩！ ニューノーマルな働き方を前提にした これからの時代のWi-Fi環境構築のポイント ライバル同士がタッグを組む理由 マイクロソフトとヴイエムウェアが連携し パブリッククラウドへの移行を支援 クラウドネイティブの実現 モダンインフラの構築・運用の課題解決へ コンテナの可能性を広げるVMware Tanzu 単純なインフラ製品の販売ではない DX、コ
Google Chromeのスペシャル「about：ページ」全リスト | ライフハッカー・ジャパン
もうGoogle Chromeのアドレスバーに「about:internets」と入力してみた？ ...さすが天下のGoogle様！ なかなかいかしていますよね。そんなユーモラスな仕掛けが仕込まれた新ブラウザですが、読者のnettlemanさんの指摘によると、他にもスペシャル「about：ページ」が用意されているということなんです。いま見つかっているものだけでも、こんな具合。 about:memory about:stats about:network about:internets about:histograms about:dns about:cache about:plugins about:version というわけで、MacやLINUXユーザーのために、以下スクリーンショットを用意しておきましたよ。 以下、すべての画像、クリックで拡大します。 もし、ほかにもGoogle Chr
Google Chrome JavaScriptデバッガ完全マニュアル。 - IT-Walker on hatena
Google Chromeはシンプルに見えてオフラインやWebアプリショートカット作成などいろんな機能が搭載されています。 そんな中、JavaScriptデバッガがあるのも発見！ どんなもんかと思ってみてみたら、なんとコマンドラインベースのデバッガです。Firebugみたいな物を想定していたのですが、まさかgdb（GNU製C/C++デバッガ）みたいなのがブラウザに載ってるなんて・・・しかも全然情報ないし。 でも開発者にとっては、JavaScriptをランタイムでデバッグできると言うのは非常に嬉しい事ですね。そこで、Chromeデバッガの使用法についてちょっと調べてみました。 デバッガは、開発者向けメニューの中から選択する事が出来ます。立ち上げてみると、コマンドの表示結果が表示されるエリアと、コマンドを入力するテキストフィールドが並んでいるだけ、と言うシンプルなUIが表示されます。 最下部の
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://developers.google.com/web/tools/setup/workspace/setup-devtools
GoogleChromeに乗り換えるために導入した拡張機能10個｜男子ハック
Mac 版 Chrome で作業を大幅加速！ 必須の 8 個の拡張機能 | シゴタノ！