コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能(広告ブロック機能を持つ拡張機能等)を無効にしてページを再読み込みしてください。 ✕
Cloudflareは、CDNやセキュリティなどインターネットに関するさまざまなサービスで非常に大きなシェアを握っているため、個人や小規模事業者がひとたびCloudflareににらまれるとインターネットの大部分が使用できなくなるなど、さんざんな目に遭ってしまう可能性があります。スイスの製薬会社・Rocheに勤める計算生物学のジェームズ・ホーリー氏が、ささいなことからCloudflareの規制を受け、仕事に欠かせないサイトから遮断されてしまった経験談をつづりました。 Blocked by Cloudflare https://jrhawley.ca/2023/08/07/blocked-by-cloudflare ホーリー氏によると、インターネットユーザーがCloudflareを利用しているサイトにアクセスすると、サイト側は訪問者のブラウザの整合性チェックを行うとのこと。これには、ボットや悪
はじめに この記事では、2023年に見つけた、Visual Studio Codeで開発作業を効率化するための便利な拡張機能4つを紹介します。 これらの拡張機能は、共通してあまり有名ではないためあえて紹介しようと思います!! 実施内容 紹介するのは以下の4つの拡張機能です。 Multi Cursor Case Preserve VSCode JS Console Utils Laravel Goto Config NPM Dependency Links これらの拡張機能は、それぞれ異なるニーズに応えるものです。 準備 Visual Studio Codeをインストールしておく必要があります。 各拡張機能をVisual Studio Codeのマーケットプレイスからインストールします。 実装手順 Multi Cursor Case Preserve VScodeを使って命名の変更があった場
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
2023年10月5日頃、X (Twitter) でOGP画像が設定されたWebページの URLをツイート(ポスト)しても従来のようにページのタイトルや概要が表示されなくなり、OGP画像とドメイン名だけが表示されるようになりました。 このままでは、画像の投稿 なのか、リンクの投稿なのかが分かりにくくなり、「画像だと思ってタップしたら外部のページに遷移してしまった」とか、逆に「リンクだと思ってタップしたら画像だった」ということで困っている方もいらっしゃるようです。 Webメディアを運用している方や、 私のようにブログを運用している場合などは、 このままではサイトへの流入が減少するため困ると言う方もいらっしゃると思います。 そこで、この記事では、「閲覧者側」と「メディア運営者側」と「ツイート(ポスト)投稿者側」それぞれにできる対策をまとめました。 投稿者側の対策については、閲覧者側の対策の下に書
This post details CVE-2024-4367, a vulnerability in PDF.js found by Codean Labs. PDF.js is a JavaScript-based PDF viewer maintained by Mozilla. This bug allows an attacker to execute arbitrary JavaScript code as soon as a malicious PDF file is opened. This affects all Firefox users (<126) because PDF.js is used by Firefox to show PDF files, but also seriously impacts many web- and Electron-based a
If you have ever wanted to implement a RISC-V CPU core in about 600 lines of C, you’re in luck! [mnurzia]’s rv project does exactly that, providing a simple two-function API. Technically, it’s a user-level RV32IMC implementation in ANSI C. There are many different possible flavors of RISC-V, and in this case is a 32-bit base integer instruction set (RV32I), with multiplication and division extensi
Syntax Highlighting code snippets with Prism and the Custom Highlight API 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 ウェブ上の構文ハイライトの一般的な仕組みは、すべてのトークンを要素で囲み、適切なクラスを割り当て、CSSを使って色付けすることです。 CSS Custom Highlight APIのおかげで、DOMツリーにを散りばめてカラー情報を追加するステップを省略できます。 Custom Highlight APIの基礎 ブラウザサポート 静的コードスニペットの構文ハイライト 仕組み ステップ1:セットアップ ステップ2:コードのトークン化 ステップ3:トークンとハイライトの関連付け Custom Highlight APIの欠点 制限されたスタイリングオ
Googleは拡張機能の仕様であるManifest V2を2024年6月に終了し、最新版であるManifest V3に移行すると発表しています。この移行プロセスは批判の声を受けて2022年12月に一時停止されましたが、Manifest V3に改善を加えてManifest V2の非推奨化が再開されることが2023年11月16日に公式ブログで発表されました。 Resuming the transition to Manifest V3 - Chrome for Developers https://developer.chrome.com/blog/resuming-the-transition-to-mv3/ Google Chrome will limit ad blockers starting June 2024 | Ars Technica https://arstechnica.c
Firefoxには別ブラウザから履歴やお気に入りをインポートできる機能が搭載されています。新たに、Firefoxで「Chromeで使用中の拡張機能をインポートする機能」のテストが始まったので、実際にChromeから拡張機能をインポートする手順を確かめてみました。 Import bookmarks and other data from Google Chrome | Firefox Help https://support.mozilla.org/en-US/kb/import-bookmarks-google-chrome Firefox users may import Chrome extensions now - gHacks Tech News https://www.ghacks.net/2023/08/23/firefox-users-may-import-chrome-ex
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
こんにちは、Webデザイナーのまっつーです。 フォトショ(Photoshop)のスーパー解像度の使い方について、実際の画像をお見せしながらわかりやすく紹介していきます。 この記事を読めば「提供された画像の画質が悪い…」「古い写真を使いたいが画質が悪い…」といった悩みが解決できます。 Photoshopのスーパー解像度とは 「スーパー解像度」とは一言でいうと、AIの技術で画像の解像度(画質)を格段にあげることできる機能です。 2021年Adobe Camera Raw v.13.2に追加された新しい機能で、Adobe Senseiという人工知能のAIが細部を自動的に補完し鮮明な画像に処理してくれます。(似ている機能で「ディテールを保持2.0」というものがありますが、期待できる効果は「スーパー解像度」の方が高くなります。) この機能を使うと画像の解像度は縦横それぞれ2倍のサイズになり、全体の解
背景 最近GitHubでページ内検索を使ってると、たまに次のような表示崩れが発生します。 スクロールしても前のコードがずっとそこに残っています。 このときのコンソールログとしては決まって次のエラーで、 content.js:1 Uncaught DOMException: Failed to execute 'getRangeAt' on 'Selection': 0 is not a valid index. at du (chrome-extension://cofdbpoegempjloogbagkncekinflcnj/build/content.js:1:214647) cofdbpoegempjloogbagkncekinflcnjでchrome拡張を検索すると DeepLのChrome拡張ということだったので拡張をOFFにしたところ、表示崩れが起きることがなくなりました。 ま
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
DOMDOM トークス #1 mizdra (みずどら) です 株式会社はてな フロントエンドエキスパートやってます DOM をとりまく ブラウザのセキュリティ の話 DOM 成分ほとんど無いです 「iframe」がちょっと登場するくらい すみません... 皆さんご存知 ツールバーに機能を足したり Webページをカスタマイズしたり Webページにスクリプトを埋め込める機能 Web ページをカスタマイズしたい時によく使う code:content-script.js // ページ中のテキストを真っ赤に document.querySelectorAll('*') .forEach(el => el.style.color = 'red'); (ここまで3分) Chrome 開発チームが「Content Script の中で機密データを保持するな」と言ってる https://groups.go
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
HTMLのチェックボックス(<input type="checkbox">)やラジオボタン(<input type="radio">)をCSSで装飾したいというのはよく聞く話です。2024年現在は、HTMLの記述は簡単なまま、CSSで自由度の高い装飾も実現できるようになっています。 結論 従来の手法 appearanceプロパティを使う手法 外枠の配置 未チェックとチェック済みの切り替え 強制カラーモードへの対応 透明なボーダーやアウトライン 内向きの影や背景グラデーション 画像やテキスト ブラウザ組み込みの外観 状態に応じたスタイルの指定 参考文献 結論 単に色調を整えられればよいという場合は、accent-colorプロパティを使います。 input[type="checkbox"], input[type="radio"] { accent-color: #d31; } くだもの や
# Behind VS Code Extensions for JavaScript / TypeScript Linnting and Formatting This slides are used at VS Code Conference Japan 2024 https://vscodejp.github.io/conference-2024/ (15 ~ 20 minutes) ## References: - Extension API | Visual Studio Code Extension API https://code.visualstudio.com/api - The Biome Tool Chain https://fosdem.org/2024/schedule/event/fosdem-2024-2563-the-biome-toolchain/ - Mo
AppleのM1チップ搭載Macで動作するLinuxディストリビューション・Asahi Linuxの開発者であるヘクター・マーティン氏が、「YouTubeがLinux搭載ARMデバイスのFirefoxで意図的に動画解像度を低下させている」と分散型SNSのマストドンで報告しました。 Hector Martin: "Today I learned that YouTube i…" - Treehouse Mastodon https://social.treehouse.systems/@marcan/111567255619206929 When evaluating browsers that support an arm-based system reporting "x86_64", YouTube only allows for lower quality options - Gam
ウェブサイトを閲覧する際に使用するブラウザには、Google Chrome以外にもFirefoxやSafariなどが存在しています。「どのブラウザで見てもサイトが同じように表示される」ようにするため、ウェブサイトの規格であるウェブ標準が策定されていますが、さらに互換性を向上させるために発足したのが「Interop」プロジェクトです。 The web just gets better with Interop 2024 | WebKit https://webkit.org/blog/14955/the-web-just-gets-better-with-interop/ ブラウザはウェブ標準に従うべきとされていますが、全てのブラウザが完全にウェブ標準に従うことができているわけではありません。ウェブ標準にどれくらい従っているかのチェックにはウェブプラットフォームテストなどの自動テストが使用さ
CSSのネスト記法がFirefox 117でも対応、すべてのモダンブラウザでサポートへ Firefox 117が8月29日リリースされ、このバージョンから、CSSのネスト記法(CSS Nesting)に基本的な部分で対応した。Chrome・Edge・Safariなどでもすでに基本的なサポートは行われており、これでいわゆるモダンブラウザすべてで使えるようになってきた[1]。 CSSのネスト記法を使うことで、あるセレクターのCSS指定内で、Nesting Style Rulesに沿った形でそのセレクターに関するセレクターや@規則を記述できるようになる[2]。 CSSネストが使えない場合には、親のセレクタの記述が必要だった .parent { color: red; } .parent > .self { color: green; } .parent > .self > .child {
ウェブブラウザ「Firefox 121」の正式版が公開されました。AV1のハードウェアデコードを有効化するための拡張機能が案内されるようになったほか、サイトのデザインを上書きしてリンクに強制的に下線を表示する設定の追加や、PDFビューアーで図面やテキスト、画像を追加した場合に簡単に削除できるボタンの追加が行われています。 Firefox 121.0, See All New Features, Updates and Fixes https://www.mozilla.org/en-US/firefox/121.0/releasenotes/ ◆AV1のハードウェアデコードを有効化するために必要な拡張機能が案内されるように これまでは可能な場合にのみAV1のハードウェアデコードが有効化されていましたが、Firefox 121からはWindows版Firefoxの「about:support
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く