Google ChromeのUIを新デザインに変更する方法 | ニッチなPCゲーマーの環境構築Z
Google Chromeは、ユーザーインターフェイス(UI)の刷新を予定しています。本記事では、正式リリースに先立って、新しいデザインへと変更する方法をご紹介いたします。 Chromeのアドレスバーに『chrome://flags』と入力してエンターを押してください。その後、検索ボックスに『2023』と入力して、以下の4つの項目を『Enabled』にして、下から出てきた『Relaunch』を選択してください。 Chrome Refresh 2023Chrome WebUI Refresh 2023Omnibox CR 2023 Action ChipsOmnibox CR 2023 Action Chips Icons 設定を『Enabled』に変更 再起動後、新しいデザインのChromeへと変わります。 新しいデザインでは、右クリックメニューやプルダウンメニューなどの各種メニューがWi
22年前からFirefoxブラウザに存在したバグ、23歳の初心者プログラマーが修正 | テクノエッジ TechnoEdge
ガジェット全般、サイエンス、宇宙、音楽、モータースポーツetc... 電気・ネットワーク技術者。実績媒体Engadget日本版, Autoblog日本版, Forbes JAPAN他 デスクトップ版のFirefoxブラウザーに20年以上存在していたバグが先月、23歳のプログラミング初心者によって修正されました。 2002年、MacでMozilla browser（Firefoxの当時の名称）を使用していたアダム・プライス氏は、ツールチップの表示の問題に悩まされていました。このバグは、Mozillaツールバーのアイコンにマウスカーソルをポイントして表示されるツールチップ（説明書き）が、Commandキー(WindowsではAltキー)+Tabキーでウィンドウのフォーカスをほかのアプリに移したあとも表示され続けてしまうというもの。 この状態になってしまった場合、ツールチップを消すには再びFir
Cache Storage がめちゃくちゃ肥大化する問題について調べる | ぴんくいろにっき
Cache Storageがめちゃくちゃ肥大化する問題 TBSのニュースサイト、TBS NEWS DIGがめちゃくちゃブラウザのストレージを消費しているという話がはてブや増田で話題になっています。 TBSのニュースサイトヤバない？ – はてな匿名ダイアリー 同・はてなブックマーク 確かに、手元でも同様の状況を観測できる。 当該サイトのストレージ使用状況 はたして、これは真実なのだろうか。本当に1.4GBも食うことがあるのだろうか…… そんなわけない、ということで調査 まずは再現性を確認するためにChromeのゲストモードで当該のサイトのDevtoolを開いてましょう。すると、StorageのUsageは386MBになっていました。（適当なページを開き、リロードした時点で340MB程度であった） 当該サイトのストレージ割合 上記のスクリーンショットをよく見ていただけるとわかると思いますが、こ
Chromeはデスクトップのinputmodeで入力制限しない - Qiita
inputmodeとは htmlのinpputmode属性は、バーチャルキーボードの入力で「ユーザーがコンテンツを入力する際に最も参考になる入力メカニズムの種類を指定」してくれる大変便利な属性です。特に数値入力の際はアルファベットを入力できなくなるので、無効な入力をするリスクを減らしてくれるので助かります。 しかしこの属性には弱点があり、それは物理的なキーボードの入力を制限しないことです。変なJSを組まなくても、ブラウザ側で検証と入力制限を肩代わりしてくれる機能があっていいものですが。 デスクトップ版Chromeで対応済みとなっているけど…？ デスクトップ版Chromeではinputmodeはバージョン65で対応済みとなっておりますが、上記の通り物理キーボード入力を一切フィルタリングしません。 しかし、なぜ対応済み扱いとなっているのでしょうか。 なお、FirefoxはフラグをOnにしないと
Windows 10上の「IE11」、2月14日で完全無効化 Edgeに強制リダイレクトへ
Windows 10に搭載されているWebブラウザ「Internet Explorer 11」（IE11）が2月14日で完全無効化された。同社の最新ブラウザ「Edge」へ強制リダイレクトされる。IE11は2022年6月16日をもってサポート終了となっていたが、これまでアプリケーション自体は立ち上げることができた。 6月13日に配信予定のWindowsセキュリティ更新プログラムでは、スタートメニューやタスクバー上のIE11アイコンなども削除する。なお、EdgeにはInternet Explorerをエミュレートする「IEモード」が搭載されており、こちらは「少なくとも2029年まで」サポートするとしている。 関連記事 さようなら、全てのインターネット・エクスプローラー 6月16日、Windows用のウェブブラウザーである「Internet Explorer」（IE）が、ついに最後の日を迎えた。
わたしはページ内検索を普通に使いたい
以前にも少し書いたのですが、ウェブブラウザーで使えるページ内検索による体験が阻害されるのが本当にストレスで、その例を残しておこうと思います。 採用側の気持ちも分かりますので、どうなると皆が幸せになるのか分からないという種類のものなので困ったところです。 省略されたテキストoverflow: hiddenとtext-overflow: ellipsisまたは-webkit-line-clampによってテキストが省略された場合、その省略部分がページ内検索にヒットすると非常に探しづらいです。 特に、グリッドで区切られたアイテムが複数列・複数行で並んでいる際に顕著です。 以前の記事のとおり、わたしはYouTubeでよく遭遇します。 下記のデモは、1000個のアイテムを並べたものです。 このうち、「Red Rose」というワードは12個のアイテムに含まれています。 デモを開いて「Red Rose」で
Chatwork（チャットワーク）の拡張機能とは？導入・活用方法を解説 | ビジネスチャットならChatwork
無料でChatwork（チャットワーク）を試してみる 拡張機能のなかには、Chatwork（チャットワーク）の機能性を高めるものもあります。 Chatwork（チャットワーク）の拡張機能とそれぞれの活用方法を解説します。 「Chatwork」とは？ビジネスチャット「Chatwork」とは？どんなことが実現できるの？をわかりやすく解説します。 ＞ビジネスチャット「Chatwork」とは？ 拡張機能とは、ブラウザの機能性を高めたり、便利な機能を増やしたりするプログラムのことで、「chromeウェブストア」などでインストールすることで利用できます。 拡張機能には、Google ChromeやMicrosoft Edge、Firefoxなどブラウザから提供されている場合と、第三者が提供している場合があります。 拡張機能によってさまざまな機能を備えているため、自身が求める機能がある拡張機能をインスト
ついにFirefoxも3桁の大台に到達「Firefox 100」正式版リリース、ピクチャーインピクチャーに字幕表示可能に
ウェブブラウザ「Firefox 100」の正式版が公開されました。3月末のGoogle Chromeリリースに引き続き、今回のリリースによりFirefoxもバージョン番号3桁の大台に乗ることとなりました。 Firefox 100.0, See All New Features, Updates and Fixes https://www.mozilla.org/en-US/firefox/100.0/releasenotes/ Firefox 100: Building a better internet since 2004 - YouTube ◆ピクチャーインピクチャーのキャプション・字幕表示に関する機能追加 これまでは視聴するYouTube・Prime Video・Netflixの動画にキャプション/字幕がある場合でも、ピクチャーインピクチャー(PiP)には表示されませんでした。 今
FirefoxでYoutube見続けるとSSDが早死にする問題とその対処法
FirefoxでYoutubeを見続けるとどうなるか タスクマネージャを開いてFirefoxでYoutubeを見てみると、おかしいことがわかります。 動画を見ているだけなのにSSDへの書き込みが連続して発生するのです。 試しに後述のabout:configでbrowser.cache.disk.parent_directoryでキャッシュの位置をUSBメモリなどにしてみるとよくわかります。 またキャッシュされた内容はアドレスバーにabout:cacheと入力すると確認できます。 そしてわかったこと。 なんとFirefoxはYoutube動画をすべてディスクキャッシュとしてため込んでいるのです。 動画なんて何度も見ることは少ないのでキャッシュする意味は少ないはずです。 これではSSDの書き込みが延々と発生し、SSDの寿命に影響が出そうです。 Firefoxのキャッシュの仕組み アドレスバーに
CSSの新機能カスケードレイヤーが主要ブラウザにサポートされます、最初に理解しておきたい基礎知識を解説
CSSの新機能「カスケードレイヤー」がいよいよ主要ブラウザすべてにサポートされます。カスケードレイヤー@layerを使用すると、CSSの詳細度とスタイルの順番をカスケード内で明示的にレイヤー化（階層化）でき、これまでのCSSの実装方法が大きく変わるものです。 Chromeのデベロッパーによるカスケードレイヤーの基礎知識を紹介します。 Cascade layers are coming to your browser by Una Kravets 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様のライセンスに準じて翻訳しています。 はじめに CSSの詳細度とカスケード @layerの動作 レイヤーの優先順位の管理 インポートファイルの整理 レイヤーとカスケード カスケードレイヤーの注意点 カスケードレイヤーの参考リソース はじめに カスケードレイヤー（@layerC
2022年のブラウザとウェブ標準 | gihyo.jp
2022年になりました。矢倉眞隆（@myakura）と申します。昨年に引き続き、新春特別企画のブラウザとウェブ標準を担当させていただきます。 なお、取り上げるトピックの数やインパクトの大きさもあり、CSSについては別記事となりました。あわせて読んでいただければ幸いです。 ChromeとFirefoxがバージョン100に到達 昨年の新春企画でもすこし触れましたが、今年はChromeとFirefoxのバージョンが100になります。 Chrome 100は、今年の3月29日にリリース予定です。もともとはもう少し先だったのですが、Chrome 94からリリースサイクルが4週間に短縮されたため、Chrome 100のリリースが早まりました。 Chromeよりも早く4週間のリリースサイクルに移行していたFirefoxも、5月3日にFirefox 100がリリース予定です。 バージョンが3桁になることで
Chrome のフォーム コントロールとフォーカスのアップデート
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads 71 Ads API 10
【追記あり】楽天ウェブ検索のChrome機能拡張が狂気のアップデートで削除待った無し！ - HHS
楽天ヘビーユーザーなので地味に愛用してきた「楽天ウェブ検索」のGoogle Chrome機能拡張ですが…アップデートで狂っているとしか思えない仕様に変更されました。 上の画像を見てもらうと分かりますが、楽天ウェブ検索の機能拡張をオンにすると… Google Chromeのホームボタンが「https://websearch.rakuten.co.jp/」に固定されます。 さらに…Chromeの検索機能も「楽天ウェブ検索」に固定されちゃうんです！ まぁ…インストール時だけなら大丈夫か。自分で変更しようと思い設定画面にアクセスすると… ホームページ変更も検索エンジン変更も「楽天ウェブ検索」によって制御されていました。オフにしないと…Googleの検索エンジン使えないんですよ。こんな仕様にしたら全員使わなくなるでしょ！？ 楽天リーベイツというポイントサイトの通知のためにインストールしていましたが…
J-STAGEがFirefoxでのアクセスを遮断、日本の電子ジャーナルが世界から不可視となった日｜Guest｜note
科学技術振興機構（以下JST）の運営する「J-STAGE」は、国立情報学研究所が運営する「CiNii」と双璧を成す、日本の電子ジャーナルプラットフォームである。それが2018年12月12日、Firefoxからのアクセスが不可能となった。 試しにFirefox 64でアクセスしてみたところ、確かにページ読み込みエラーとなり、コンテンツを表示することができなかった。サーバ証明書のエラーではないため例外を許可して続行することもできない。完全にFirefoxでのアクセスが遮断された格好だ。 翌日13日になってTwitterで原因の考察が始まり、J-STAGEの対応する暗号スイートに問題があることが判明する。 原因はJ-STAGEのTLS仕様違反J-STAGEはセキュリティ強化のため、2018年12月12日にTLS 1.2への切替とTLS 1.0/1.1の無効化を行うことを予告していた。これが影響し
Microsoft EdgeのChromium化のアナウンスについて思うこと – Yoshifumi YAMAGUCHI – Medium
Microsoft Edge. Contribute to MicrosoftEdge/MSEdge development by creating an account on GitHub. We will adopt Chromium as the web platform for Microsoft Edge desktop. Our desire here is to align Microsoft Edge’s web platform both (a) with web standards and (b) with other Chromium-based browsers, for improved compatibility and a simpler test-matrix for developers. このアナウンスに関して多くの人がその是非を書いていますが、その中で
Microsoft EdgeのChromium移行とか - fragmentary
週明けに出回った、Microsoft EdgeがChromiumベースになるという話について、Microsoftからアナウンスがあった。 Microsoft Edge: Making the web better through more open source collaboration - Windows Experience Blog For the past few years, Microsoft has meaningfully increased participation in the open source software (OSS) community, becoming one of the world’s largest supporters of OSS projects. Today we’re announcing that we intend to ado
Chrome拡張の高速な英語辞書ツールをつくりました(Mouse Dictionary) - Qiita
経緯 もともとMouseoverDictionaryという素晴らしいFirefox用辞書があったのですが、Quantumの登場とXULの廃止とともに使えなくなってしまったため、自分用にChrome拡張をつくった次第です。 ソースコード 実装に関わる技術寄りの用語: React, esbuild, chrome.storage.local, chrome.storage.sync, Cross-extension messaging, Hogan, debounce, resizable/draggable, intl.v8BreakIterator, deinja, クロスブラウザ, など。 ※詳細は「Mouse Dictionaryの技術的な話」をご参照ください https://qiita.com/wtetsu/items/2a5568cb0b5a38c003fb 使い方 インストール
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Microsoftが方針転換 ～「IE 11」の完全無効化は2023年2月14日、「Edge」の更新で実施／それまでに「IE モード」への移行を
Emotet感染でChromeのクレカ情報が盗まれる。警察庁が警告
「Chrome 99」でCSSカスケードレイヤー対応。入力要素の新しいメソッド実装も
