Mozilla、今後はV8の正規表現エンジンをFirefoxにそのまま取り込むと表明。そのための互換レイヤを開発
Mozilla、今後はV8の正規表現エンジンをFirefoxにそのまま取り込むと表明。そのための互換レイヤを開発 WebブラウザにはJavaScriptを実行するためのJavaScriptエンジンが搭載されています。それはChromeであれば「V8」、Firefoxであれば「SpiderMonkey」と呼ばれ、それぞれのWebブラウザベンダがECMAScriptの標準に準拠したうえで独自に実装しています。 そしてJavaScriptは以前から正規表現の機能を備えているため、正規表現を解釈し展開するための正規表現エンジンもそれぞれのWebブラウザベンダが実装を行っていました。 その正規表現エンジンについてMozillaは今後、V8の正規表現エンジンのコードをそのままFirefoxのSpiderMonkeyに取り込むようにすると表明しました。 Mozillaはこれを実現するため、V8用の正規表
Webアプリ版Photoshopを実現させた最新Web技術をGoogleが紹介。WebAssemblyのスレッドによる高速化、ストリーミングコンパイル、Web Componentsなど
Webアプリ版Photoshopを実現させた最新Web技術をGoogleが紹介。WebAssemblyのスレッドによる高速化、ストリーミングコンパイル、Web Componentsなど Photoshopは画像の作成や加工といった専門的な用途を目的に、長年にわたって作り込まれた代表的なデスクトップソフトウェアの1つと言えます。 プロフェッショナルな用途を満たす膨大な画像処理の機能を細かく作り込まれたユーザーインターフェイスから操作し、画像の変形や加工、フィルタリングなどの大量の複雑な演算処理が実行されるなど、Webアプリケーションへの移植を難しくする要素が満載です。 それらの困難を克服し、Photoshop Webではデスクトップ版Photoshopでよく使われる一般的な機能を、類似のユーザーインターフェイスでWebに実装し、商用サービスとして提供することに成功しました。 Photosho
AnimeSRは、Webブラウザで利用できるように軽量な高解像度化モデルを組み込んだChrome拡張機能で、Chrome 94以降に対応する。高解像度化には、弱・中・強の3段階を用意。強度が上がるほど要求されるマシンスペックは高くなる。26日時点では、DRM（※複製を制限する仕組み）で保護されているVODサービスは未対応という。 同社では、2020年にもアニメのマスターデータを高解像度化するAI「AnimeRefiner」をリリースしていた。これに対し、「YouTubeなどの配信されているアニメを高解像度化して見たい」などの要望が集まり、AnimeSRの開発を決めた。 「AnimeSRとAnimeRefinerでは異なるAI技術を使って開発している。アニメの高画質化の精度はAnimeRefinerほどは高くないが、高いマシンスペックがなくてもリアルタイムでの高解像度化を行うことが可能」（同
Internet Explorer 11サポート終了ならびにMicrosoft Edge更新についてのお知らせ - はてなブックマーク開発ブログ
いつもはてなブックマークをご利用いただき、ありがとうございます。 このたび2020年8月13日を持ちまして、Internet Explorer 11（以下IE11）のサポートを終了しました。対象のブラウザをお使いの場合は、今後は正常に動作しない可能性があります。お手数ですがはてなブックマークの推奨ブラウザからのご利用を検討くださいますようお願いいたします。 サポート終了対象のブラウザをご利用の皆様へ IE11ならびに旧バージョンのMicrosoft Edge（以下Edgeレガシ）をご利用の皆様には、恐れ入りますが新しいMicrosoft EdgeやGoogle Chrome、Mozilla Firefoxなど、はてなブックマークの推奨ブラウザでのご利用をお願いいたします。新しいMicrosoft Edgeは、以下の公式サイトからダウンロードすることができます。 www.microsoft.
米GoogleのWebブラウザ「Chrome」のロゴが8年ぶりに変わる。同社のインタラクションデザイナー、エルヴィン・フー氏が2月4日（現地時間）、ツイートで予告した。開発者向けのCanaryバージョン（バージョン99）は既に新しくなっており、3月29日リリース予定のバージョン100の公式版からこのロゴになる見込み。 隣接する色の境目にあったシャドウがなくなり、中心の円が大きくなり、色も明るくなる。「Googleのより現代的なブランド表現に沿ったものになる」とフー氏は説明する。LinkedInによると、同氏は2019年からGoogleの「Material Design」に携わっている。 GoogleがChromeのロゴを変更するのはこれで3回目になる。徐々にフラットになってきているが、シャドウが気になっていた人も多いのではないだろうか。
いろいろ工夫した結果、最近 Chrome さばきが良くなってきた気がするので、やっていることを書いておく。 タブが必要になる時刻でグループ化しておく 忙しい一日の予定を立てる際に、あらかじめ必要な資料・会場をタブで開いて時刻を打っておくと便利。終わったらまとめて閉じることもできる。 Chromeのタブを必要になる時刻でグループ化しておくライフハック pic.twitter.com/P8RQLy7h9K— 美顔器 (@motemen) 2022年8月22日 ページのブックマークタイトルを自分用に変更する ブラウザのブックマークはあまり有効活用してなかったけど、タイトルを自分用につけておくとロケーションバーからの検索に便利なことを体感している。<プレフィクス> | <検索用ワード>, ... という感じでタイトルを設定していて、プレフィクスは ミーティングの議事録など会場: mtg 1on1
CSSでの実装が大きく変わる！ Scroll-driven Animations スクロールをトリガーにしたアニメーションを実装する方法
まもなくリリースされるChrome 115で実装されるScroll-driven Animationsにより、スクロールをトリガーにしたアニメーションの実装方法が大きく変わります。 スクロールすると要素がアニメーションで表示されたり、スクロール量で変化するインジケーター、背景が変化するパララックスなど、実装がそれなりに手間がかかりましたが、数行のコードで実装できるようになります。スクロールをトリガーにしたアニメーションを実装するこれからの方法を紹介します。 Animate elements on scroll with Scroll-driven animations by Bramus 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分が同ライセンスも含みます。 はじめに Webのアニメーション、ちょっとだけおさらい アニ
Googleは、日本時間5月15日から開催中のイベント「Google I/O 2024」で、デスクトップ版のChromeが備える開発ツール「Chrome DevTools」に、同社の最新版の生成AIであるGeminiを組み込むと発表しました。 これによりDevToolsのコンソールで表示されるエラーメッセージなどをGeminiが解説し、エラーの解決などを支援してくれるようになります。 DevToolsのエラーをGeminiが解決 下記がGoogle I/Oのデベロッパー向け基……
CSSのコンテナクエリと:has()疑似クラスを使用するとこんなことができる、というのをGoogleデベロッパーのUna氏が公開していたので、紹介します。 簡単に説明すると、:has()疑似クラスは引数の要素を含んでいるかをCSSで判別できます。.card:has(.visual)でカード内に画像（.visual）が含まれている場合のスタイル、.card:not(:has(.visual))で含まれていない場合のスタイルを定義できます。 下記は、カードに画像が含まれている場合は見出しのfont-sizeを小さく、含まれていない場合は大きくしています。 Simple CQ Demo with :has() 先日リリースされたSafari 15.4で、:has()疑似クラスがサポートされました。Chromeは次期101のflagsで使用できる予定（Canaryはすでに使用できます）で、すべての
これを待ち望んでいた人も多いと思います。 ついに、メディアクエリで比較演算子（>=, <=）を使用できるようになります！ 幅が400px以上の場合、@media (min-width: 400px){}と定義していましたが、@media (width >= 400px){}と記述できます。 比較演算子だと、400pxを含む「以上」というのも分かりやすいですね。 New syntax for range media queries in Chrome 104 by Rachel Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様のライセンスに基づいて翻訳しています。 Chrome 104 メディアクエリの範囲指定の新しい構文 メディアクエリの範囲指定で、比較演算子を使用できる Chrome 104 メディアクエリの範囲指定の新しい構文 メディアクエリはレ
米Googleは6月17日（現地時間）、Chrome拡張機能「Link to Text Fragment」をChrome Web Storeで公開した。Webページ上の特定のテキストへのURLを生成できる。 拡張機能をインストールしたら、リンクしたいテキスト部分を選択し、右クリックで表示されるメニューで「Copy link to Selected Text」を選ぶ。 これでURLが生成されるので、後はメールなりメッセンジャーなりにペーストするだけだ。例えば記事の途中などにもリンクできる。リンクをクリックすると、リンク先として選ばれた部分が黄色く表示される。 長い論文で参照したい部分の覚え書きにも使えそうだ。 筆者の環境では、Chromium版Edgeでも使えることが確認できた。 関連記事 「Chrome 83」の安定版公開 タブのグループ化、Cookie設定や安全性チェック、拡張機能管理の
こんにちは。フロントエンドエキスパートチームの穴井（@pirosikick）です。福岡在住で、普段は福岡のweworkで働いています。他のメンバーは皆、東京に居てリモートで仕事をしていますが、モブでわいわい開発していますし、weworkが快適すぎて、毎日楽しいです！ フロントエンドエキスパートチームでは、サイボウズの各プロダクトが抱えるWebフロントエンドの課題を解決するのが仕事の一つです。 blog.cybozu.io 最近の取り組みとして、Puppeteerで不要なCSSを消した事例を紹介します。 このブログは、6/19に福岡で開催した「Google I/O '19のWebをまとめる会」で登壇したときの内容を詳細に説明しつつ、アップデートした部分もあるので、発表見たぞ、スライド見たぞという方も見ていただけますと幸いです。 speakerdeck.com きっかけ とあるプロダクトのCS
この記事は2023年7月19日時点の Chrome の最新版 115.0.5790.98 を使って検証しました。今後 Chrome の実装によって挙動が変わる可能性はございます。 はじめに 画像表示のパフォーマンス改善において、「decoding="async" をつけましょう」というのをよく見かけますが、おそらくほとんどの人がその実際の挙動を理解していない、あるいは誤った認識をしていると思います。今回詳しく調べる前の僕も含めて。 loading と decoding の違い 画像のパフォーマンス改善で decoding="async" のほかに、もう一つよく言及されるのが loading="lazy" です。decoding 属性について詳しく見る前に、まずは loading 属性との違いについて理解したほうがいいと思います。 loading とは、ブラウザがどのように画像を読み込むかを
Netscapeと米司法省は、Microsoftの「Windows」と「Internet Explorer（IE）」が独占禁止法に違反していると訴えた裁判では勝利したが、Netscapeは結局救われなかった。かつては最も人気のあるブラウザーであったNetscapeの運命は尽きた。同社の初期の従業員だったJamie Zawinski氏は当時、コードの公開に関して、「瀕死のプロジェクトに『オープンソース』という魔法の粉をかけたところで、魔法のようにうまくいくようなことはない」と語っている。 それでもNetscapeのコードが公開されたことは事実であり、Mozilla Projectは、そのソースコードを元に、インターネットのさまざまなアプリケーションに利用できる汎用クライアントを作った。また2002年には、そのクライアントが純粋なウェブブラウザーである「Firefox」に生まれ変わった。この年
現在在宅ワーク中なわけだけど, 家族にミーティング中ですとアピールするために, ミーティングはいい感じのランプを点灯させたりしている。 こんなやつ ただミーティング始まる/終わったときに手動でON/OFFするの面倒なので, 自動化してみた。 事前準備 まずは遠隔で操作できるように, スマートプラグを用意。 【Amazon Alexa認定取得製品】 TP-Link WiFi スマートプラグ 遠隔操作 直差しコンセント Echo シリーズ/Google ホーム/LINE Clova 対応 音声コントロール サーキュレーター ハブ不要 3年保証 HS105 TP-LINKAmazon TP-Link のやつが安いのでそれにした。IFTTT 対応しているなら別なやつでもよさそう。Amazon でポチったら速攻届いたので, Webhook の設定して HTTP request 投げて点いたり消えたり
WebSocketの次の技術！？WebTransportについての解説とチュートリアル - Qiita
概要 こんにちは。NTTコミュニケーションズのyuki uchidaです。普段はSkyWayというWebRTCプラットフォームの開発やWebRTCリサーチャー(見習い)をしています。 この記事は NTTコミュニケーションズ Advent Calendar 2020 の3日目の記事です。 昨日はMasaki Shimuraさんの記事、 「Threat Intelligenceの活用を促進するMISPの紹介」でした。 この記事は、WebSocketの次の技術ではないかと噂される、WebTransportの概要や双方向通信の歴史をまとめつつ、WebTransportのdatagram形式でデータを送信してみるチュートリアル記事です。 対象読者 WebTransportっていう技術を初めて聞いた人 WebSocketを使ったことがあり、不満がある人 双方向通信・リアルタイム通信について興味がある人
はじめに JavaScript の「非同期処理」ってやっぱりかなり難しくないですか？ 自分も色々試行錯誤しましたが、結局「完全に理解した🤓」→「やっぱり何も分からん😭」っていうループの中で泥臭く理解を深めていくしかないようです。 さて、非同期処理の制御をある程度予測できるようになるには、非同期 API を提供する環境のことやイベントループ、マイクロタスクなどの仕組みについて理解する必要があります。 そして環境に埋め込まれた JavaScript Engine のことも理解する必要があります。 今回の記事では、JavaScript Engine の１つである V8 が内部で変換するコードから async/await の挙動を理解するための解説を試みたいと思います。V8 エンジンからアプローチすることで async/await の分かりづらい挙動を掌握して非同期処理を打倒します。 今回の記
こんにちは。虎の穴ラボのH.Hです。 今回は先日発表されたChromeの開発中の新機能であるRecorder機能について使用方法や利用する際の注意点などをまとめました。 Recoder機能とは ブラウザのChrome97で追加される予定の機能で、ブラウザの画面上で操作した記録を取得してくれる機能になります。 この記事を書いている2021年11月17日では一般に提供されているChromeの最新版は96となり、開発中の「Chrome Dev」もしくは「Chrome Canary」でRecorder機能を使用することができます。 利用している時の様子はChromeの開発者向けのページに公開されています。 developer.chrome.com 主な機能は以下の通りです。 ・操作の記録及び再実行(リプレイ)できる ・再実行時にパフォーマンスの記録・確認できる ・記録した内容の編集ができる ・操作
こういうことはレポジトリ構成・ワークフローと密接に紐づいているので、そういう前提を抜きにはどれがいいとかはいうことはできない。が、自分はいわゆるsquash and mergeのみの環境しかほとんど経験がないし、それで困ったことが一度もない、という話をしておきたいので書いておきたい、ので書いておく。 squash and mergeのメリットは書いてある通りで、基本的にPR内の細かい修正というのはゴミみたいなコミットが多く、メッセージも雑なことが多いので、それをコミットログに残しておくのは嫌だということがある。それよりは意味のある単位のコミットを残しておきたいし、それの単位はPRで行うのが良い、ということだ。 “Google-style” workflow デメリットの方は、いわゆるfeature branchというワークフローで顕在化する問題であると思う。で解決策はあり、それはワークフロ
パフォーマンス改善のいろは
こんにちは、@kaa_a_zu です。私は、今までいくつかの組織でフロントエンドのパフォーマンス改善に取り組んできました。パフォーマンスが劇的に改善したこともあれば、改善点の洗い出しで終わったこともありました。この記事では、それらの経験に基づいて、どのようにしたらチームがパフォーマンスに意識を向けることができるのか、改善を習慣化できるのかについて基本的なことを紹介させていただきます。少しでも参考になったらありがたいです。また、ご指摘や感想も随時お待ちしております。 ※この記事はWebフロントエンド領域を対象にしています。 なぜパフォーマンス改善をするのか パフォーマンスを改善する目的には、大きく３つあると考えています。 ユーザー体験の質を向上させるため(追記: この動画はパフォーマンスの重要性を説いています) SEO対策のため 将来的にリッチな機能を導入するため(既にTWA化の基準にはパフ
近年、技術系の情報をググると検索結果にStack Overflowの機械翻訳サイトが表示されることが多くなってきました。1 ひどいときには、オリジナルのページよりも上位に表示されていることさえあります。 Googleの検索結果の精度は年々悪化の一途をたどっているように思いますが、そういった状況の中で僕が取っている自衛手段をご紹介します。 uBlacklistで検索結果から除外 uBlacklistは、正規表現やマッチパターンで指定した任意のウェブサイトをGoogleの検索結果から除外するためのChrome拡張です。 自分でフィルタを書くこともできますが、ありがたいことにStack Overflowの機械翻訳サイトの除外用フィルタを公開している人がいるので、そちらを購読しています。 2020年7月31日現在のフィルタのURLは、以下の通りです。 https://raw.githubuserc
要約 現在最新のGoogle Chormeで10080番ポートが使用できなくなった Firefoxではすでにブロック済み NAT Slipstreaming v2攻撃への対応のため ブラウザからアクセスするサーバを建てる場合は10080以外のポートにするべき 回避方法は一応ある Chrome 91以降は10080番ポートがブロックされる Google Chormeの91 (2021/05/25 リリース)から10080番ポートへのサーバに接続できなくなります。 例えば Google Chrome 90だと以下のように10080番のポートを受け付けるサーバにアクセスできますが、91以降だとアクセスできなくなります % python -m http.server 10080 Serving HTTP on 0.0.0.0 port 10080 (http://0.0.0.0:10080/) .
春の新生活、ブラウザ乗り換えのススメ：｢Google Chrome｣やめて｢Microsoft Edge｣にしませんか？
春の新生活、ブラウザ乗り換えのススメ：｢Google Chrome｣やめて｢Microsoft Edge｣にしませんか？2021.04.08 20:00113,017 David Nield - Gizmodo US ［原文］ （ そうこ ） というお誘い。 今、この記事をなんのブラウザで見てます？ Chromeじゃない？ Chromeでしょ？ Chromeだよね？ 2008年のリリース以来メジャーブラウザとして多くの人に利用されてますからね、Chromeは。が、MicrosoftがEdgeをリブートして新たにリリースしたChromium版Edgeもオススメさせてください！ Chromeと同じくChromiumuをベースにしたChromium版Edgeなら、ブラウザ変更も比較的楽ちんだよ。 Microsoft Edgeは、現在、Windows、macOS、Android、iOSで配布されて
蕎麦前で一品だけ選ぶとしたら 自分が「大人になった」と感じる瞬間はありませんか？ 私は回らない寿司屋のカウンターに一人で座った時、そんなことを思ったりします。 もうひとつは休日の昼、蕎麦屋でキンと冷やした日本酒（常温もおいしい）でチビリチビリやりながら……蕎麦が供されるのをゆるりと待つ瞬間。 いわゆる「蕎麦前」の時間を楽しめるようになった時でしょうか。 こんにちは、メシ通ライターの飯炊屋カゲゾウです。そんな蕎麦前のひと時、お品書きにあると必ず頼んでしまうのが「焼き味噌」です。 もちろん、蕎麦がきや板わさ、出汁巻き卵などもおいしいのですが、焼き味噌は塩味がほどよくて日本酒と合い、かつ値段もリーズナブル。 蕎麦前のメニューでどれかひとつしか選べないとしたら迷わず「焼き味噌！」とオーダーします。 家で焼き味噌を作るときの「たったひとつのコツ」 というわけで「家族と懐のために『家めし、家BAR、家
Webブラウザ上でGPUプログラミングを可能にする「WebGPU」、Chrome 113で正式版に。3Dレンダリングや機械学習など高速処理
Webブラウザ上でGPUプログラミングを可能にする「WebGPU」、Chrome 113で正式版に。3Dレンダリングや機械学習など高速処理 GoogleのChrome開発チームは、WebブラウザでGPUプログラミングを可能にするWeb標準「WebGPU」が、4月26日にリリース予定のChrome 113で正式な機能として提供されることを明らかにしました。 WebGPU, one of the biggest additions to the Web platform is finally shipping in Chrome! Many thanks to all Chromium contributors in making this possible.https://t.co/26vmxtQWi1 https://t.co/FKGC3M3FVD — Chrome Developers
2023年3月にリリースされるChrome 111ではCSSの三角関数がサポートされます。FirefoxやSafariではすでにサポートされている機能のため、2023年3月からは主要なブラウザでCSSの三角関数が使えるようになります。 とはいえ、「CSSで三角関数をどうやって使えばいいの？」「そもそも三角関数で何ができるの？」という方も多いのではないでしょうか。この記事では三角関数のうちサイン関数とコサイン関数の作例を交えながら解説します。 三角関数のおさらい まずはサイン関数とコサイン関数のそれぞれの使い方を少しおさらいしてみましょう。下図は角度をθ、半径をrとした時のx座標とy座標を表したものです。 たとえば角度が60°で半径が200だった場合、CSSのサイン関数とコサイン関数を使うと、x座標はcos(60deg) * 200、y座標はsin(60deg) * 200で求められます。つ
グーグルは6月15日、古いPCにインストールできる「ChromeOS Flex（安定版）」をリリースした。最新のWindowsやmacOSが動作しないような古いPCでも、快適に動作するのが特徴だ。 近年はビジネスで利用ツールの多くがクラウドで提供されるようになり、ブラウザー上で仕事が完結するようになってきた。それなら古いPCも現役の仕事端末として復活させられるかもしれない。動作が軽いなら、今どきのモリモリPCより快適になるかも。さらにChromeOSなので、ランサムウェアやマルウェアなどの被害を受けにくく、セキュリティ面でも安心できる。
ChatGPTと音声会話ができるChrome拡張機能「TalkBerry」がすごい #TrendBuzz | ライフハッカー・ジャパン
楽天ゴールドカードはメリットない?プレミアムカード・年会費無料楽天カードとの違いや元を取る損益分岐点はいくら?
DevTools の新機能 (Chrome 96) 公開日 2021年10月25日月曜日 • 更新日 2021年10月25日月曜日 翻訳先言語： English, Español, Português, 한국어, 中文, Pусский # プレビュー機能: 新しい CSS Overview パネル新しい CSS Overview パネルを使用するとあなたのページの CSS を改善できる可能性を確認できます。 CSS Overview パネルを開き、Capture overview をクリックしてページの CSS のレポートを生成してください。 情報をさらに詳細化することも可能です。例えば、Colors セクションの色をクリックして同じ色を適用する要素のリストを表示できます。いずれかの要素をクリックすると Elements パネルでその要素が開きます。 CSS Overview パネルはプ
フロントエンド刷新のために DevTools を作って開発を捗らせる - Cybozu Inside Out | サイボウズエンジニアのブログ
こんにちは、フロントエンドエキスパートチームの麦島(@mugi_uno)です！ 2021年5月に新しくメンバーとして加わり、富山からフルリモートで働いています。 最近はチームメンバーに誕生日を祝ってもらって嬉しかったです🎉 さて、以前に "kintoneのフロントエンド刷新に向けた取り組み"*1 というエントリでもご紹介しましたが、現在サイボウズ社内では kintone で利用するフロントエンドの技術スタックを刷新する取り組みを進めています。 その一環として、 "Closure Tools DevTools" という Google Chrome 向け拡張機能を作成しました。 作成した DevTools は kintone に限らず利用することができるため、Chrome ウェブストアで公開しています。 chrome.google.com ソースコードも次のリポジトリでご確認いただけます。
経緯Chrome/Firefoxのはてブ機能拡張は配布されているが、Mac版Safariの機能拡張は数年前から配布されていない。 Safariに乗り換える際の個人的な障壁であったが、Chrome版機能拡張をSafari向けに変換して利用する事ができたので、メモ代わりに記しておく。 必要なものmacOS Big Sur以降XCodeはてブ拡張をインストール済のChrome インストール手順1. Chromeのアドレスバーに「chrome://extensions/」と打ち込み、機能拡張の画面を表示する。 2. 同画面右上の「デベロッパー モード」をONにする。 3. 同画面内の「はてなブックマーク」の欄に表示されている「ID：xxxxxx」を次手順で使用する。 4. FinderでChromeのはてブ機能拡張がインストールされているフォルダが存在する事を確認する。 /Users/(ユーザー名
User Agent文字列を使ったブラウザ判定の事例 2022年版 - yigarashiのブログ
やむを得ず、User Agent文字列を使って特定のブラウザ向けにJavaScriptの処理を分岐する必要が生まれてしまったので、調査・検討のログを記事にまとめます。 基本的にはバッドプラクティスである ユーザーエージェント文字列を用いたブラウザーの判定 - HTTP | MDN まずはMDNがドキュメントを公開しているので読みましょう。要点は以下です。 基本的にUser Agent文字列に基づいて処理を出し分けるのはバッドプラクティス 多くのケースではUser Agent文字列を使うよりも良い手段がある 例えば特定の機能の実装状況に基づく分岐を行いたければそれを直接検出する それでもやむを得ない場合、User Agent文字列からブラウザ名、レンダリングエンジン、バージョン、OS、端末といった情報を取得することができる ただし各ブラウザのUser Agent文字列は嘘をついていることもあ
@ynin_jpよくある質問 利用規約 集英社プライバシーガイドライン 電気通信事業法に基づく表記 特定商取引法に基づく表記 資金決済法に基づく表記 JASRAC許諾 第9009285026Y43128号許諾番号 ID000002928ABJマークは、この電子書店・電子書籍配信サービスが、著作権者からコンテンツ使用許諾を得た正規版配信サービスであることを示す登録商標（登録番号第６０９１７１３号）です。https://aebs.or.jp/
ウェブブラウザ・Braveが非難されまくっているGoogleの「Web Environment Integrity」を無効化してリリースすることを発表
Googleが「健全なインターネット」のために策定を進めている「Web Environment Integrity(WEI)」に対して反対を表明している、ウェブブラウザ・Braveが、WEIを無効化する方針であることを明らかにしました。 Disables WebEnvironmentIntegrity feature and origin trials. by mkarolin · Pull Request #19476 · brave/brave-core · GitHub https://github.com/brave/brave-core/pull/19476 Google’s Plan To DRM The Web Goes Against Everything Google Once Stood For | Techdirt https://www.techdirt.com/2
通販サイトを開いた時にスーパーの音楽（呼び込み君）を再生するChrome拡張を自分用に作ったら買い物が楽しくなった「無限に買い物をしそう」
食塩出現 @solt9029 【実際に1週間使ってみた感想】 ・ふとページを開くと呼び込み君の音楽が流れてきて心臓に悪い ・買い物中はテンション上がった 2022-12-21 09:17:04
chromeとATOKで発生している怪現象と対策
どちらかというと、日本語入力などの特殊な条件を後回しにして挙動が変化するようなアップデートを繰り返すchromeにATOKが振り回されてる感じなのかな。まあ内蔵PDFビューワーの謎フォント問題も解決の気配すらないし
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
アニメをリアルタイムで高解像度化するChrome拡張 「mimic」開発会社がAI活用 利用は無料
Google、Chromeブラウザのロゴを8年ぶりに変更
Chrome仕事術 - 詩と創作・思索のひろば
「Microsoft Edge」に待望の“垂直タブ”機能 ～Dev/Canaryチャネルでプレビュー中／ワイドスクリーンを有効活用。タブの複数選択やコマンドの一括適用も簡単
Chrome DevToolsにもGeminiを搭載へ。エラーの解決策などAIが支援
CSSのコンテナクエリと:has()擬似クラスを使用すると、こんなことができるようになる
CSSのメディアクエリの範囲指定で、比較演算子を使用できるようになります
Webページの特定のテキストにリンクを張れるChrome拡張機能、Googleが公開
Puppeteerで不要なCSSを消す - Cybozu Inside Out | サイボウズエンジニアのブログ
Google Chrome、最大10GB削減できる省メモリモードと省エネモードを実装へ
decoding="async" について詳しく調べてみる
「Firefox」興亡史：一時代を築いたブラウザーの歴史と衰退
在宅ワーク中に家族に会議中だとアピールするライフハック - magamingのブログ
V8エンジンによる内部変換コードでasync/awaitの挙動を理解する
Chromeに入るRecorder機能の利用と注意点 - 虎の穴開発室ブログ
squash and mergeしか使ってないけど全く困ってない
技術系の情報をググるときにStack Overflowの機械翻訳サイトを回避する技術 - ムニエルブログ
Web Application開発に10080番ポートは使ってはいけない
激シブなのは百も承知だが「焼き味噌」を激オシせずにはいられない - メシ通 | ホットペッパーグルメ
モリサワの「UD書体」が「Google Workspace」「ChromeOS」「Android」で利用可能に／「Google IME」も時事用語に強く
CSSの三角関数を理解しよう！ sin()とcos()でできる表現 - ICS MEDIA
古いパソコンはChromebookにしてしまえ！「ChromeOS Flex」の使い方 (1/3)
GitHub製コードエディター「Atom」の最終版が公開 ～8年間の開発に終止符／12月15日をもってリポジトリはアーカイブ
DevTools の新機能 (Chrome 96) - Chrome for Developers
Mac版Safariではてなブックマーク拡張を使う
白銀ノエル大好きおじさん｜ 特別読切｜ヤンジャン！｜集英社公式・ジャンプ系青年マンガ誌アプリ