並び順

ブックマーク数

期間指定

  • から
  • まで

201 - 240 件 / 450件

新着順 人気順

browserの検索結果201 - 240 件 / 450件

  • 朗報! これでCSSネストの記述方法がより簡単になります

    2023年、CSSにもたくさんの新機能がブラウザに実装されました。そのうちの一つがCSSネストで、現在ではChrome, Edge, Safari, Firefoxの主要ブラウザにサポートされています。 来週リリース予定のChrome 120で、CSSネストがより分かりやすい構文もサポートされ、記述方法が簡単になるので紹介します。 CSS nesting relaxed syntax update by Adam Argyle 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに 要素タグのネスト このネストを可能にするために何が変更されたのか はじめに CSSのネストは、2023年3月にリリースされたChrome 112でサポートされ、現在では主要な各ブラウザでサポートされています。

      朗報! これでCSSネストの記述方法がより簡単になります
    • Firebase Authのリダイレクトログインを使っている人は今年の6月までに対応しないと大変ですよという注意喚起

      公式ドキュメントに書いてあり、Firebaseからもメールなどで通知されていることではあるのですが、意外と見落としたままになっているかもしれない情報なので、啓蒙の意味も込めて記事にします。 結論 Firebase AuthのJavaScript SDKを使っている場合、今年6月までに以下のドキュメントに従った対応をしないとChrome/Edgeでリダイレクトログインが動かなくなります。 サードパーティのストレージ アクセスをブロックするブラウザで signInWithRedirect を使用する場合のベスト プラクティス 必要な対応 公式ドキュメントにある対応選択肢を、補足や注意点も含めた形で以下に焼き直してみます。 ポップアップ形式のログインでもいい場合 同一タブ内でリダイレクトしてログインする形式から、ポップアップウインドウを開いてログインする形式に切り替えましょう。 (公式ドキュメン

        Firebase Authのリダイレクトログインを使っている人は今年の6月までに対応しないと大変ですよという注意喚起
      • 2024年の実装に役立つCSSの新機能と使い方のまとめ

        2023年の後半に、CSSの多くの新機能がすべてのブラウザにサポートされました。新機能が登場するときもワクワクしますが、やはりすべてのブラウザにサポートされてからが本番です。 2024年の実装に役立つCSSの新機能とその使い方を紹介します。セレクタを条件式のように記述できる:has()、複数のカード内でテキストを揃えられるsubgrid、CSS内でネストを使用できるCSSネスト、レスポンシブ対応のコンポーネントに役立つコンテナクエリ単位など、次のプロジェクトに役立つCSSがたくさんあります。 5 CSS snippets every front-end developer should know in 2024 by Adam Argyle 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。

          2024年の実装に役立つCSSの新機能と使い方のまとめ
        • YouTubeがFirefoxやEdgeユーザーの動画読み込み速度を意図的に低下させているとの指摘

          動画共有サイトのYouTubeが、Mozillaのウェブブラウザ「Firefox」やMicrosoftの「Edge」において、意図的にユーザーの動画読込速度を低下させているのではないかとの指摘が寄せられています。 YouTube is reportedly slowing down videos for Firefox users https://www.androidauthority.com/youtube-reportedly-slowing-down-videos-firefox-3387206/ ソーシャルニュースサイトのRedditに投稿された動画では、Firefoxを用いてYouTubeの動画を読み込む際に、約5秒の遅延が発生しています。一方で使用するブラウザをGoogle純正ウェブブラウザのChromeに変更すると、Firefoxで発生していた遅延が消え、動画がすぐに読み込

            YouTubeがFirefoxやEdgeユーザーの動画読み込み速度を意図的に低下させているとの指摘
          • Google Chromeで特定のサイトのキャッシュクリアする方法

            EC担当の齊藤です。 サイト修正後の確認に必要なキャッシュクリア。 クライアントに修正後、確認を依頼したもののキャッシュクリアすることをお伝えし忘れて「修正されてないよー!」と連絡をいただいてしまうなんて経験、エンジニアにはあるあるなのではないでしょうか。 (齊藤はあるあるです。) ブラウザ全体のキャッシュクリアしてしまうとログイン状態が解除されたり、ブラウザで保存していたID・パスワードが削除されてしまうことがあります。 特定のサイトのみキャッシュクリアする方法をご紹介します。 まずはキャッシュクリアしたいサイトを開きます。 デベロッパーツールを開きます。 Windowsでは「F12キー」もしくは「Ctrl + Shift + I」 Macでは「Ctrl + Shift + C」で開きます。 デベロッパーツールを開いた状態で更新ボタンを長押しします。 長押ししていると選択肢がでてくるので

              Google Chromeで特定のサイトのキャッシュクリアする方法
            • チューナーレステレビで無料のウェブブラウザー「Sleipnir TV」を使ってみる【自宅Wi-Fiの“わからない”をスッキリ!】

                チューナーレステレビで無料のウェブブラウザー「Sleipnir TV」を使ってみる【自宅Wi-Fiの“わからない”をスッキリ!】
              • Cookieの改訂版仕様 rfc6265bis の変更点 - ASnoKaze blog

                Cookieの改訂版仕様 rfc6265bis について、その変更点をざっと眺めていく はじめに SameSite属性 Cookie名プレフィックス (Cookie Name Prefixes) __Secureプレフィックス __Hostプレフィックス 非セキュアなオリジンからの Secure属性の上書きを禁止 nameless cookieの許容 Cookie名、Cookie値の上限長の指定 Expires属性の年が2桁の場合の処理の指定 Max-Age/Expires の上限 その他 今回入らなかった機能 はじめに Cookieの仕様は『RFC 6265: HTTP State Management Mechanism』として標準化されています。 そのCookieの仕様の改訂版が『rfc6265bis』と呼ばれているもので、現在標準化作業が進められいています。"SameSite属性"

                  Cookieの改訂版仕様 rfc6265bis の変更点 - ASnoKaze blog
                • GitHub - wxt-dev/wxt: ⚡ Next-gen Web Extension Framework

                  You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                    GitHub - wxt-dev/wxt: ⚡ Next-gen Web Extension Framework
                  • WebPコーデックの重大な脆弱性対処でChromeなど主要Webブラウザが緊急更新

                    米GoogleのChromeや米MicrosoftのEdgeなど、主要Webブラウザが9月11日から重大なゼロデイ脆弱性に対処するアップデートをリリースしている。この脆弱性「CVE-2023-4863」は、GoogleのWeb向け画像フォーマット「WebP」のヒープバッファオーバーフローに関するもので、既に悪用されているという。 この脆弱性は、米Apple Security Engineering and Architecture(SEAR)と加トロント大学のCitizen Labが6日に報告した。 本稿執筆現在、Chrome、Mozilla Firefox、Brave、Microsoft Edgeがこの脆弱性に対処するアップデートをリリースしている。 Googleは公式ブログで、「CVE-2023-4863のエクスプロイトが存在することを認識している」とした。 また、米Stack Dia

                      WebPコーデックの重大な脆弱性対処でChromeなど主要Webブラウザが緊急更新
                    • JSConf JP 2023「書いたJavaScriptがそのままブラウザで動く未来へ」スピーカーノート

                      この記事は、JSConf JP 2023 で発表した「書いたJavaScriptがそのままブラウザで動く未来へ」のスピーカーノートです。もともと PDF を公開していたのですが、読みにくいという声をいただいたので移植しました。内容はそのままで、見出しだけ付けています。 はじまり こんにちは、今日は「書いたJavaScriptがそのままブラウザで動く未来へ」というタイトルで発表をします。「いやいや、JavaScriptはブラウザで普通に動くだろう」と思われる方もいらっしゃるかもしれませんが、話を聞いてもらえれば何を言っているのかわかると思います。 JSConf JPで登壇させていただくのは今回で3度目なのですが、オフラインのカンファレンスで話すのは今回がはじめてなので少々緊張しています。 最初に軽く自己紹介をします。鈴木 颯介と言います。大体のところで Sosuke Suzuki という名前

                        JSConf JP 2023「書いたJavaScriptがそのままブラウザで動く未来へ」スピーカーノート
                      • Vitest Browser Modeがアツい

                        Background これまでVitestでコンポーネントのテストを行う時は、jsdom や happy-dom を使ってブラウザ環境を偽装していました。しかし、偽のブラウザ環境を使うことは多くの問題があり、また開発者はテスト以外でどこにも存在しない環境を作り上げるという不毛な作業が必要でした。 この問題を解決するために、Playwright や Cypress などのテストフレームワークは Component Test をサポートしています。しかし、UnitテストでPlaywrightやCypressを使うのは少々Fatであり、Reactのhooksなどのテストをすることができません。 Vitest Browser Modeを使用することで、Vitest上でComponent Testが可能となり、これらの問題を解決できます。 Installation Browser ModeのSetu

                          Vitest Browser Modeがアツい
                        • ウェブブラウザ「Brave」のインストール数が急増、Appleがデジタル市場法準拠のためブラウザ選択画面を追加した影響か

                          プライバシー重視のウェブブラウザとして知られる「Brave」のiOS版のインストール数が、2024年3月に入って急増していることがBrave Softwareの報告で明らかになりました。 Brave: Sharp increase in installs after iOS DMA update in EU https://www.bleepingcomputer.com/news/technology/brave-sharp-increase-in-installs-after-ios-dma-update-in-eu/ Brave browser daily installs have increased by 30% since the beginning of DMA - MSPoweruser https://mspoweruser.com/brave-browser-daily

                            ウェブブラウザ「Brave」のインストール数が急増、Appleがデジタル市場法準拠のためブラウザ選択画面を追加した影響か
                          • グリッドシステムのフレームワークを作ってみた

                            はじめに この記事では私が普段使っている、グリッドシステムを使ったレスポンシブなデザインカンプのフレームワークを紹介します。主にデザイナー初心者や1~2年程の経験者向けの内容です。 フレームワークを作成した経緯 私は仕事で主に所謂Web制作と言われるWebサイトのデザインと実装を両方やっており、業界的に納期が短い中でいかに高いクオリティのものを作るのかが課題だと感じています。深夜や休日も使ってなんとか仕上げることも業界全体の傾向では少なく無いと感じますが、どうしても限界があるので何かしら効率的なものが必要だと思いました。 そこでデザインカンプを作成するときにデザインの情報としての配置にデザイン4原則を取り入れて、ロジックに則ったレイアウトを設計できるフレームワークを作り、レイアウトに迷う時間を短縮しようと考えました。フレームワークを元にすることで、そのサイトならではのコンセプトを体現したレ

                              グリッドシステムのフレームワークを作ってみた
                            • 画像配信を WebP にした際にやったことと困ったこと - Pepabo Tech Portal

                              こんにちは。takutaka と申します。最近良かったことはMOTHER3をクリアしたことです。 最近、画像配信を WebP に動的変換するという施策を担当したので、その話をします。 ペパボにおける画像配信 GMO ペパボでは、クリエイターさんがアップロードした画像でTシャツなどのステキなアイテムが販売できる SUZURI というサービスや、EC支援サービスであるカラーミーショップやハンドメイドマーケット minne など、様々なサービスを運営しており、それぞれに画像の扱いは特徴があります。 SUZURI では、クリエイターさんに提供いただいた画像をペパボで独自で合成し画像を作成していますが、対してカラーミーショップや minne では、ショップオーナーさんや作家さんがペパボのシステムアップロードした画像をエンドユーザーさんに配信しています。 施策を実施したサービス 今回はEC支援サービス

                                画像配信を WebP にした際にやったことと困ったこと - Pepabo Tech Portal
                              • フロントエンドの認可ついて(その1)

                                概要 どうもukmashiです。今年は年末なのに、年末感がなくて逆にびっくりしますね。 年末で時間を持て余してるので、燻製を作りながら、年末に仕事で練っていたフロントエンドにおける認可について、整理しようと思います。 なお、RBACやPBACなどの認可の種類に対する考え方については基本的に触れません。 本記事は2部作です。 本記事は3部作になりました。 フロントエンドの認可ついて(1)← 本記事 ReactやVueを始めとして、SPA、Next.js、Nuxt.jsに関する認可についてまとめます。 フロントエンドの認可ついて(2) 後半では、FEとBEで認可の処理が二元化してしまうのをどうクリアするかの提案です。 フロントエンドの認可ついて(3) 2での提案を具体的にReactのコードとして落とし込みました 本記事での用語 話を始める前に、用語整理しておきます。 Page ブラウザで描画さ

                                  フロントエンドの認可ついて(その1)
                                • BlueskyとX(旧Twitter)の両方に投稿できるサービス「Skyshare」登場、スマホやタブレットにも対応【やじうまWatch】

                                    BlueskyとX(旧Twitter)の両方に投稿できるサービス「Skyshare」登場、スマホやタブレットにも対応【やじうまWatch】
                                  • 子供に使わせるブラウザと、その検索エンジンってどうすりゃいいの?

                                    google検索の劣化して専門家はdiscordに行ってしまいインターネットには屑情報だけになってしまった https://orangestar2.hatenadiary.com/entry/2024/02/13/174845 google検索の劣化について、首がもげるほど同意した。というか個人的にタイムリーすぎてびびった。 というのも月曜に、子供の自由研究みたいなの手伝って星のベテルギウスについて調べたのね。そしたら重さのところにkg以外にMみたいな記号があったから、なんやろって思ってiPadで「星の重さ M」でぐぐったら↓のサイトが2位ぐらいにひっかかちゃったのよ。(ほんとうはURL貼りたくないのだが) https://planetariodevitoria.org/ja/espaco/quantos-quilos-tem-uma-estrela.html で文章が変なのでAI生成くさ

                                      子供に使わせるブラウザと、その検索エンジンってどうすりゃいいの?
                                    • GitHub - toshusai/cmpui: CmpUI is a component library designed for creating complex GUI applications in web browsers.

                                      You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                        GitHub - toshusai/cmpui: CmpUI is a component library designed for creating complex GUI applications in web browsers.
                                      • 「新宿駅ダンジョン」を3Dで見れるサイト「Shinjuku Station Indoor」が公開。ギネス記録にも登録されるほど複雑すぎる駅を360度どこからでも見ることができる

                                        広くて複雑過ぎる新宿駅を3Dで見れるサイト『Shinjuku Station Indoor』がブラウザ上で公開された。 1日に350万人以上が使用している新宿駅はかなり複雑で広い構造をした駅で、「世界で最も混雑した駅」としてギネス記録に認定されるほどだ。広く迷いやすい構造などから通称「新宿駅ダンジョン」と呼ばれることもある。 (画像はJR東日本公式サイト「新宿駅の構内図・バリアフリー情報」より)そんな広くて複雑過ぎる新宿駅ダンジョンを3Dで可視化し、構造を一目で確認できるサイト『Shinjuku Station Indoor』がブラウザ上で公開された。 『Shinjuku Station Indoor』は、法務省のG空間情報センターで公開されている「新宿駅屋内地図オープンデータ」を元に、エンジニアのSatoshi Komatsu氏が3Dに可視化し、公開したサイトだ。 3Dで表示されているた

                                          「新宿駅ダンジョン」を3Dで見れるサイト「Shinjuku Station Indoor」が公開。ギネス記録にも登録されるほど複雑すぎる駅を360度どこからでも見ることができる
                                        • Cloud Run 上のページが一部の Chrome 環境で文字化けする謎を探るべく我々は Google Cloud の奥地へと向かった

                                          この記事は 2024 年 2 月 28 日に執筆されました.今後この問題が Cloud Run 側で修正された場合,再現しない可能性がありますのでご留意ください. TL; DR Cloud Run は執筆時現在 zstd による圧縮に対応していない ヘッダの Content-Encoding: zstd のみが削除され,ボディは圧縮されたまま応答される ブラウザはこの応答を正しく解釈できないため文字化けのような表示となる zstd による圧縮は,執筆時現在 Chrome に実装されているもののデフォルトでは無効だが近い将来に有効化される 悲劇は突然訪れる 弊社では,コーポレートエンジニアリングチーム [1] [2] において,社内向けにいくつかのサービスを提供しています. これらのサービスはもともと AWS でホストされていましたが,アクセス制限に Identity-Aware Proxy

                                            Cloud Run 上のページが一部の Chrome 環境で文字化けする謎を探るべく我々は Google Cloud の奥地へと向かった
                                          • GitHub - cezaraugusto/extension.js: 🧩 Plug-and-play, zero-config, cross-browser extension development tool.

                                            You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                              GitHub - cezaraugusto/extension.js: 🧩 Plug-and-play, zero-config, cross-browser extension development tool.
                                            • 無料の国産モバイルWebブラウザー「Lunascape Mobile」がリニューアルして復活!/UI刷新、web3完全対応のv14が公開。NFTの配布キャンペーンも

                                                無料の国産モバイルWebブラウザー「Lunascape Mobile」がリニューアルして復活!/UI刷新、web3完全対応のv14が公開。NFTの配布キャンペーンも
                                              • 「Opera」がローカル大規模言語モデルを統合、AIをオフラインで使える初のWebブラウザーに/「Opera One developer」で実験的にサポート

                                                  「Opera」がローカル大規模言語モデルを統合、AIをオフラインで使える初のWebブラウザーに/「Opera One developer」で実験的にサポート
                                                • Vivaldi が AI の流れに乗らない理由とは | Vivaldi Browser

                                                  ブラウザ業界は LLM(Large language Models 大規模言語モデル)機能を統合するというトレンドを避けるわけにはいかないようですが、Vivaldi は、この機能には本質的な問題が存在していることをユーザーに喚起したいと思います。 ChatGPT が 1 年数か月前に公に登場し、今もなお注目を浴びています。それ以来、多くの分野において、人間がするいくつかのことを ChatGPT に代替させようとしたり、疑問に思ったことに対する答えを見つけるのに役立てたりしようというトレンドの波が一気に高まりました。 ウェブブラウザ業界でも、何かにつけて LLM 機能を統合しようとするブラウザが複数見られます。 しかし、未来の構築という名目の元に行っているとしても、機能の明らかな欠陥を全く考慮していないように思われます。例えば、LLM 自体は文章要約エンジンや会話パートナーとしては全く適して

                                                    Vivaldi が AI の流れに乗らない理由とは | Vivaldi Browser
                                                  • <button>とかのスタイルを消して書き直すときに考えることの備忘録

                                                    all: unset; などを使ってUAスタイルシートを消してまっさらな場所からスタイルを当てるのは気持ちがいいですが、アクセシビリティ等の観点から重要な分岐が見落とされる可能性があります。 ここではChromeのUAスタイルシートを参考に、検討しておいたほうがいい状態をいくつかリストします。 (もちろん、既存のUIコンポーネントライブラリの使用が可能であれば、それが最も堅牢な選択肢でしょう。) 参考 各ブラウザのスタイルシート HTMLのスタイルシート UAスタイルの中には、CSSのカスケードルールの範疇で実装されているものもあれば、レンダリングエンジンの特別処理として書かれていて作者スタイルシートでの上書きが不可能なものもあります。これはブラウザ実装により異なります。 スコープ UIコンポーネントを作るような場面を想定しています。したがって、要素名自体は固定として、その中で見落としがち

                                                      <button>とかのスタイルを消して書き直すときに考えることの備忘録
                                                    • Platform Tilt - Mozilla

                                                      This dashboard tracks technical issues in major software platforms which disadvantage Firefox relative to the first-party browser. We consider aspects like security, stability, performance, and functionality, and propose changes to create a more level playing field. Further discussion on the live issues can be found in our platform-tilt issue tracker. Rule 2.5.6 of the Apple App Store Review Guide

                                                      • 小ネタ: DevToolsのネットワークタブでCache-ControlやX-Cacheレスポンスヘッダの値を一覧表示できるようにしてCDN関連の調査を快適にする - polamjaggy

                                                        タイトルと ↓ のスクショで出落ちという感じ……。 https://aws.amazon.com を開いたときの様子 CDNだったり、Varnishのようなキャッシュ系のミドルウェアの調査やデバッグをしているときは、ブラウザのDevToolsを使って、Cache-Control レスポンスヘッダだったり X-Cache レスポンスヘッダのようなレスポンスヘッダの様子をめちゃくちゃ睨みつけることになると思う。こういう仕事をしているときには、リロードしては新しいリクエストを選択し直して睨みつける、というような操作を繰り返すことになりがち。 ところが、ネットワークタブのリクエスト一覧表示の表みたいなやつには任意のレスポンスヘッダを表示することができるので、こうすると1クリックの手間が省けて嬉しいねという話。 やり方はこれだけ! ネットワークタブのリクエスト一覧表のヘッダー部分を右クリックし、コン

                                                          小ネタ: DevToolsのネットワークタブでCache-ControlやX-Cacheレスポンスヘッダの値を一覧表示できるようにしてCDN関連の調査を快適にする - polamjaggy
                                                        • https://no-lang.com/

                                                          • UI = f(statesⁿ)

                                                            “UI is a function of state” is a pretty popular saying in the front-end world. In context (pun intended), that’s typically referring to application or component state. I thought I’d pull that thread a little further and explore all the states that can effect the UI layer… First-party application states Every application whether it’s a to-do list or a shopping cart or some radically complex app wil

                                                            • Polyfill .ioが中国企業に売却 背景と対応策は? - ろぼいんブログ

                                                              Web開発者たちにとって、ブラウザー間の互換性問題は長年にわたり頭痛の種となっています。そんな中、Polyfill.ioは多くの開発者にとって救世主のような存在でした。 しかし、この度Polyfill.ioは中国企業のFunnullに売却されたことが明らかになり、開発者コミュニティーに波紋を広げています。 この記事では、Polyfill.ioの売却について、またWeb開発者が取るべき対策について詳しく解説します。 Polyfill.ioとは? 画像:Polyfill.ioの公式サイト Polyfill.ioは、ブラウザー間の互換性問題を解決するためのサービスです。 具体的には、各リクエストのUser-Agentヘッダーを読み取り、リクエストを送信しているブラウザーに適したポリフィルを提供します。 ポリフィルとは、古いブラウザーで新しいブラウザーの機能をエミュレートするためのコードのことです

                                                                Polyfill .ioが中国企業に売却 背景と対応策は? - ろぼいんブログ
                                                              • 「サードパーティCookie廃止しない」と手のひらを返したGoogleにW3Cが遺憾示す

                                                                  「サードパーティCookie廃止しない」と手のひらを返したGoogleにW3Cが遺憾示す
                                                                • 「ダウンロードする必要はありません!! 私が居るじゃないですかぁ!!」chromeちゃんに寝取られることを全力で阻止するEdgeちゃんが可愛い、じゃあな

                                                                  クラクリChannel/ゆっくり投稿者 @kulakuli_JY 私はEdge派なので普段づかいしてます クロニウムベースだからChromeとさほど違いないし、体感Chromeより動作軽いから良い子良い子 twitter.com/herochi913/sta… 2024-01-01 09:50:13

                                                                    「ダウンロードする必要はありません!! 私が居るじゃないですかぁ!!」chromeちゃんに寝取られることを全力で阻止するEdgeちゃんが可愛い、じゃあな
                                                                  • Google、「Chrome Enterprise Premium」発表。Chromeブラウザにポリシーの適用や動的URLフィルタリングなどのエンドポイントセキュリティを提供

                                                                    Google、「Chrome Enterprise Premium」発表。Chromeブラウザにポリシーの適用や動的URLフィルタリングなどのエンドポイントセキュリティを提供 Webブラウザが、企業においてもあらゆる業務アプリケーションのフロントエンドとして使われるようになってきたと同時に、リモートワークの普及やBYOD(Bring Your Own Device)の拡大によって、オフィス以外の場所からWebブラウザを通じて企業内のアプリケーションや業務用のサービスにアクセスする、もしくは社員の私物のスマートフォンなどからWebブラウザを通じて業務アプリケーションにアクセスする機会が大幅に増大しています。 こうした状況においては、エンドポイントとなるWebブラウザにおいてマルウェアやフィッシングの対策、データ漏洩対策を行うことが欠かせません。 今回発表されたChrome Enterpris

                                                                      Google、「Chrome Enterprise Premium」発表。Chromeブラウザにポリシーの適用や動的URLフィルタリングなどのエンドポイントセキュリティを提供
                                                                    • Windowsに「デフォルトのブラウザをMicrosoft Edgeから変更できないようにするドライバー」が配信されていたことが判明

                                                                      Microsoftは、Google Chromeのダウンロードを中止するように促すメッセージを出したり、チャットAI「りんな」を動員したりと、Microsoft Edge以外のブラウザを使おうとするユーザーをなりふり構わず引き留めることで知られています。そんなMicrosoftが、Windows 10とWindows 11のデフォルトブラウザの設定を変更できないようにするドライバーを、2024年2月のWindows更新プログラムで導入していたことが発覚しました。 UserChoice Protection Driver – UCPD.sys – the kolbicz blog https://kolbi.cz/blog/2024/04/03/userchoice-protection-driver-ucpd-sys/ Windows UserChoice Protection Drive

                                                                        Windowsに「デフォルトのブラウザをMicrosoft Edgeから変更できないようにするドライバー」が配信されていたことが判明
                                                                      • Referrer-Policy の制限を強めると安全になるという誤解 | blog.jxck.io

                                                                        Intro Referrer-Policy は、送信される Referer の値を制御することが可能だ。 このヘッダの副次的な効果をよく理解していないと、「no-referrer にして送らないのが最も安全だ」という誤解を生むことになる。 では、複数あるポリシーの中でどのような観点で、どのディレクティブを採用するのが良いのだろうか? 前提として前回の記事の「リクエストの出自をチェックすることは現代の実装のベースプラクティスである」という点を踏まえて考えてみる。 令和時代の API 実装のベースプラクティスと CSRF 対策 | blog.jxck.io https://blog.jxck.io/entries/2024-04-26/csrf.html Referer とアナリティクス Referer は、リクエストに対してその前のページの URL を送るところから始まった。 GET / H

                                                                          Referrer-Policy の制限を強めると安全になるという誤解 | blog.jxck.io
                                                                        • Vivaldiブラウザを使って、TweetDeck風画面を構築してみよう! | ナポリタン寿司のPC日記

                                                                          この記事では、高性能・カスタマイズ性に優れたChromiumベースのウェブブラウザ「Vivaldi(ヴィヴァルディ)」の機能を利用して、2023年8月に無課金者が利用できなくなった「TweetDeck」の画面を、通常の「Twitter(X)」で再現する方法について書きます。 「Vivaldi」ブラウザのタブタイリング機能、タブスタック機能を利用することで、「TweetDeck」風の画面を再現できます。アドレスバー、ブックマークバー、タブバーなどの表示・非表示も切り替えられます。 CSSを適用できるChrome拡張機能などを利用することで、スクロールバーを細くしたり、一定の横幅サイズ以下で、サイドバーを非表示にしたり、より近づけます。 ただし、あくまで"風"なので、本物の「TweetDeck」と比べると、機能性や操作性で劣ると思います。全然本家に勝てなくても、僕を責めないでください。 本記事

                                                                            Vivaldiブラウザを使って、TweetDeck風画面を構築してみよう! | ナポリタン寿司のPC日記
                                                                          • WebUIについて調べた - laiso

                                                                            WebUIはデスクトップアプリを作るためのライブラリ。HTML, CSS, JavaScriptでフロントエンドを作り、バックエンドをC, C++, Python, Go, TypeScriptなどの言語で開発できる。システムにインストールされているWebブラウザで動作する https://webui.me/webui.me 2023年にhassandragaさんが公開し、V言語コミッタのttytmさんらも参加した 本体はCで開発されていて、Python, Go, TypeScriptにバイディングが提供されている 似た技術としてはElectronやTauri、Gluonなどが存在する laiso.hatenablog.com zenn.dev アーキテクチャについて ElectronやTauriと比較すると、WebUIのアーキテクチャはWebアプリをブラウザで開くだけなのでより単純かつ制

                                                                              WebUIについて調べた - laiso
                                                                            • JavaScript: 最初の 20 年 (翻訳) - inzkyk.xyz

                                                                              翻訳について これは Allen Wirfs-Brock, Brendan Eich 著 JavaScript: the first 20 years の翻訳です。英語版は CC BY 4.0 ライセンスで公開されています。 この翻訳は CC BY 4.0 ライセンスの許諾に基づいて公開されます。 PDF/EPUB 版について この翻訳の PDF/EPUB 版を BOOTH で販売しています。

                                                                                JavaScript: 最初の 20 年 (翻訳) - inzkyk.xyz
                                                                              • 「Chrome」、動画フレームをコピーする新機能を追加--スクリーンショットが不要に

                                                                                Googleの「Chrome」を使っている人は、スクリーンショットを撮らずに動画フレームをコピーできる新しい方法を使えるようになった。同社は米国時間8月31日、Chromeの「Copy Video Frame」機能を発表した。その名称が示す通り、動画フレームをコピーする機能だ。 Googleは公式ブログで「Chromeで再生中の動画を好きなところで一時停止して、求めるフレームのきれいなコピーがとれる」と述べている。 Copy Video Frameを利用するには、Chromeで再生中の動画を一時停止し、動画フレームを右クリックして、ポップアップメニューからCopy Video Frameを選択すればいいとGoogleは説明している。 Googleは、いつものやり方で動画フレームのスクリーンショットを撮ると、画像の質が低くなり、動画のプログレスバーが最下部に映り込む可能性があると指摘している

                                                                                  「Chrome」、動画フレームをコピーする新機能を追加--スクリーンショットが不要に
                                                                                • HTMLを直接読み書きせず、スクリーンリーダーも使わずに、アクセシビリティを向上させられないだろうか(と思ってブラウザ拡張を作ってる)

                                                                                  HTMLを直接読み書きせず、スクリーンリーダーも使わずに、アクセシビリティを向上させられないだろうか(と思ってブラウザ拡張を作ってる) これまでの何年間か、Webアクセシビリティまわりのことをやってきた中で、「Webアクセシビリティに取り組む」上でいろいろな障壁を感じてきました。 「なぜWebアクセシビリティをやるのか」の理解を得る・得てもらうまでの障壁 イノベーター層・アーリーアダプター層な開発者(エンジニアやデザイナー)が取り組みを始める上での障壁 マジョリティ層が取り組みを始める上での障壁 今回はこの3つめの「マジョリティ層が取り組みを始める上での障壁」の話です。 残りの2つについては、私が執筆に参加したWebアプリケーションアクセシビリティが網羅的なガイドになってくれるはずです。しかしコイツは内容的にも物理的にもゴツすぎる問題があると思っていて、導入編としては見えにくい、読みにくい

                                                                                    HTMLを直接読み書きせず、スクリーンリーダーも使わずに、アクセシビリティを向上させられないだろうか(と思ってブラウザ拡張を作ってる)