Subway Tooterの概要 Subway Tooter は分散マイクロブログサービスであるMastodonのAPIを利用するクライアントアプリケーションです。 このアプリはMastodon APIと十分な互換性のある任意のサーバにアクセスできます。接続先のサーバを運営しているのはSubway Tooterではないことに注意してください。 Mastodonの概要 Mastodonは分散マイクロブログの製品名です。Webやメールと同様に、世界中に何千ものサーバが存在します。それらのサーバはそれぞれ異なるポリシーを持ち、全体が緩く連合しています。サーバやユーザは他のサーバやユーザを自由にブロックできます。 Googleからのメール Subway Tooter だけでなく、Fedilab, Husky, MastoPane なども同様の削除警告を受け取っています。 From: Google
また、検索エンジンと違って明確に回答にたどり着ける点も気に入った。Google検索はSEOメソッドの影響か、冗長なコンテンツが検索上位に入ることが多い。そして、同じような見出しのページがずらっと並び、どれをクリックして良いかわからない。一方のChatGPT Searchは、複数のリンクを参照し、ウェブページをクリックしなくても欲しい情報を要約して提示してくれる。また、検索結果に広告が一切表示されず見やすいが、逆に言えばOpenAIはこの部分でマネタイズを目指すのかもしれない。 さらに使っていて感じたのが、デフォルトの検索窓がChatGPTでも、ある程度は普段通り使えるということだ。Google検索より若干レスポンスが悪いなど気になる点もあるが、ChatGPTの登場時に盛んに言われた「従来型検索エンジンのオワコン化」がいよいよ現実味を帯びてくる可能性もある。 生成AIと検索エンジンを組み合わ
まぐね @mstrnz chrome bookを買いました。Googleにログインしようとする度に落ちるんですが嫌がらせか何かですか？ 2024-07-21 21:12:39 まぐね @mstrnz メールアドレス入力フォームが出てメアド入力し始めたら@をうつくらいのタイミングで飛ぶ。あんまりタイミングに再現性はなくて、10回に1回くらいはパスワード入力までいけるけどパスワード入力し切る前に落ちる。リカバリーモードもメモリテストも完走するから電源系・メモリの故障ではなさそう 2024-07-21 21:12:40
長年 Chromium (Chrome) ブラウザの開発に携わっていたのですが、やめてチームを移ることにしました。2021年10月1日が最後の日です。 チームを変わるだけで転職ではないのですが、結構いろいろやったなと思ったのと、瞬間最大風速的に沢山お礼を言ってもらって嬉しかったので、記録として書いておくことにしました。最初は褒めてくれてるtweetだけ貼ってﾄﾞﾔｧ的なやつを作ろうかと思ったのですが😇、いい機会なのでやったことも書ける範囲で書いてみました。オープンソースはこういうとき気楽でいいです。 Personal update. After 10+ years I’m leaving Chrome and doing something else. I started with a small API and ended up owning entire Loading & Netw
Microsoftは6月24日（現地時間）、次期OS「Windows 11」を発表した。Windows 11 Insider Previewの公開も始まっており、筆者の周りにはPC系ライターも多いので、すでにインストール祭り状態である。 筆者は現在、執筆をMacで行っており、Windows環境はびっくりするほどプアである。クラウド時代の昨今、Macだから、Windowsだからという差はそんなにないのだが、時折レビュー製品でWindows版しか設定アプリがないものがあったり、Macで読めないHDDに動画素材が入ってたりということがたまにある。 そんなときのために、2020年9月にドンキの激安ノートこと「MUGAストイックPC3」を購入していた。CPUにCeleron N3350（Apollo Lake）、メモリ4GB、ストレージ64GBで、1万9800円である。 いや、購入直後はそこそこ普通
はじめに こんにちは、都内でソフトウェアエンジニアをしているYSasagoです。 私はフロントエンドの開発時に、Chromeのブラウザを使うことが多いです。 Chrome には開発を便利にするchrome 拡張機能がたくさんあります。 普段、フロントエンド開発時に私が使っている拡張機能を紹介したいと思います。 UI Build Assistant アイコンは IT 大学と面白いですが、こちらの拡張機能を使えば、ワンクリックで背景と線に色付けをしてくれて、レイアウトが見やすくなります。こちらの拡張機能を使うとマージンの調整等が簡単にできるようになりとても便利です。 また、作成者のしまぶーさんの Youtube 動画は、フロントエンド学習にとても有益なのでよく拝見させていただいてます。 OFF ON Responsive Viewer 次に紹介するのは、Responsive Viewer です
CSSの:has()疑似クラスが主要ブラウザでサポートされ、喜んでいる人も多いと思います。今まではJavaScriptを使用しなければできなかったことが、:has()疑似クラスを使用するとさまざまなセレクタを条件式のように記述できます。 たとえば、子に画像がある場合とない場合、子の数が奇数の場合と偶数の場合、セレクタを追加したり変更することなく指定できます。また、コンテンツやフォームなどにも便利な使い方がたくさんあります。 :has(): the family selector by Jhey Tompkins 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 先日リリースされたChrome 105, Edge 105で:has()疑似クラスはサポートされ、コンテナクエリ（@containe
.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
ウェブサイト閲覧時のバナー広告や動画再生時に挟まれる広告などを抑制する、ウェブブラウザの広告ブロック拡張機能について、ChromeやEdgeのベースとなっているChromiumを開発するGoogleと、Firefoxを開発するMozillaがそれぞれ異なる方針を選んだことにより、両者の差別化が進むと海外メディアのThe Vergeが報じています。 Firefox and Chrome are squaring off over ad-blocker extensions - The Verge https://www.theverge.com/2022/6/10/23131029/mozilla-ad-blocking-firefox-google-chrome-privacy-manifest-v3-web-request 従来の広告ブロック拡張機能は、「webRequestAPI」とい
アラン・ギブソンのブログより。 Mozillaの財務状況を見ると、Googleが反トラスト法の問題を回避するように、彼らを生命維持装置に付けていると結論付けるのが理にかなっています。MozillaとGoogleとの契約は、今後の収益の少なくとも70%を占めることになります。これは4億ドルを超え、ブラウザの4%でデフォルトの検索プロバイダになっています。1年間です。私は次の給与を賭けてもいいのですが、MicrosoftのInternet Explorerの独占を巡るトラブルの再発を避けるために、Googleがこのかなり寛大な契約を結んだのではないかと思います。私の推測では、この最新の反トラスト法の波が吹き荒れる頃に、Googleはプラグを抜くことが、彼らの利益になると判断するのではないかと思います。 Mozillaのトラブルで、GoogleはWeChatやFacebookのウォールドガーデン
最近リリースされたChrome拡張機能「AWS Peacock Management Console」をご紹介します。 AWS Peacock Management Console - Chrome ウェブストア AWSマネジメントコンソールを見やすくしてくれるChrome拡張機能です。AWS SSOを使って、いや使わない場合でも、複数のアカウントのコンソールを行き来するようなAWSの使い方をしている場合、「あれ、今どのアカウントにログインしているんだっけ？」と迷子になることはありませんでしょうか。私はよくあります。この拡張機能はその問題を解決します。 具体的にはこの拡張機能は、コンソールの2箇所の表示を変えることで、今どのアカウントにログインしているのかを判別しやすくします。 1. グローバルヘッダーの色の切り替え どの画面でも共通して表示される一番上の黒背景の部分のことです。拡張機能を
2023年5月にリリースされたGoogle Chrome 113で、次世代WebグラフィックスのJavaScript APIであるWebGPU（ウェブジーピーユー）がデフォルトで利用できるようになりました。ICS MEDIAでは2018年にWebGPUについて紹介していましたが、当時はSafariで開発者向けのフラグを有効にした場合にのみお試しできる実験的機能でした。 デスクトップChrome限定ではありますが、WebGPUが一般ユーザーの環境でも動作できるようになったいま、オリジナルのデモを交えてあらためてWebGPUを紹介します。 この記事で紹介すること WebGPUがChrome 113で標準で利用可能になった WebGPUはモダンな3D APIに直接アクセスすることで、WebGLより高い性能が得られる WebGPUだとドローコールの最適化をしなくても十分に高速 WebGPUはコンピ
Logpointsを使おう Webフロントエンドの開発をする際、デバッグ目的で「特定の処理が実行された」ということを確認するために console.log() を使うことは多いと思います。しかし、Google Chrome や Microsoft Edge で利用可能な Logpoints を利用することで、 console.log() を使わずともコンソールにメッセージを出力することが可能です。 なぜLogpointsを使うの？ Logpoints を使うのには以下のメリットがあります。 デバッグや動作確認のためにコードを変更する必要が無い console.log() を誤ってcommitに含めてしまう心配が無い console.log() を入れた後に再ビルドやホットリロードを待つ必要が無い どうやってLogpointsを使うの？ logpoints は以下のように使用します。 Chr
CSSのこの機能を待っていた人も多いと思います！ CSSで、句読点括弧のカーニングが自動でできたり、フレーズの途中で改行されないようにしたり、日本語と英語が混在したテキストでスペーシングが自動調整されたり、10px以下でも指定サイズ通りに表示されたりなど、日本語が読みやすくなる最近サポートされた・近日サポートされるCSSの機能を紹介します。 Introducing four new international features in CSS by Jack J 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに word-break: auto-phrase;によるフレーズで自動改行 text-autospaceによる文字間のスペーシング text-spacing-trimによる句読
シーチキンの旨みでだし要らず、具沢山で栄養バランスと食べごたえアップ。ご飯とおみそ汁だけでも大満足のおみそ汁です。 このレシピの生い立ち 具沢山のおみそ汁に、シーチキンを加えて味も栄養のバランスもさらにアップ！ご飯と合わせるだけでも満足でき、食べごたえも◎忙しい時でも作りやすくて、しっかりと食べられる、大満足のおみそ汁です！ シーチキンの旨みでだし要らず、具沢山で栄養バランスと食べごたえアップ。ご飯とおみそ汁だけでも大満足のおみそ汁です。 このレシピの生い立ち 具沢山のおみそ汁に、シーチキンを加えて味も栄養のバランスもさらにアップ！ご飯と合わせるだけでも満足でき、食べごたえも◎忙しい時でも作りやすくて、しっかりと食べられる、大満足のおみそ汁です！
ウェブアプリケーションの開発においてE2Eテストの自動化は身近なトピックです。SeleniumやPuppetter、PlaywrightやAppiumなどがブラウザ・ネイティブアプリの自動操作のOSSとしてよく挙げられます。しかし、それらの裏側はご存知でしょうか？ 本トークではこれらのツールの背後…
米Googleは5月14日（現地時間）、Webブラウザ「Chrome」でユーザーが知らないうちにバッテリーやネットワークデータなどのリソースを過度に消費する広告をブロックする計画を発表した。「8月の終わりごろ」にリリースする安定版で提供を開始するとしている。8月25日リリース予定のバージョン85の安定版を指しているとみられる。 同社は2016年に広告業界団体などと共に立ち上げたオンライン広告改善のための団体「The Coalition for Better Ads」の広告標準「Better Ads Standard」に沿う広告ブロックに2018年から取り組んでいる。 今回発表のブロック方法は、Googleが調査に基づいて定めたリソース消費のしきい値を超える広告をアンロードし、広告スペースに以下のように「広告が削除されました。詳細はこちら」と表示するというもの。 しきい値は、4MBのネットワ
前回記事（nano系の広告ブロックは速やかに削除しましょう | 280blocker）の続報です。 前回記事では、Chrome機能拡張のNano DefenderとNano Adblockerがトルコの謎の組織に売却された事を書きました。 その後、2020/10/15にChrome機能拡張のNano Defenderが更新され、githubで公開されているソースコードには存在しない、非公開のコードが挿入されました。 gorhill(uBlock Originの作者）が検証を行った結果、その挙動はマルウエアであるとの結論になりました。 Chrome機能拡張のNano Defenderは、まず外部サイトから検索条件を取得してその条件に合ったブラウザのデータを、外部サイトへ送信するようです。 ユーザーのデータを外部に送信するマルウエア（スパイウエア）と考えられます。 もしも、いまだに使用している
ESPN and other channels return to DirecTV as it finally reaches a deal with Disney
いつもはてなブックマークをご利用いただき誠にありがとうございます。はてなブックマーク開発チームのid:yone-yamaです。 先日は新しいブラウザ拡張機能のリリース告知にたくさんのコメントをお寄せいただき、ありがとうございました。 bookmark.hatenastaff.com また、仕様変更によりご不便をおかけしていることをお詫びいたします。 いただいたご意見をしっかりと受け止め、今後の開発に生かしていきたいと思います。 今後は告知記事などにお寄せいただいたご意見に対しての回答やご説明を、このブログで発信していく予定です。 今回はその第1弾として、ブラウザ拡張機能の告知に関するご意見をもとに、前回ご説明しきれなかった経緯や今後の対応についてご説明いたします。 この記事でお伝えしたいこと 拡張機能における「コメント簡易閲覧機能」は、各ブラウザのWebストアのポリシー準拠・相対的な機能の
Google Chromeのヘッドレスモードが新しく。別になっていた実装を統合し、ヘッドフルと完全互換に Google Chromeの開発チームは、Google Chromeをユーザーインターフェイス画面なしで利用できるヘッドレスモードの実装が新しくなったことを明らかにしました。 Chrome’s Headless mode just got a whole lot better! We made Headless more useful for developers by bringing it closer to Chrome’s regular “headful” mode. https://t.co/FhAblWvJQj pic.twitter.com/tJHV0j9fc7 — Chrome Developers (@ChromiumDev) February 22, 2023 ヘ
Google Chromeブラウザの開発チームが、世界の主要国でChromeブラウザがどんなスペックのデバイスで実行されているかを調査した「Chrome user device characteristics report」を公開しました。 あるソフトウェアを、PCやスマートフォンで適切に、あるいは高速に実行できるように最適化するには、対象となるデバイスのメモリ容量やコア数などを想定しなければなりません。 Chromeブラウザ開発チームはChromeブラウザが適切に実行できるように、世界各国においてどのようなデバイスでChromeが実行されているのかを知るために調査を行いました。その結果が公表されたわけです。 調査項目は、Windows、Android、ChromeOSに対応したデバイスに関するメモリ容量、プロセッサのコア数、WebGLの対応状況です。そしてこれが主要国、具体的にはブラジル
2021/6/25 Tech x Marketingの発表資料
2023年はついに、CSSで三角関数が主要ブラウザのすべてで使用できるようになります！ CSSで使用できる三角関数は、sin(), cos(), tan(), asin(), acos(), atan(), atan2()です。すでに2022年にリリースされたSafari, Firefoxではサポートされており、3月リリースのChrome 111でもサポートされる予定です。 CSSの三角関数を使用すると、複雑なアニメーションに使用するJavaScriptを減らしたり、要素を曲線に配置するレイアウトなどもCSSで実装できます。 Chrome Platform Status CSS Trigonometric functions（三角関数）はCSS Values and Units Module Level 4ですでに定義されています。 sin() 引数として与えた数のサイン ボックスのサイズ
青田努 @AotaTsutomu スタバで若い子が「チョロメってダウンロードしなきゃいけないの？」って言ってたけど、たぶんChromeのことだ。 2022-10-31 13:48:54
先日リリースされたChrome 108で、CSSの新しいビューポート単位（svh, lvh, dvhなど）がサポートされました。SafariとFirefoxではすでにサポートされていましたが、Chromeでもサポートされたのは朗報です。 この新しいビューポート単位の基本的な使い方と注意事項を紹介します。 The large, small, and dynamic viewport units by Bramus 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。 はじめに おさらい: ビューポートとその単位 新しいビューポート単位の必要性 注意事項 リソース はじめに 先日リリースされたChrome 108で、動的なバーがあるスマホのビューポートを考慮したCSSの新しいビューポート単位がサポートされました。SafariとFirefoxではすでにサポート
（2023/08/29） 全ブラウザでネストに対応したので記事を更新しました。 本日2023/08/29、全ブラウザでCSSでネスト（入れ子）ができるようになりました💐 次のようなコードが、「SassではなくCSSで」できるようになります。Sassを使わないCSSコーディングを大きく変えることでしょう。
FIDOアライアンスが仕様を策定した「パスキー」は、パスワードではなく生体情報を用いて認証する「FIDO 2.0」を「Webauthn」標準に基いて利用して得た資格認証情報をデバイス単位で管理運用する技術です。このパスキーが抱える問題点について、Webauthn標準に関わったエンジニアのFirstyearことウィリアム・ブラウン氏が自身のブログで解説しています。 Firstyear's blog-a-log https://fy.blackhats.net.au/blog/2024-04-26-passkeys-a-shattered-dream/ Webauthnがパスワードに代わる認証技術として大きな可能性を秘めていると考えていたブラウン氏は、2019年にオーストラリアからアメリカに渡り、友人と共にWebauthnのRust実装であるwebauthn-rsの開発を始めました。その過程で
一番下に追記あり。 ipv4only.arpa への名前解決 Cloudflareの1.1.1.1を使ったドメインランキングを眺めていたら人気でないはずのドメインが日本国内ランキングで上位に。 ipv4only.arpaへの名前解決が大量に。 https://radar.cloudflare.com/domains/domain/ipv4only.arpa https://radar.cloudflare.com/domains/jp 51位にあった amazon.co.jp より高い位置に。 確実にネットワーク機器か何かソフトウェアが行っているDNS。（ランキング上位はそのようなものがどっちみち多いが） でも日本だけ多いのがとても不思議。 ipv4only arpaの名前解決をそんなに大量にするってどんな状況だろうか？ ipv4only arpaのAAAAクエリの名前解決はDNS64 (
時が流れるのは早く、既に 2020 年も 10 月半ば。 あと 2 ヶ月で 2020 年も終わり、来てしまうのです… そう、Flash の EOL が。 普通にネット見る分にはさすがに Flash コンテンツを見ることはほぼ無くなり大した影響はなさそうですが、VMware 界隈だと vSphere Web Client (Flash版)がメインの GUI である vSphere 6.0 が一応 EOL 前ということで、お世話になる人はまだいそう。 気になる文言 Adobe のページより www.adobe.com 4.2020年末を過ぎても、アドビから旧バージョンのAdobe Flash Playerをダウンロードできますか？ いいえ。アドビは自社サイトからFlash Playerのダウンロードページを削除します。また、Flashベースのコンテンツは、サポート終了日以降、Adobe Fla
• Use your text editor in the browser Whenever you’re writing more than a little snippet of code anywhere on the web, activate GhostText to open your preferred text editor and enjoy your own development environment. Installation GhostText is a browser extension that connects to your editor via its own extension. Install both extensions and, if necessary, start the GhostText server in the editor’s
OpenAIのChatGPTは高度な自然言語処理モデルを利用した対話型AIで、文章を入力するとまるで人間が書いたような自然な文章を返してくれます。これまでの検索エンジンでは検索クエリに複数の単語を入力する必要がありましたが、このChatGPTを応用すれば、調べたいことを直接文章で入力することでより適切な検索結果を示す次世代の検索エンジンが可能になると期待されています。そんなChatGPTの回答を実際にGoogleやBingなどの検索結果に表示させる拡張機能「ChatGPT for Search Engines」が、Chrome・Firefox・Edge向けにリリースされています。 ChatGPT for Search Engines https://chatonai.org/ ChatGPT for Search Enginesを利用するには、あらかじめChatGPTにアカウントを作成して
ChromebookとはGoogleが作ったOS（基本ソフト）｢Chrome OS｣が搭載されたノートPCのことです。触っていて思ったのは、Win/Macよりだいぶシンプルな作りだなということ。何をすればいいかで迷わないのがいいです。 ChromeのメニューからGmailやYouTubeを起動して利用するのを踏まえた作りですImage: かみやまたくみChrome OSはGoogleのブラウザ｢Chrome｣の動作に特化したOSで、Chromeだけでひととおりの仕事がこなせるデザインになっています。 Chromeを立ち上げる→ググったり、Gmailでメールを書いたり、Googleドキュメント/スプレッドシートで文書/表計算を作ったり、YouTubeで動画を観たりするのが基本。ぜーんぶChromeに集約されています。しかも、Gmailはメーラーとして高機能、Googleドキュメント/スプレッ
Scratch禁止が多くなっている ＜ヒーローショーのノリで＞ やぁみんな！GIGAスクール構想で配付されたタブレットで、ゲームしてますかー！？ news.yahoo.co.jp 特にみんなにはScratchが大人気だよね！いろんなゲームで遊べるし。 …ん？ 「Scratchは、休み時間にやっちゃダメってルールになったよ」 あ、そうなんだ。どうして？ 「ゲームばっかりやってるように見えるからだって。」 ゲームがダメなのかー。そっかー。 それで、そんなに流行ってるScratchなんだけど、キミ、6年生だよね。 5年生の時、算数でScratch使った？ 「え？授業で使うの？」 ん？（東京書籍）5年生の3学期で正多角形と円の学習したときに、Scratchやらなかった？もしくは他のでも良いんだけど、パソコン使って正三角形とか描かなかった？ 「…やってないよ？」 そっかー。（使い方も教えないのによく
Chrome 106, Safari 16でサポートされたコンテナクエリは、親要素（コンテナ）のサイズに応じて子要素のスタイルを設定できる新機能です。しかし、これは機能の一部です。親要素のスタイルに応じて子要素のスタイルを設定できるスタイルクエリを紹介します。 たとえば、下記は右のカードの親要素に特定のスタイルが設定されており、それに応じて子要素のスタイルが適用されています。 Container Queries: Style Queries by Bramus 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに コンテナクエリとスタイルクエリの違い スタイルクエリの基礎知識 スタイルクエリの使い方 スタイルクエリのブラウザサポート スタイルクエリのリソース はじめに CSSのコンテナクエリは「コンテナのサイズ」だけではない
公開日: 2025 年 1 月 16 日 パスキーは、パスワードに代わるより安全でユーザー フレンドリーな方法です。パスキーを使用すると、ユーザーは生体認証センサー（指紋認証や顔認証など）、PIN、パターンを使用してデバイスの画面のロックを解除し、アプリやウェブサイトにログインできます。パスキーを使用すると、パスワードを覚えたり管理したりする必要がなくなり、フィッシングの心配も不要になります。iOS と iPadOS で Google パスワード マネージャー（GPM）のパスキーを使用できるようになり、Chrome はすべてのオペレーティング システムでパスキーを同期するようになりました。 Google パスワード マネージャーのパスキーが iOS 17 以降で利用可能に iOS 17 以降（および iPadOS 17 以降）の Chrome ユーザーは、Google パスワード マネージ
「Streaming enhanced」はさまざまなストリーミングサービスへより快適に視聴できる機能を追加してくれるブラウザ拡張機能です。実際に使用してどんな感じなのかを試してみました。 GitHub - Dreamlinerm/Netflix-Prime-Auto-Skip: Automatically skip Ads, Intros, Credits, etc. on Netflix, Prime video, Disney+, Crunchyroll and HBO max https://github.com/Dreamlinerm/Netflix-Prime-Auto-Skip GitHubのページを開き、「Download & Install」の項目までスクロールします。PC向けにFirefox・Chrome・Edgeの拡張機能、Android向けにFirefox・Kiwi
人に説明するときに記事あると便利なので、開発環境向けのDockerfileとdocker-compose.ymlを書いておく。 Dockerfile FROM ruby:3.0.0 WORKDIR /app # Using Node.js v14.x(LTS) RUN curl -fsSL https://deb.nodesource.com/setup_14.x | bash - # Add packages RUN apt-get update && apt-get install -y \ git \ nodejs \ vim # Add yarnpkg for assets:precompile RUN npm install -g yarn # Add Chrome RUN curl -sO https://dl.google.com/linux/direct/google-ch
CSSの新機能コンテナクエリ（@container）と:has()疑似クラスが、いよいよChrome 105（8月末、来週リリース予定）でサポートされます。 コンテナクエリとは今までのメディアクエリがビューポートに依存していたのとは異なり、親要素（コンテナ）のサイズに対してスタイルを適用できます。:has()疑似クラスは指定した要素を含んでいる場合にスタイルを適用できます。 レスポンシブの実装この2つの新機能は単独でも強力ですが、組み合わせるとさらにすごいパワーを発揮します。この2つの新機能の最初に理解しておきたい基礎知識を紹介します。 container and :has(): two powerful new responsive APIs landing in Chromium 105 by Una Kravets 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスにもと
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
![超高速SSDでもエクスプローラーでは速度が全然出ない？！50GB/s超の“実用速度”を実現するために何が必要だったのか「FastCopy」開発者に聞いてみた[Sponsored]](https://cdn-ak-scissors.b.st-hatena.com/image/square/2e8af0442467caca0eb2b215af416a40bde87289/height=288;version=1;width=512/https%3A%2F%2Fv17.ery.cc%3A443%2Fhttps%2Fakiba-pc.watch.impress.co.jp%2Fimg%2Fah%2Flist%2F2005%2F307%2F001.jpg)
Web by Google (TM)
