ダークモード対応のサイトを制作する時に面倒なのが、ダークモードとライトモードでの表示確認方法です。OSでモードを切り替えたり、2つ用意するのは面倒です。 Chrome 79 デベロッパーツールの新機能で、簡単にダークモードの検証ができるようになりました。下記のようにOS（ブラウザ）がライトモードでも、Webページをダークモードで表示できます。 画像はダークモード対応サイト: Tom Brow ダークモードの実装については、当ブログの以前の記事をご覧ください。 CSSのメディアクエリ「prefers-color-scheme」でダークモード対応にする方法と注意点 Chrome 79 デベロッパーツールで、prefers-color-schemeとprefers-reduced-motionの設定がシミュレートできるようになりました。 What's New In DevTools (Chrom

Chrome 79以下や他ブラウザのデフォルト値。 Chrome 80からこの値を設定する場合、Secure属性も必須となる。 Aサイトに対し、Bサイトからどのようなリクエストがあっても、発行したサイトでCookieヘッダーに含める (Cookieを使用する) 図にすると以下のようになります。 Strict 外部サイトからのアクセスではCookieを送らない。 Lax 外部サイトからのアクセスはGETリクエストのときだけCookieを送る。 None 従来通りの動き。 【追記】なおChrome 80以降でSecure属性を付けずSameSite=Noneを指定した場合、set-cookie自体が無効になります。 セキュリティ上の効果 CSRF対策になります。 CSRF (クロスサイト・リクエスト・フォージェリ) とは、 WEBサイトがユーザー本人の意図した動作であることを検証していないため

サイバーセキュリティ研究者のサム・ジャダリ氏は2019年7月20日、「ブラウザの拡張機能を介した壊滅的なデータ漏えい」として「DataSpii(データスパイ)」というセキュリティ問題を報告しました。ジャダリ氏によると、Google ChromeやMozilla Firefoxの拡張機能の一部が個人情報を含む閲覧履歴を収集し、入手した情報をインターネット上で販売していたとのことです。 DataSpii - A global catastrophic data leak via browser extensions https://securitywithsam.com/2019/07/dataspii-leak-via-browser-extensions/ My browser, the spy: How extensions slurped up browsing histories f

Windows専用の無料FTPソフト「WinSCP」の使い方｜多様な暗号化通信も可能。 2024.09.11

by geralt Googleが開発するウェブブラウザ・Google Chromeの最新版である「Google Chrome 76」のベータ版が、2019年6月13日にリリースされました。Chromeでは長年にわたってAdobe Flashの排除を押し進めてきましたが、Chrome 76では一段とFlash排除の動きが前進し、デフォルトでブラウザ上のFlashが全てオフにされていると報じられています。 Chromium Blog: Chrome 76 Beta: dark mode, payments, new PWA features and more https://blog.chromium.org/2019/06/chrome-76-beta-dark-mode-payments-new.html Chrome 76 beta blocks Flash by default, s

by Charles Deluvio 2018年9月5日、ウェブブラウザのGoogle Chromeが最新版の「Google Chrome 69」をリリースしました。Google Chromeは誕生から10周年を迎えたということで、アップデートにより複数の新機能が搭載されたり仕様変更が行われたりしたのですが、いくつかの仕様変更に対してユーザーから批判の声が挙がっており、ついにGoogle側が撤回を約束するまでに至っています。 Product updates based on your feedback https://www.blog.google/products/chrome/product-updates-based-your-feedback/ Google Chrome 69で実装されてユーザーからの批判を集めているのは以下の2つの仕様変更です。 ひとつはGoogle Chrom

米Googleが9月4日（現地時間）にアップデートしたWebブラウザ「Chrome 69」から、新機能としての告知なしに変更されたある機能が、一部のユーザーが問題視したことで明らかになった。 Chromeブラウザで「Gmail」や「Google Keep」などのGoogleのサービスにログインすると、自動的にChromeにもログインするようになったのだ。 従来は、Chromeへのログインとその他のGoogleサービスのログインは独立していたが、Chrome 69からは同時にログインすることしかできず、Chromeでログアウトすると、Gmailなどからもログアウトする。 この新機能のどこが問題なのかを、ジョン・ホプキンズ大学のマシュー・グリーン教授が23日、分かりやすく解説した。それを参考に、問題を整理してみる。 Chromeには以下の4つの「モード」がある。 基本ブラウザモード：ログインせ

Googleは先日Chromeの最新版である「Chrome 69」をリリースしました。Chrome 69には、マテリアルデザインの導入や新しいパスワードマネージャーの追加など、Chrome 10周年を記念するのにふさわしいさまざまな新機能が追加されていますが、中には気をつけないと行けない変更も含まれているようです。 例えば今回Chromiumのバグラッキングシステムに不具合として投稿され話題となっている内容は、Chromeのアドレスバーに表示されるドメイン名から"www"が自動的に削除されるというものです。 例えばChrome 69で"www.google.com"を表示すると、アドレスバーには"google.com"と"www"が省略された状態で、上記画像のように表示されます。 クリックすると完全なURLを確認することはできますが、通常状態で目視しただけでは"google.com"を開い

「Blink LazyLoad」と呼ばれるChromeの新機能は、表示領域外の画像やiframe要素のロードを遅延させることで、Webページのパフォーマンスを大幅に向上させます。 LazyLoadは今まではJavaScriptを使用していましたが、ブラウザのネイティブな機能として、imgやiframe要素にlazyload属性を加えるだけで簡単に利用できます。 「Blink LazyLoad」の機能と使い方、注意点を紹介します。 A Native Lazy Load for the Web 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 「Blink LazyLoad」の機能 セキュアなLazyLoadのポリシー 後方互換性 LazyLoadの有効化 参考資料 終わりに 「Blink LazyLoad」の機能 重要度の低いコンテ

「24コアもあるCPUを積んでいるハイエンドPCであるにもかかわらずGmailを使っている際にChromeがフリーズしてしまった」という現象に遭遇したブルース・ドーソンさんが、その原因を発見するまでの取り組みをブログに書き残しています。なお、ドーソンさんはGoogleでChromeを開発しているエキスパート開発者です。 24-core CPU and I can’t type an email (part one) | Random ASCII https://randomascii.wordpress.com/2018/08/16/24-core-cpu-and-i-cant-type-an-email-part-one/ ある日の朝、ドーソンさんは極めて日常的な「メールを書く」という作業をGmailで行っていたところ、入力した文字が遅れて表示されるなどの怪しい挙動を見せた後、突然Gma

教育現場のIT化を巡るプラットフォームやデバイスの競争が激化しつつある。直近では、米Microsoftが7月に新しい10型のWindows 10デバイス「Surface Go」を発表して注目を集めたが、これも教育市場が主要なターゲットの一つだ。米国での399ドルからという戦略的な価格設定もまた、同分野で先行する米Googleの「Chromebook」対抗の意味合いが強いといわれている。 そんな米国の教育市場で多大な影響力を持つChrome OS搭載の「Chromebook」に、興味深いウワサが出回り始めた。それは「Chromebookが間もなくWindows 10とのデュアルOSブートに対応する」という、にわかには信じ難いような内容だ。GoogleはChromebookとChrome OSを使い、どのようなロードマップを描いているのだろうか。 OSデュアルブートを実現するGoogleの「C

拡張機能を使わずに、Chromeでスクロールするページ全体のスクリーンショットを撮る方法を紹介します。 例えばプレゼン資料を作っているときに、PCサイトでページ全体のスクリーンショットが必要なことがあります。 また、モバイルサイトでページ全体のキャプチャが必要なこともありますよね。 そんな時には、Chromeに標準で搭載されている機能を使えば、拡張機能を使わずに、ページ全体のスクリーンショットを撮ることが可能です。 PCサイトでページ全体のスクリーンショットを撮る方法 PCサイトでページ全体のスクリーンショットを撮る方法についてです。 次の手順で行ってください。 デベロッパーツールを立ち上げる 詳細機能を呼び出す 「capture」もしくは「full」と入力し、「Capture full size screenshot」を選択 ページ全体のスクリーンショットがダウンロードされる 1. デベ

上記リンク先を読むと分かるのですが、この問題にキチンと対処し満足な結果を得ようと思うと、かなり面倒な事になってしまいます。 ※ソフトアンテナブログさんが紹介されている「ClearTypeテキスト チューナー」で文字の太さを変更しても良いのですが、そうすると今度はメイリオが太くなり過ぎたり、今まで読みやすかったサイトが逆に読み難くなってしまいます。 Google Chromeではこのかすれが特に酷い 前段にも書いた通りなのですが、ブラウザに Google Chrome を利用している場合はこのかすれ具合が特に酷く、そして最近は Google Chrome のバージョンアップでフォントの扱いやレンダリングが変更される事もあり、それに加え Webサイトごとに游ゴシックの太さが異なる状況も発生しています。なんかもう、色々考えるのが面倒くさくなって来てしまいました。 という事で、 フォントがかすれた

| 人気ページ | おすすめ記事 | 定番ツール | Google Chrome にユーザースタイルシートを設定できる 拡張機能「Stylish」 Stylish を利用すると、フォントが小さい、行間が狭い、コントラストが高すぎ (または低すぎ) て読み難いWebサイトなどを自分の読みやすい状態にカスタマイズすることが可能です。

ウェブブラウザでページを閲覧する時、目に見えている文章や画像の他にもさまざまなデータがPCとサーバーの間でやりとりされています。「Fastr」は再読み込みを行う際にそういったやりとりの一部を省略して時間を短縮し、結果としてブラウジングを高速化してくれるGoogle Chrome用の拡張機能です。GitHubとChrome ウェブストアで無料配布されています。 GitHub - jajoosam/fastr: Fastr Pages - through less refreshes. https://github.com/jajoosam/fastr Chrome ウェブストア - 拡張機能 https://chrome.google.com/webstore/detail/fastr/khjpgjjkndhlnokfmfpfphpigeoinnim ◆Fastrをインストール Chrome

インターネットのページを指定するURLは、情報を付加するパラメーターのせいでやたらに長い表記になることがあります。他人とページをシェアするときに、「ゴミ」のついた異様なまでに長いURL表記は不便なもの。GoogleのChromeアプリには、バージョン64から共有するときにゴミを自動で削除する機能が追加されています。 Chrome now automatically cleans up messy URLs when you share them https://www.androidpolice.com/2018/02/19/chrome-now-automatically-cleans-messy-urls-share/ iOS版のChromeアプリで試してみます。例えば、以下のAmazon.comの商品ページは、iPhoneの画面サイズの関係でURLは最後まで表示されません。 URLを

セキュリティ・ファームの ICEBRGは2018年1月17日(米国時間)、「MALICIOUS CHROME EXTENSIONS ENABLE CRIMINALS TO IMPACT OVER HALF A MILLION USERS AND GLOBAL BUSINESSES｜ICEBRG, Inc.」において、Chrome Web Storeで、世界中の50万人ほどのユーザーに影響を与えたと見られる悪質なChromeエクステンションを4つ発見したと発表した。 悪質とされているChromeエクステンションは次のとおり。 Nyoogle - Custom Logo for Google Lite Bookmarks Stickies - Chrome's Post-it Notes Change HTTP Request Header これらエクステンション自体は特に問題がないように見え

| 人気ページ | おすすめ記事 | 定番ツール | Google Chromeの「新しいタブ」で特定サイトのサムネイルを消す、再表示させる