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

ガジェット全般、サイエンス、宇宙、音楽、モータースポーツetc... 電気・ネットワーク技術者。実績媒体Engadget日本版, Autoblog日本版, Forbes JAPAN他 デスクトップ版のFirefoxブラウザーに20年以上存在していたバグが先月、23歳のプログラミング初心者によって修正されました。 2002年、MacでMozilla browser（Firefoxの当時の名称）を使用していたアダム・プライス氏は、ツールチップの表示の問題に悩まされていました。このバグは、Mozillaツールバーのアイコンにマウスカーソルをポイントして表示されるツールチップ（説明書き）が、Commandキー(WindowsではAltキー)+Tabキーでウィンドウのフォーカスをほかのアプリに移したあとも表示され続けてしまうというもの。 この状態になってしまった場合、ツールチップを消すには再びFir

Cache Storageがめちゃくちゃ肥大化する問題 TBSのニュースサイト、TBS NEWS DIGがめちゃくちゃブラウザのストレージを消費しているという話がはてブや増田で話題になっています。 TBSのニュースサイトヤバない？ – はてな匿名ダイアリー 同・はてなブックマーク 確かに、手元でも同様の状況を観測できる。 当該サイトのストレージ使用状況 はたして、これは真実なのだろうか。本当に1.4GBも食うことがあるのだろうか…… そんなわけない、ということで調査 まずは再現性を確認するためにChromeのゲストモードで当該のサイトのDevtoolを開いてましょう。すると、StorageのUsageは386MBになっていました。（適当なページを開き、リロードした時点で340MB程度であった） 当該サイトのストレージ割合 上記のスクリーンショットをよく見ていただけるとわかると思いますが、こ

inputmodeとは htmlのinpputmode属性は、バーチャルキーボードの入力で「ユーザーがコンテンツを入力する際に最も参考になる入力メカニズムの種類を指定」してくれる大変便利な属性です。特に数値入力の際はアルファベットを入力できなくなるので、無効な入力をするリスクを減らしてくれるので助かります。 しかしこの属性には弱点があり、それは物理的なキーボードの入力を制限しないことです。変なJSを組まなくても、ブラウザ側で検証と入力制限を肩代わりしてくれる機能があっていいものですが。 デスクトップ版Chromeで対応済みとなっているけど…？ デスクトップ版Chromeではinputmodeはバージョン65で対応済みとなっておりますが、上記の通り物理キーボード入力を一切フィルタリングしません。 しかし、なぜ対応済み扱いとなっているのでしょうか。 なお、FirefoxはフラグをOnにしないと

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」とは？ 拡張機能とは、ブラウザの機能性を高めたり、便利な機能を増やしたりするプログラムのことで、「chromeウェブストア」などでインストールすることで利用できます。 拡張機能には、Google ChromeやMicrosoft Edge、Firefoxなどブラウザから提供されている場合と、第三者が提供している場合があります。 拡張機能によってさまざまな機能を備えているため、自身が求める機能がある拡張機能をインスト

ウェブブラウザ「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を見続けるとどうなるか タスクマネージャを開いてFirefoxでYoutubeを見てみると、おかしいことがわかります。 動画を見ているだけなのにSSDへの書き込みが連続して発生するのです。 試しに後述のabout:configでbrowser.cache.disk.parent_directoryでキャッシュの位置をUSBメモリなどにしてみるとよくわかります。 またキャッシュされた内容はアドレスバーにabout:cacheと入力すると確認できます。 そしてわかったこと。 なんとFirefoxはYoutube動画をすべてディスクキャッシュとしてため込んでいるのです。 動画なんて何度も見ることは少ないのでキャッシュする意味は少ないはずです。 これではSSDの書き込みが延々と発生し、SSDの寿命に影響が出そうです。 Firefoxのキャッシュの仕組み アドレスバーに

CSSの新機能「カスケードレイヤー」がいよいよ主要ブラウザすべてにサポートされます。カスケードレイヤー@layerを使用すると、CSSの詳細度とスタイルの順番をカスケード内で明示的にレイヤー化（階層化）でき、これまでのCSSの実装方法が大きく変わるものです。 Chromeのデベロッパーによるカスケードレイヤーの基礎知識を紹介します。 Cascade layers are coming to your browser by Una Kravets 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様のライセンスに準じて翻訳しています。 はじめに CSSの詳細度とカスケード @layerの動作 レイヤーの優先順位の管理 インポートファイルの整理 レイヤーとカスケード カスケードレイヤーの注意点 カスケードレイヤーの参考リソース はじめに カスケードレイヤー（@layerC

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桁になることで

.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 #DevFest23 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

楽天ヘビーユーザーなので地味に愛用してきた「楽天ウェブ検索」のGoogle Chrome機能拡張ですが…アップデートで狂っているとしか思えない仕様に変更されました。 上の画像を見てもらうと分かりますが、楽天ウェブ検索の機能拡張をオンにすると… Google Chromeのホームボタンが「https://websearch.rakuten.co.jp/」に固定されます。 さらに…Chromeの検索機能も「楽天ウェブ検索」に固定されちゃうんです！ まぁ…インストール時だけなら大丈夫か。自分で変更しようと思い設定画面にアクセスすると… ホームページ変更も検索エンジン変更も「楽天ウェブ検索」によって制御されていました。オフにしないと…Googleの検索エンジン使えないんですよ。こんな仕様にしたら全員使わなくなるでしょ！？ 楽天リーベイツというポイントサイトの通知のためにインストールしていましたが…

科学技術振興機構（以下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ベースになるという話について、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