Google、「Chrome Enterprise Premium」発表。Chromeブラウザにポリシーの適用や動的URLフィルタリングなどのエンドポイントセキュリティを提供
Google、「Chrome Enterprise Premium」発表。Chromeブラウザにポリシーの適用や動的URLフィルタリングなどのエンドポイントセキュリティを提供 Webブラウザが、企業においてもあらゆる業務アプリケーションのフロントエンドとして使われるようになってきたと同時に、リモートワークの普及やBYOD（Bring Your Own Device）の拡大によって、オフィス以外の場所からWebブラウザを通じて企業内のアプリケーションや業務用のサービスにアクセスする、もしくは社員の私物のスマートフォンなどからWebブラウザを通じて業務アプリケーションにアクセスする機会が大幅に増大しています。 こうした状況においては、エンドポイントとなるWebブラウザにおいてマルウェアやフィッシングの対策、データ漏洩対策を行うことが欠かせません。 今回発表されたChrome Enterpris
Vivaldiブラウザを使って、TweetDeck風画面を構築してみよう！ | ナポリタン寿司のPC日記
この記事では、高性能・カスタマイズ性に優れたChromiumベースのウェブブラウザ「Vivaldi（ヴィヴァルディ）」の機能を利用して、2023年8月に無課金者が利用できなくなった「TweetDeck」の画面を、通常の「Twitter（X）」で再現する方法について書きます。 「Vivaldi」ブラウザのタブタイリング機能、タブスタック機能を利用することで、「TweetDeck」風の画面を再現できます。アドレスバー、ブックマークバー、タブバーなどの表示・非表示も切り替えられます。 CSSを適用できるChrome拡張機能などを利用することで、スクロールバーを細くしたり、一定の横幅サイズ以下で、サイドバーを非表示にしたり、より近づけます。 ただし、あくまで"風"なので、本物の「TweetDeck」と比べると、機能性や操作性で劣ると思います。全然本家に勝てなくても、僕を責めないでください。 本記事
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
Thorium Browser
Chromium fork for Linux, Windows, MacOS, Android, and Raspberry Pi named after radioactive element No. 90. Highlights Compiler optimizations include SSE4.2, AVX, AES, and modifications to CFLAGS, LDFLAGS, thinLTO flags, import_instr_limit flags, and PGO, as well as other compiler flags. LLVM LOOP optimizations as -mllvm flags Learn more about these compiler optimizations and how they work Here. UI
Googleの「Chrome」を使っている人は、スクリーンショットを撮らずに動画フレームをコピーできる新しい方法を使えるようになった。同社は米国時間8月31日、Chromeの「Copy Video Frame」機能を発表した。その名称が示す通り、動画フレームをコピーする機能だ。 Googleは公式ブログで「Chromeで再生中の動画を好きなところで一時停止して、求めるフレームのきれいなコピーがとれる」と述べている。 Copy Video Frameを利用するには、Chromeで再生中の動画を一時停止し、動画フレームを右クリックして、ポップアップメニューからCopy Video Frameを選択すればいいとGoogleは説明している。 Googleは、いつものやり方で動画フレームのスクリーンショットを撮ると、画像の質が低くなり、動画のプログレスバーが最下部に映り込む可能性があると指摘している
Goodbye, Node.js Buffer
The Buffer type has been the cornerstone for binary data handling in Node.js since the beginning. However, these days we have Uint8Array, which is a native JavaScript type and works cross-platform. While Buffer is an instance of Uint8Array, it introduces numerous methods that are not available in other JavaScript environments. Consequently, code leveraging Buffer-specific methods needs polyfilling
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アプリをブラウザで開くだけなのでより単純かつ制
Apple Watchで各種Webサイトを表示できるブラウザアプリ「ワードウォッチ」をインストールして試してみました。基本機能は無料で、会員登録なども不要で利用できます。iPhoneを取り出せない状況でも、Apple WatchでWeb検索ができる体験にワクワクできました。 ■3行で分かる、この記事のポイント 1. Apple Watch用ブラウザアプリ「ワードウォッチ」を試した。 2. iPhoneを取り出さずに手首でWeb検索が可能。 3. 改善を希望する点もあるが、活用方法の幅が広そうで楽しい。 通常、Apple WatchでのWeb表示は限定的 Apple Watchでは、watchOS5（2018年公開）からメールに含まれるリンクを開いてWebサイトを閲覧できますが、文字と写真だけが簡易表示される程度で、機能は限定的です。 「ワードウォッチ」は、アプリ開発者kiminori ku
In-browser code playgrounds
I'm a big fan of interactive code snippets in all kinds of technical writing, from product docs to online courses to blog posts. Like this one: In fact, I even built an open source tool called Codapi1 for embedding such snippets. Typically, a code playground consists of a client-side widget and a server-side part that executes the code and returns the result: browser ┌─────────────────────────────
HTMLを直接読み書きせず、スクリーンリーダーも使わずに、アクセシビリティを向上させられないだろうか（と思ってブラウザ拡張を作ってる）
HTMLを直接読み書きせず、スクリーンリーダーも使わずに、アクセシビリティを向上させられないだろうか（と思ってブラウザ拡張を作ってる） これまでの何年間か、Webアクセシビリティまわりのことをやってきた中で、「Webアクセシビリティに取り組む」上でいろいろな障壁を感じてきました。 「なぜWebアクセシビリティをやるのか」の理解を得る・得てもらうまでの障壁 イノベーター層・アーリーアダプター層な開発者（エンジニアやデザイナー）が取り組みを始める上での障壁 マジョリティ層が取り組みを始める上での障壁 今回はこの3つめの「マジョリティ層が取り組みを始める上での障壁」の話です。 残りの2つについては、私が執筆に参加したWebアプリケーションアクセシビリティが網羅的なガイドになってくれるはずです。しかしコイツは内容的にも物理的にもゴツすぎる問題があると思っていて、導入編としては見えにくい、読みにくい
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
翻訳について これは Allen Wirfs-Brock, Brendan Eich 著 JavaScript: the first 20 years の翻訳です。英語版は CC BY 4.0 ライセンスで公開されています。 この翻訳は CC BY 4.0 ライセンスの許諾に基づいて公開されます。 PDF/EPUB 版について この翻訳の PDF/EPUB 版を BOOTH で販売しています。
Stay organized with collections Save and categorize content based on your preferences.
ついにブックマークの管理と有効活用の道が開けたかもしれない - シアトル生活はじめました
VisiOSというブックマーク管理用のブラウザ拡張が答えかもしれない このブラウザ拡張については後述します。まずブックマークについて整理してみたいと思います（必要ない人は飛ばしてください） chromewebstore.google.com ブックマークの可能性 みなさんはブラウザのブックマークを活用していますか？もしそうだとしたらどのようにたくさんのブックマークを管理していますか？ここで言うブックマークはブラウザの機能としてよくあるURLなどのリンクを整理して管理する機能のことです。 ブックマークの目的を一言で表すと「既に閲覧したウェブサイト等のリソースを後で素早く簡単に閲覧できるようにする」です。ブックマークを使わない場合は、URLを暗記しておく（脳内ブックマーク？）方法や、毎回検索する方法がありますが、それはあまり効率がよくありません。特に暗記する方法はURLによっては現実的ではあり
GitHub - react-hookz/web: React hooks done right, for browser and SSR.
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
Mozillaのウェブブラウザ「Firefox」のAndroid版で、アドオンが正式に利用可能になったことが発表されました。すでに450種類以上のアドオンがインストール可能となっています。 New extensions you’ll love now available on Firefox for Android https://blog.mozilla.org/en/mozilla/new-extensions-youll-love-now-available-on-firefox-for-android/ A new world of open extensions on Firefox for Android has arrived | Mozilla Add-ons Community Blog https://blog.mozilla.org/addons/2023/12/14
はじめに 社員の皆さんはこんな奴が最近エンジニアになって頑張ってるんだなと暖かい目で読んでいただければと思います。 社外の方やエンジニアを目指している方は少しでも学習の参考や、コネクター・ジャパンに興味を持っていただければと思います。 自己紹介 建築の営業→未経験から独学でプログラミング学習し5ヶ月でLaravelでポートフォリオを作成しました。そして現在は自社開発企業に入社し、WEBエンジニアとしてプロダクト開発に携わっています。 概要 あなたは普段どんなブラウザを利用していますか？ ほとんどの方がGoogleChromeで、fireFox、Vivaldiなど色々ブラウザがありますね。 私は最近世界で話題になっている新しいブラウザ「Arc」を使っており、Chromeから移行のしやすさや、利便性の良さからすっかり虜(ファン)になってしまいました笑 そんな「Arc」を3ヶ月使ってみての使用感
$200K 1 10th birthday 4 abusive ads 1 abusive notifications 2 accessibility 3 ad blockers 1 ad blocking 2 advanced capabilities 1 android 2 anti abuse 1 anti-deception 1 background periodic sync 1 badging 1 benchmarks 1 beta 83 better ads standards 1 billing 1 birthday 4 blink 2 browser 2 browser interoperability 1 bundles 1 capabilities 6 capable web 1 cds 1 cds18 2 cds2018 1 chrome 35 chrome 81
Intro TC39 の Stage 2 と Stage 3 の間に、新たに Stage 2.7 が追加された。 これはなんだろうと思った人が、検索で辿りつけるよう、その経緯と目的をまとめる。 TC39 Stages TC39 は、 ECMAScript (つまりまあ JS) の新機能を議論する Task Group だ。 ここでは、比較的自由に新機能の提案がなされ、定期的に行われるミーティングでの議論や、実装からのフィードバックを経て、 Stage が上がっていく仕組みをとっている。 旧来の Stage は 0~4 まであった。ざっくり言うと以下のようなものだ。
Microsoft Copilot は AI の力を活用して、シンプルなチャットを通じて生産性を高め、創造性を引き出し、情報をより深く理解するのに役立ちます。
計測方法と結果 以下のようになlazy loadが発火した時点でのソースと画面中央の距離(px)を測るページを用いて、iframeと画像の二種類のソースを対象に4000pxのdiv要素とボタン以外に何も読み込まれていない状態とすでに画像が読み込まれている状態との二つの状態を掛け合わせて計測しました。 import React, { useState, useRef } from 'react'; export default function Home() { const iframeDistance = 4000; const [showImage, setShowImage] = useState(false); const imageRef = useRef(null); const toggleImage = () => { setShowImage(!showImage); };
Popover API さわってみた
Chrome 114からPopover APIがサポートされました。 Popover APIは「トースター」などのコンテンツ上に別のコンテンツを表示しユーザーをサポートするようなコンポーネントをjavascriptを使うことなく実装できる便利な機能です。 基本的な使い方からdialogとの使い分けまで調べたのでまとめたいと思います。 基本的な使い方 Popoverを表示する方法は2つあります。 popover属性とpopovertarget属性を使用する方法 以下のように、ポップオーバーで表示したい要素に対して popoverとidを指定、トリガーとする<button>(もしくは<input>)に対して、popovertargetでpopoverで指定したid指定します。 これでボタンを押せば表示できます。 <div id="popover" popover>contents</div>
Edgeが神ブラウザになる可能性がでてきた #MicrosoftBuild2024.05.22 07:0060,278 三浦一紀 音声で聞けるの、ありがたいね。 Microsoft（マイクロソフト）は、開催中の開発者向けカンファレンス｢Microsoft Build 2024｣で、同社開発のウェブブラウザ｢Microsoft Edge｣に、多言語リアルタイム翻訳機能を追加すると発表しました。 どういう機能かというと、YouTubeやLinkedIn、ロイター、CNBC、ブルームバーグなどのサイトにある動画を指定した言語でリアルタイム翻訳してくれるというもの。音声にも字幕にも対応するようです。 短いですけど、デモ動画があるのでご覧ください。 Video: Microsoft Edge/YouTubeちょっとわかりにくいかもしれませんが、LinkdInの英語の動画をスペイン語にリアルタイム翻訳
Is Secure Cookie secure? - CookieのSecure属性・__Host-プレフィックス・HSTSを正しく理解しよう - Flatt Security Blog
こんにちは、 @okazu_dm です。 前回の記事 に引き続きCookie関連のセキュリティに関する記事となります。 今回は、Cookieの仕様を定めたRFC6265(https://datatracker.ietf.org/doc/html/rfc6265)自体に含まれるSecure属性の問題点と、その対策について紹介していきます。 CookieのSecure属性自体は前回紹介したSameSite属性と比較してわかりやすいのもあり、かなり知名度が高いと思われますが、Secure属性単体で守れる範囲というのは実は限定的である、という点を本記事では実験も交えて示していきます。 なお、本記事はセキュリティ以外の分野を主業務とするソフトウェアエンジニアを主な想定読者として書いています。 記事内の検証につかったブラウザのバージョン Cookieについて 中間者攻撃の仕組み 実際に中間者攻撃をして
この記事は毎週必ず記事がでるテックブログLoglass Tech Blog Sprintの17 週目の記事です。 1 年間連続達成まで残り 36 週となりました！ はじめに こんにちは！株式会社ログラスでエンジニアをしているd4te74です 🍷 ログラスではレポートと呼ばれる経営データ分析のための機能領域を改善するチームに所属しています。 この記事では、最近取り組んでいたレポート機能のフロントエンドのパフォーマンスチューニングとして行った「巨大なテーブルコンポーネントの仮想スクロール化」について書いていこうと思います。 ※ Loglass は事業の予実を管理するサービスです。 レポート機能とは レポート機能とは、Loglass 内に統合された部署や勘定科目などの経営データに対し集計・分析が行える機能で、ユーザー自身がそれらを自由度高く表形式に組み立てて、表示できるというものです。 以下の
Firefoxにプライバシーを保護しつつブラウザ使用状況を集めるシステム「Oblivious HTTP(OHTTP)」と「Distributed Aggregation Protocol(DAP)」が導入される予定
Mozillaがプライバシーを保護しつつブラウザ使用状況を収集するためにプライバシー保護技術「Oblivious HTTP(OHTTP)」と「Distributed Aggregation Protocol(DAP)」をFirefoxに導入することを発表しました。同時に、OHTTPとDAPを実装するためにテクノロジー企業「Fastly」やInternet Security Research Group(ISRG)傘下の「Divvi Up」と協力することも発表されています。 Built for Privacy: Partnering to Deploy Oblivious HTTP and Prio in Firefox https://blog.mozilla.org/en/products/firefox/partnership-ohttp-prio/ Firefox and Fastl
ブラウザのパスワード保存機能は使っても大丈夫か？
Malwarebytesは11月2日(米国時間)、「Should you allow your browser to remember your passwords?｜Malwarebytes」において、ブラウザにパスワードを記憶させるべきか否かについて説明した。一般的に認証に用いるパスワードは強力で一意なものが推奨されており、比較的安全にこれを実現するためにパスワードマネージャが利用される。ブラウザにもパスワードマネージャと呼ばれるパスワードの管理機能があるが、Malwarebytesはこのブラウザのパスワードマネージャの是非について考察している。 Should you allow your browser to remember your passwords?｜Malwarebytes Malwarebytesはブラウザのパスワードマネージャのメリットとデメリットとして、以下を挙げてい
iOS17では、iPhoneの標準ブラウザであるSafariも、便利で安全に使うための新機能が追加されて進化します。米メディアMacRumorsが、Safariの進化ポイント9つをまとめているのでご紹介します。プライバシー保護関連の機能が特に充実しています。 ※記事中の機能や使用しているスクリーンショットは、取材に基づく特別な許可に基づき使用しています。機能やデザインは、iOS17パブリックベータのものであり、正式版では変更される可能性がありますのでご了承ください。 ■3行で分かる、この記事のポイント 1. iOS17で進化するSafariの新機能をまとめた。 2. プロファイルの切り替えは、用途別にお気に入りなどを使い分け可能。 3. プライベートブラウズを開くには生体認証が必要に。 iPhoneの標準ブラウザ、Safariが進化 iOS17では、iPhoneの標準ブラウザであるSafa
AppleはEUのデジタル市場法を順守するため、iOS向けのブラウザエンジンをWebKitしか認めなかったこれまでの姿勢を崩し、サードパーティー製ブラウザエンジンを許可する新規則を発表しました。しかし、Firefoxを開発するMozillaは、Appleの新規則は開発者に不必要な負担をかけるものだと主張しています。 Mozilla says Apple’s new browser rules are ‘as painful as possible’ for Firefox - The Verge https://www.theverge.com/2024/1/26/24052067/mozilla-apple-ios-browser-rules-firefox Apple's plan to allow browser competition dubbed unworkable - Ope
How Back/forward Cache Helped Yahoo! JAPAN News Increase Revenue by 9% on Mobile Stay organized with collections Save and categorize content based on your preferences. Back/forward cache (or bfcache) is a browser optimization that enables instant back and forward navigation. It significantly improves the browsing experience for users, especially for websites that involve many back and forth naviga
Googleは検索エンジンやブラウザ、広告出稿サービスなどインターネットに関するさまざまなサービスを展開しています。そんなGoogleが「検索エンジン市場を違法に独占している」として、アメリカ司法省から訴えられているのですが、この訴訟の中でGoogleは2021年にブラウザのデフォルトの検索エンジンになるために263億ドル(約3兆9400億円)もの資金を投じていたことが明らかになりました。 Google paid $26.3 billion in 2021 to be the default search for Apple, Firefox, and more - The Verge https://www.theverge.com/2023/10/27/23934961/google-antitrust-trial-defaults-search-deal-26-3-billion イ
:user-valid & :user-invalid擬似クラスが来た！ - What's new in Browsers!
What's new in Browsers!は、サイボウズのフロントエンドエンジニアがブラウザの最新情報から気になるトピックを紹介するシリーズです。 今回はChrome 119の更新内容から気になるトピックとして、:user-valid擬似クラスと:user-invalid擬似クラスを紹介します。 ユーザーの操作後に検証が行えるようになった :user-validと:user-invalidはどちらもフォームなどの入力要素の検証の状態に対してスタイルの指定などが行える疑似クラスになります。 検証の状態とは、例えば<input type="email" required />な要素では入力されていない場合やemailとして許容されない文字列が入力がされている場合はinvalidな状態になり、emailとして許容される文字列が入力されている場合にはvalidな状態となります。 :validと
動画編集アプリは数多くの種類が存在しますが、「動画に字幕だけを付けたい」といったちょっとした編集のために動画編集アプリをインストールするのは面倒です。「omniclip」はブラウザ上で動作するインストール不要の動画編集アプリとのことなので、実際にomniclipを使って動画に字幕を付ける編集をやってみました。 GitHub - omni-media/omniclip: Open source video editing web application https://github.com/omni-media/omniclip 今回は、以下の動画に字幕を追加してみます。 ビワマスを釣り上げる寸前に逃げられた - YouTube まず、以下のリンクをクリックしてomniclipを開きます。omniclipはChromeとEdgeに対応しているので、どちらかのブラウザを使ってアクセスしてくださ
KARTE 管理画面のパフォーマンスの監視をするにあたって考えたことや Datadog の活用のポイント、改善で取り組んだことについて紹介します。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「Chrome」、動画フレームをコピーする新機能を追加--スクリーンショットが不要に
【レビュー】Apple Watch用国産ブラウザアプリ「ワードウォッチ」使ってみた - iPhone Mania
Referrer-Policy の制限を強めると安全になるという誤解 | blog.jxck.io
JavaScript: 最初の 20 年 (翻訳) - inzkyk.xyz
Learn Testing | web.dev
ついにAndroid版Firefoxで拡張機能が使用可能に、すでに450種以上のアドオンが利用可能
世界で話題のブラウザ「Arc」が便利すぎたので魅力を解説する - Qiita
Fighting cookie theft using device bound sessions
TC39 に新設された Stage 2.7 について | blog.jxck.io
Microsoft Copilot: 日常の AI アシスタント
Webブラウザーを使うなら必修の［Alt］＋［D］キー ～「エクスプローラー」のあのワザとも親和性大！【脱初心者！すぐに役立つショートカットキー】
Googleに怒られない？ プライバシー至上主義検索サイト「DuckDuckGo」に公式Webブラウザー／Mac版に続きWindows版が公開。現在、パブリックベータ中【やじうまの杜】
HTMLのLazy Loadの挙動がブラウザによってかなり異なるので違いを実測して確かめてみた
Edgeが神ブラウザになる可能性がでてきた #MicrosoftBuild
「Google Chrome」でWebページのコンテンツが一時的に表示されなくなる問題が発生中／原因は特定済み
巨大なテーブルコンポーネントを仮想スクロール化してブラウザのメモリ使用量を1/10にした話
2画面ブラウジングが効率的！ 「Edge」に追加された「画面分割」ビューは便利かも／特定のページを起点にリンク先をザッピングしたり、似たページを見比べたり……【やじうまの杜】
iOS17でSafariに追加される9つの新機能 - iPhone Mania
Firefox開発のMozillaが「Appleの代替ブラウザを認める新規則は可能な限りの苦痛を強いるもの」と批判
How Back/forward Cache Helped Yahoo! JAPAN News Increase Revenue by 9% on Mobile | web.dev
Googleは4兆円を支払いあらゆるプラットフォームのデフォルト検索エンジンになっていたことが明らかに
ブラウザ上で動画編集が可能なオープンソースアプリ「omniclip」を使って動画に字幕を付けてみた
そのWebブラウザー、実はAIついてます！タダで使える初心者向けAIチャット3選、旅行も恋愛も相談できるし、画像生成も【今からでも遅くない！おすすめAIピックアップ】
「Microsoft Edge」の増えすぎた便利ツール、大量リストラへ／数式を解く機能や品詞の色分け、キッズモードなどがターゲットに
Datadog を使った KARTE 管理画面パフォーマンス改善の取り組み