Chrome DevToolsにもGeminiを搭載へ。エラーの解決策などAIが支援
Googleは、日本時間5月15日から開催中のイベント「Google I/O 2024」で、デスクトップ版のChromeが備える開発ツール「Chrome DevTools」に、同社の最新版の生成AIであるGeminiを組み込むと発表しました。 これによりDevToolsのコンソールで表示されるエラーメッセージなどをGeminiが解説し、エラーの解決などを支援してくれるようになります。 DevToolsのエラーをGeminiが解決 下記がGoogle I/Oのデベロッパー向け基調講演で行われたデモ画面の一部です。DevToolsに表示されたエラーに関して、右上の「Understand this error」ボタンをクリックすると、このエラーがGeminiに送られます。
Browser Dev Tools: The Ultimate Guide 🔥
Contents (Click to expand) ↕️ Design Mode Pretty Print Command Pallet and Super Search Snippets Live Expressions Tracking Changes Console Shorthand Find Unused Code Rendering Panel Network Paint Times Network Timings Inspect Network Requests Performance Identifying Memory Leaks Raw Memory Inspection Test bfcache Full Refresh Lighthouse Page Size Breakdown Record User Flows Advanced User Flow Opera
「タブを複製」のショートカット - Google Chrome コミュニティ
メイン コンテンツにスキップ false 検索検索をクリア検索を終了Google アプリメインメニュー
Googleの新ツールが便利すぎる！デザイナーやディレクター向けの新しいデザインツール -ProjectVisBug | コリス
VisBugはChromeの機能拡張で、ブラウザに表示したページのデザインやコンテンツを検証・編集できます。グリッドの確認はもちろん、要素を移動させたり、入れ替えたり、別の画像にしたり、テキストを編集したり、カラーを変更したりなど、さまざまなアイデアを実行・テストすることができます。 制作や検証時だけでなく、クライアントとの打ち合わせ、社内ミーティングなど、活躍するシーンがたくさんある便利ツールです。 VisBug -GitHub VisBugの特徴 VisBugのインストール VisBugの機能 VisBugの特徴 VisBugはChromeの機能拡張で、デベロッパーツールのデザイナーやディレクター向けという感じです。開発者のAdam Argyle氏は、Googleの現役UXエンジニア。 機能拡張なので、使うのは簡単です。 Chromeで当ブログを表示し、VisBugを起動してみました。
開発体験を変える! 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 を入力することで取得で
Chromeの新機能CSS Overviewがすごく便利！ページに使用しているCSSの概要や未使用の宣言がすぐ分かる
Chromeに新しく実装された「CSS Overview」が非常に便利なので、紹介します。 表示しているページのCSSの概要、カラー、フォント、メディアクエリ、未使用の宣言が一覧でき、制作したページの検証やスタイルガイドとしても役立ちます。 Chromeの新機能「CSS Overview」 Fyi: New in Chrome: CSS Overview Chromeの新機能「CSS Overview」の準備 Chromeの新機能「CSS Overview」の使い方 Chromeの新機能「CSS Overview」の準備 まずは、Chrome デベロッパーツールを開き、右上の歯車アイコン（Settings）をクリックします。
Google Chromeの不正な拡張機能、大手組織を含む50万ユーザーが利用
GoogleのChrome Web Storeで提供されていた拡張機能4本に、任意のJavaScriptを不正に挿入して実行する仕組みが実装されているのが見つかった。 セキュリティ企業のICEBRGは、米GoogleのChrome Web Storeで提供されていた悪質な拡張機能を発見したと発表した。ダウンロード回数は世界で合計50万を超えていたといい、同社はブラウザの拡張機能が、企業などの組織に対して投げ掛けるリスクに警鐘を鳴らしている。 ICEBRGの1月15日のブログによると、ある顧客のワークステーションで不審なトラフィックが検出され、調べた結果、Chrome Web Storeで提供されていた「Change HTTP Request Header」という拡張機能が原因だったことが判明した。 同拡張機能は一見、不正なコードは含まれていないように見えていたが、任意のJavaScript
RubyとSeleniumでHeadless chromeを動かす on Ubuntu/Linux - Qiita
[2017-06-22 追記] chromeバージョン59の正式リリースに伴い、記事の内容を全面刷新しました。 [2017-07-27 追記] selenium使用時にsend_keysが使用できない問題を記載しておりましたが、Chromedriver2.31のリリースに伴い問題が解消しました！ はじめに注意 chromeはバージョン59より正式にヘッドレスモードを搭載しました。 それを試そうと「chrome headless」などで検索すると、古いバージョンのchromeをXvfbなどの仮想ディスプレイを通してLinux上で動かす記事が沢山でてきますが、これらはheadless chromeに関しての記事ではなく、普通のGUI chromeをどうにかしてcui上で動かそうという取り組みの記事です。 chromeのヘッドレスモードでは、PhantomJSと同じようにXvfbはありません。g
ヘッドレス Chrome スタートガイド | Blog | Chrome for Developers
要約 ヘッドレス Chrome は Chrome 59 でリリースされています。これは、ヘッドレス環境で Chrome ブラウザを実行する方法です。つまり、Chrome なしで Chrome を実行することになります。Chromium と Blink レンダリング エンジンが提供する最新のウェブ プラットフォームのすべての機能をコマンドラインにもたらします。 なぜこれが有用なのでしょうか。 ヘッドレス ブラウザは、可視 UI シェルが必要ない自動テストやサーバー環境に最適なツールです。たとえば、実際のウェブページに対してテストを実行したり、その PDF を作成したり、ブラウザが URL をレンダリングする方法を確認したりできます。 ヘッドレスの開始（CLI） ヘッドレス モードを開始する最も簡単な方法は、コマンドラインから Chrome バイナリを開くことです。Chrome 59 以降がイ
HTTP Headers という 5万人が使っている Chrome 拡張のマルウェア疑惑。セッション盗まれて BTC も盗まれそうになった話。 - clock-up-blog
疑惑どころか 99.99% くらい黒な話。 （後記：セッション盗まれたと思ってたけど、よくよく考え直してみると生パスワードごと盗まれてる可能性もあるしやばい） 追記：続報 11月3日 今回指摘した HTTP Headers 以外にも、「Tab Manager」「Give Me CRX」「Live HTTP Headers」等で同様（？）の問題が報告されています。第三者が元の作者からソフトウェア権利を買い取って悪用する、というケースが割とある模様（？）。皆さま情報ありがとうございます。 11月4日 Zaif については、「不正な Chrome 拡張」と「スクリプトから保護されていなかったクッキー」のコンボによりセッションが盗まれていた可能性あり。 Zaif のセッション情報が盗まれた原因のひとつについて。JavaScript からクッキー値を取得させない方法。 - clock-up-blog
Mac Google Chromeの終了をCommand+Qの長押しに簡単変更する - kinopyo blog
MacでGoogle Chromeを使う時、誤操作でcommand+wを押したかったのに間違ってcommand+q押しちゃってChromeアプリケーションを閉じたことはありますか？それを防ぐために既にいろいろ方法が出てますが、いつの間にかChrome自体で簡単に設定できるようになりました！ 方法 Chromeのアプリケーションをアクティブにし、一番上のトップバーからChrome -> Warn Before Quitting (⌘Q)をチェックすればOKです。 こうすればCommand + Qは警告のメッセージが出て、長押しで終了するようになります。 朴 起煥 東京で働いている「外人歴」9年のソフトウェア「ライター」。いつの間にか納豆が食えるようになり、これで日本に慣れきったと思いきやまだまだ驚きが続いてる。読んだり書いたりするのが好きで、自身の経験や本から得た「何か」をここに書き出してる
chrome-cli - Google Chromeをコンソールから操作
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました どんな面白い使い方ができるかな？ Google Chromeをメインブラウザにしているプログラマーの方は多いと思います。プログラミングとブラウジングは近いように見えて意外と遠いです。その最大の違いはマウスとキーボードでしょう。 Google Chromeをキーボード操作できるようにする機能拡張は多いですが、今回はGoogle Chromeをターミナルで操作できるようにするchrome-cliを紹介します。 chrome-cliの使い方 まずはコマンドヘルプです。 $ ./chrome-cli -h Usage: chrome-cli -h (Print help) chrome-cli --help (Print help) chrome-cli help (Print help)
Chrome for iOSのユーザーエージェントについて
2012年6月28日、iOS版のGoogle Chromeがリリースされました。 興味深い機能が幾つか実装されていますが、ここでは"PC版サイトをリクエスト"という機能に焦点を当てて分析しようと思います。 ・概要 まず、iOS 5.1.1のSafariのユーザーエージェントは以下の通りです。赤で示した箇所はChromeにはありません。 Mozilla/5.0 (iPhone; CPU iPhone OS 5_1_1 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Version/5.1 Mobile/9B206 Safari/7534.48.3
LiveClip という chrome app を作りました - kurainの壺
動画を見てもらうのが早いのですが、Chrome で開いている Web Site の好きな部分を、フチ無しのPopup Window で表示できるという Chrome App です。 なにが嬉しいの? という感じかもですが、 youtube, ニコ動 など popup window 表示に対応してない動画サイトでも小さな window で表示できる しかも、どの window よりも最前面で表示される (dev channel のみの機能) 更に、拡大縮小しても動画再生が可能(操作は不能になります) という機能があります。ようは、"小さい画面でも動画を画面端で再生しっぱなしにしたい" という欲求のために作ったソフトウェアです。 Chrome App と Chrome Extension が協調して動いているので LiveClip (App) LiveClipExtension (Extens
Trello と Scrum for Trello を使用した弊社の開発チームタスク管理方法 | オガリア 技術ブログ
こんにちは。オガリア開発チームの粂です。 Trelloという タスク管理ツールがあります。 https://trello.com/ Trelloの導入方法や基本的な利用方法については既に各所で紹介されています。 下記の記事は2011年と少し古いですが、内容が大変わかりやすく今でも十分有用なため、Trelloについてご存知ない方はご一読をおすすめします。 http://www.tachitto.com/2011/09/trello.html 非常に便利なツールでありますが、具体的な利用方法についてはWeb上にそれほど存在していないため、 本記事では、Trello と Scrum for Trello というChromeの拡張機能を使った弊社の開発チームのタスク管理方法を紹介したいと思います。 List ※参考イメージ(Card自体は非表示にしています) Listは全部で8個作っています。それ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
URLがなにかおかしい……「Google Chrome 69」に加えられたある小さな変更が話題に／アドレスバーに“些細なサブドメイン”が表示されないように【やじうまの杜】
1分で実現できるjavascriptにおけるconsoleまわりの有用なテクニック4つ - Qiita
Chrome Web Store
ChromeのDNSキャッシュをclearしたい - でつmblr
Site Under Maintenance
