Chromeデベロッパーツールを使ってみよう｜要素（Elements）パネル編 | Sqripts
こんにちは。QAエンジニアのTHです。 普段からGoogle Chromeをウェブブラウザとして使用されている方は多いと思います。 このGoogle Chromeにはデベロッパーツールと呼ばれる機能があります。 一般ユーザーとしてウェブサイトを閲覧するだけの人は使うことのない機能ですが、ウェブ開発や検証においてはとても便利なツールです。ウェブ開発や検証に携わったことのある方は一度は見聞きしたことがあるのではないでしょうか？ 本記事が下記のような方にとって Chromeデベロッパーツール 使い始めの第一歩として参考になればと思っています。 - Chromeデベロッパーツールはなんとなく知っているけど何ができるのか分からない - Chromeデベロッパーツールの使い方が分からないので敬遠している - ウェブデザイン・コーディング初心者 - 意図しないブラウザ表示の原因特定や微調整に苦労している
ChatGPTがより便利になるオススメChromeプラグイン3選！｜SHIFT Group 技術ブログ
はじめにこんにちは。SHIFT DAAE 開発グループ所属のNogamiです。 今回は、ChatGPTを使用する中で、これは便利と感じた、3つのChromeプラグインについて解説します！ 各プラグインは、Chromeウェブストアからインストール可能です。 ※「Chrome」ブラウザまたは、「Edge」ブラウザで利用可能。 Chromeプラグイン3選1.「ChatGPT Ctrl+Enter Sender」ChatGPTでプロンプトを入力しているときに、下記のようなシーンで誤送信をしてしまったことはありませんか？ 文字変換で複数回「Enter」を押して、誤送信、、。 文章の改行をしようと思って「Enter」を押して、誤送信、、。 この悩みを解決してくれるプラグインが、「ChatGPT Ctrl+Enter Sender」です。 このプラグインを入れることで、プロンプトの送信を「Enter」で
Chrome ウェブストアの悪質な拡張機能
GoogleのChromeウェブストアで、計8,700万回ダウンロードされた悪質な数十個の拡張機能が発見されました。 最近、Google Chromeのウェブストア（Google Chromeの公式ブラウザ拡張機能ストア）で、数十個の悪質なブラウザ拡張機能が発見されました。これらのうち最も人気のあるものは、900万回以上ダウンロードされ、その他の悪質な拡張機能と合わせると計約8,700万回ダウンロードされています。それらがどのような拡張機能なのか、そしてなぜ危険なのかを説明します。 事の発端は、独立系サイバーセキュリティ研究者のウラジミール・パラント氏が、Chromeウェブストアで不審なコードを含む「PDF Toolbox」という拡張機能を発見したことで始まりました。一見、Office文書を変換したり、PDFファイルで簡単な操作を実行したりするための、正当な拡張機能のようでした。 またPD
Google Chromeでスマートフォンサイトをチェックする：Google Chrome完全ガイド - ＠IT
スマートフォン（スマホ）が広く普及し、昨今では多くのWebサイトが、画面の狭いスマホに最適化した専用のビュー（表示）を備えるようになってきました。 サイトがスマホでどう見えるのかは、もちろん実際にスマホで表示してみるのが確実です。ただ、スマホやタブレットにはさまざまな機種があり、画面の解像度も異なるため、どう見えるかを全て実機でテストするのは困難です。 このような場合は、デスクトップ版Webブラウザの「スマホ表示」機能（スマートフォンのWebブラウザのエミュレーション）を利用すると、PCで簡単にスマホサイトの確認ができます。操作方法もそれほど難しくありません。 本記事では、Windows OS／macOSのデスクトップ版Google Chrome（以下、Chromeと略）の「デベロッパーツール（開発者ツール）」でスマホ表示を確認する方法を紹介します。このツールは名前に「デベロッパー（開発者
【ChatGPT】便利な神Chrome拡張機能 - Qiita
日々便利なプロンプトが生み出されたり、 ChatGPT pluginsの発表など話題が絶えないChatGPTですが、 今回はインストールだけでChatGPTがインターネットから得た最新の情報をもとに回答してくれたり、自分の質問履歴を検索できたり、世界中の人が作ったプロンプトを検索したり、自動同期をしてくれたりと、とても便利なChrome拡張機能をいくつかご紹介いたします。 拡張機能をインストールするだけなので、手間が全くかからずにすぐに使うことができます。 こちらの記事は随時更新追加していきます WebChatGPT 概要 この拡張機能により、ChatGPTがインターネットを利用して回答を提供できるようになります。 ChatGPTは2021年までの情報をもとに学んでいるので、最新の情報に関しては十分に回答できないことがあります。この拡張機能を使うことで、ChatGPTがインターネットから得
Google Chromeの「保護強化機能」は勧められるまま有効にしていいの？
「Google Chrome（以下『Chrome』と略）を起動すると、ブラウザペイン右上に冒頭のスクリーンショットのようなダイアログが表示されるようになりました。そこには『Chromeの最高水準のセキュリティで保護対策を 保護強化機能により、フィッシングを防ぎ、マルウェアをより強力にブロックします』という短文に続いて、［スキップ］［次へ］ボタンが並んでいます」……。 これを見て、何となくセキュリティ対策のことだと見当はついても、「保護強化機能」は初めて聞いたので何だか分からない、という人も多いのではないでしょうか。 本記事では「保護強化機能」とは何か、どのようなメリット／デメリットがあるのか、利用するにはどうすればよいか、という疑問に対して、なるべくコンパクトにまとめて説明します。 以下ではデスクトップ版Chromeを中心に例を挙げつつ、iPhone版やAndroid版Chromeでの設定
CrxMouseの使い方。Chrome用マウスジェスチャー拡張機能 | Hep Hep!
PCでChromeのブラウザを使っているなら絶対に入れておきたいマウスジェスチャーの拡張機能として「CrxMouse」がってのがある。これを使いこなせるようになると、ウェブブラウザでのブラウジングが格段に便利になるので、ぜひともインストールしておくことをお薦めする。 CrxMouseの特徴マウスをドラッグで様々な機能を実行できるChrome用のマウスジェスチャーとは、マウスの右ボタンを押したままドラッグするだけで様々な機能を実行できる便利な拡張機能だ。例えば、ネットサーフィンしていると様々なページにアクセスするが、例えば前のページに戻りたい場合は、ブラウザの戻るボタンをわざわざ押しに行かなくても、マウスの右ボタンを左にドラッグするだけで簡単に前のページに戻れる。 スクリプト機能が最強すぎるなんと言ってもCrxMouseの最強すぎる理由としてあげられるのがスクリプト機能である。スクリプト機能
「サードパーティークッキー（3rd Party Cookie）」って何？
Googleが、Google Chromeで「サードパーティークッキー（3rd Party Cookie）」のサポートを2022年までに段階的に廃止する予定であると発表した。Appleは、Safariで既にサードパーティークッキーを禁止（ブロック）している。他のWebブラウザもおおむねサードパーティークッキーを禁止する方向にあるようだ。そもそも、この「サードパーティークッキー」とは何なのか、何が問題なのかについて解説していこう。 そもそもサードパーティークッキーとは サードパーティークッキーを理解するには、「クッキー（Cookie）」について知っておく必要がある。 クッキーは、Webサイト側からWebブラウザへ渡す小さな「データ片」のことだ。以後のやりとりでは、必ずそのデータをWebブラウザ側からWebサイト側へ戻してもらうようにすることで、Webページを遷移したり、時間を空けて再び訪れた
忙しい「後で読む」派なあなたに、Chrome「リーディングリスト」の使い方、消し方（PC編）
「Google Chrome」（以下、Chrome）でWebサイトを閲覧していたら、「このWebページは有用かもしれない。でも、今はじっくり読む時間がないので、後で読もう」などと思うことも多いのではないでしょうか。でも、「手が空いたころにはそのWebページのことはすっかり忘れてしまっていた……」、そんな経験は誰にでもあると思います。 「ブックマークすればいいのでは」と思うかもしれません。でも、もしかしたら役に立たず、メモなどを残さなくてもいいWebページの可能性の方もあります。だとすると、ブックマークにはこうした役に立たなかったページがどんどん登録されてしまい、よく使うブックマークが見つけにくくなってしまいます。 そのような場合に役立ちそうなのが、Chromeの「リーディングリスト」機能です。本稿ではこのリーディングリストの使い方や注意点、他のPC／スマホと共有するための設定方法について、
【トラシュー】スマホ版Chromeで保存したブックマークが同期されない
PCでもスマホでも「Google Chrome」（以下、Chrome）を利用していて、どちらでも同じブックマークを参照できるようにしたいのではないでしょうか。そこでPC版Chromeとスマホ版Chromeで同期を設定していると思います。 それなのに、「一方で作成したはずのブックマークが他方には表示されない……」といったトラブルに遭遇することがあります。こんな場合、何をどうすればいいのでしょうか？ 本記事では、iPhone版やAndroid版Chromeを対象として、作成したはずのブックマークが表示されない（見つからない）場合の原因と解決策を紹介します。iPhone／Androidのスマホ版Chromeでは、Windows OS／Mac版Chromeとブックマークの同期が設定済みで、本来なら各プラットフォームの間でブックマークが共有できることを前提としています。Chromeの同期設定について
グーグル、「Chrome」にリアルタイムの自動字幕起こし機能
Googleは米国時間3月18日、「Chrome」ブラウザーに新機能「Live Caption」を追加したと発表した。Live Captionは、ポッドキャストや動画などの音声付きメディアでリアルタイムに字幕を作成してくれる。聴覚障害者のほか、騒がしい環境で何かにアクセスしたいユーザーや音量を下げておきたいユーザーも、音声なしでコンテンツを視聴できる。 世界保健機関（WHO）によると、世界には約4億6600万人の聴覚障害者がいるという。Googleは最初、2019年に「Android」版のLive Captionをリリースし、モバイルプラットフォームで字幕を見られるようにした。Live Caption機能がChromeに加わったことで、ソーシャルサイトや動画サイト、「Googleフォト」のような個人の動画ライブラリー、埋め込み型動画プレーヤー、ポッドキャストおよびラジオコンテンツ、ウェブベ
【Google Chrome】複数のPCでパスワードを共有する（エクスポート／インポート編）
Google Chrome（以下、Chromeと略）では、Googleアカウントによる同期機能を利用すると、自宅PCと仕事用PC、外出時のノートPCといった複数のPC間でWebサイトのID／パスワードを簡単に共有できます。ID／パスワードだけに限って同期することも可能です。 しかし、理由があって同期機能が使えない場合もあります。例えば、同じGoogleアカウントでChromeにログインできない場合や、同期したくないID／パスワードが含まれている場合などが挙げられます。また、Chromeの複数のユーザー（プロファイル）にID／パスワードが分散している場合も、同期で解決するのは難しいでしょう。同期機能のあるサードパーティー製のパスワードマネージャーも、拡張機能がインストールできない環境では利用できません。 そのような場合、パスワードのエクスポート／インポート機能により、あるPCのChromeか
Chromeで増えすぎたタブを「グループ」にまとめて整理する（PC編）
「Google Chrome」（以下、Chromeと略）でインターネット上のWebページを開いて調べごとなどをしていたら、タブが増えすぎて収拾が付かなくなったことはありませんか？ 1つのウィンドウでたくさんのページを開くと、各タブが小さくなって、何のページなのかタブを見ただけでは分からなくなります。そこでChromeのウィンドウを増やし、タブをジャンルや用途別に分類しつつ、複数のウィンドウに分散させる人も多いでしょう。 しかし、今度はウィンドウが増えてきて、「このウィンドウは何のタブを集めたんだっけ？」ということになりがちです。 こうした問題を解決できそうなのが「タブのグループ化」機能です。本稿ではWindows OSやmacOSなどのデスクトップ（PC）版Chromeを対象として、この機能でタブを整理整頓する方法を紹介します。以下ではWindows OS版のスクリーンショットで説明してい
Google Chromeを複数のGoogleアカウントで使い分ける方法 - 豊かな暮らしナビ
プライベートで使っているGoogleアカウントの他、学校・会社などで別のGoogleアカウントを持っている人もいると思います。むしろ、多いでしょう。 Googleアカウント自体を使い分けるのは、単純にGoogleのWebページでログイン・ログアウトするだけなので簡単ですね。 今回のトピックは、Webページで行うGoogleアカウントの切り替えではなく、Google Chrome自体をGoogleアカウントごとに使い分ける方法です。 Chromeは、使うときにブラウザ（アプリケーション）自体にログインをして、そのアカウントに保存されているブックマーク・拡張機能・パスワード・閲覧履歴などを同期することができます。 一つのGoogleアカウントで設定した内容を、PC・スマホ・タブレットなどで同期すれば、どの端末でも同じ環境を作ることができる素晴らしい機能です。 Googleアカウントごとにテーマ
Google Chromeで素早くキャッシュをクリアしてページを正しく表示させる：Google Chrome完全ガイド - ＠IT
Webページの表示がおかしいのはブラウザキャッシュのせい!? インターネット上のWebページを見て回っていると、しばしば表示内容が明らかに乱れたページに遭遇することがあります。またWebページ制作に関わっているなら、Webサーバ側で画像などを更新したのにWebブラウザで見ると更新されてない、という経験をしたこともあるでしょう。 こうしたトラブルの原因の一つとして、Webブラウザのキャッシュ機能が挙げられます。この場合のキャッシュとは、WebブラウザがWebサーバから読み込んだファイル／データをローカルPCのディスクなどに蓄えておき、再利用できるようにすることでページ表示を速める機能です。 しかし、Webサーバとキャッシュの間で同一であるはずのデータが（何らかの問題により）食い違ってしまうと、ページ表示が乱れてしまうことになります。特に同じファイル名で画像が更新されたような場合、ページ表示が
chromeブックマークの同期がおかしい！消える＆復活の原因と解決法
「Google のブラウザChromeのブックマーク（お気に入り）同期の調子がおかしい！」 突然、ブックマークバーにあるお気に入りが、どんどん消されていき、 最近の変更がすべてなかったことになる現象と遭遇しました。 ブックマークが消える＆戻る、おかしな現象のポイント グーグルクロームのブックマークが目の前で勝手に消えていく！（移動していく） 手動でリンクを移動させてもまた戻る。くりかえす。 ある時点のブックマークの状態を記憶しているような感じ。 これは大変だということで、調べまくりました。 私はまず始めに、複数台でchromeブラウザを使うこともあるため（デスクトップやノートパソコン、タブレット、スマホなど） 「chromeの同期設定」が原因かと思い、下記の記事を参考にし、ログオフしてメインPCのChromeを１つだけ残してその他を初期化してみました。 ▼やってみた、同期に関する設定 Ch
【Google Chrome】位置情報を変更してPCの現在地を自由自在に設定
Webブラウザが示す現在地の位置情報を変更したい 現在地の位置情報を必要とするネットサービスを利用していると、実際の現在地とWebブラウザ上での現在地がずれていることがよくあります。特にPCでは珍しくありません。さらには現在地の取得に失敗することすらあります。 PCの場合、この現象はいつまで経っても直らないことが多く、できることならWebブラウザの設定変更で解決したくなります。 その他にもWebブラウザの現在地を変えたくなることはあります。例えばGoogle検索は、現在地によって検索結果を最適化するので、SEO（検索エンジン最適化）では現在地を変えつつ検索結果を確認したくなることがあります。MEO（Map Engine Optimization：マップ検索エンジン最適化）も同様です。 しかし、Webブラウザを実行しているデバイス（端末）を物理的に移動させながら調査していたら、手間も旅費も掛
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google検索に生成AI、日本でもテストサービス開始
【Distill Web Monitor】指定したWEBページの更新を自動通知してくれるアドオンの使い方
Engadget | Technology News & Reviews
