デスクトップ版「Firefox」の開発が「Git」に一本化へ、「Mercurial」を諦める／リポジトリはMicrosoft傘下の「GitHub」でホスト
I recently realized stdout is much faster than stderr for Rust. Here are my findings after diving deep into this rabbit hole. I have been using the terminal (i.e. command-line) for most of my day-to-day things for a while now. I was always fascinated by the fact that how quick and convenient the command-line might be and that's why I'm a proponent of using CLI (command-line) or TUI (terminal user
Chrome 123で、divなどのブロック要素で垂直方向の中央にalign-contentプロパティで配置できるようになります
間もなくリリースされるChrome 123（リリース情報）で、ブロックやテーブルレイアウトでのalign-contentプロパティがサポートされます。 これにより、div要素内に簡単に垂直方向の中央に配置できるのは嬉しいニュースです。しかし、既存サイトでalign-contentプロパティをflexやgridコンテナ以外に使用している場合、Chrome 122までは何もしませんでしたが、Chrome 123以降は適用されて異なるレイアウトになってしまう可能性があります。 これは同様に間もなくリリースされるSafari 17.4にも適用されます。 Support for align-content in block and table layouts by Rachel Andrew 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、
Apple、iOS 17.4ではSafari初回起動時に他社製ブラウザ選択肢を提示。App Store以外の配布経路も許容、ただしEU圏内に限る | テクノエッジ TechnoEdge
ガジェット全般、サイエンス、宇宙、音楽、モータースポーツetc... 電気・ネットワーク技術者。実績媒体Engadget日本版, Autoblog日本版, Forbes JAPAN他 アップルは、EU圏内のユーザーを対象に、iOS と Safari ブラウザ、App Storeの挙動を変更することを発表しました。 25日にベータ版の提供が始まったiOS 17.4より、最初にSafariを起動した際、サードパーティ製のブラウザアプリにデフォルトブラウザを切り替えられることを案内するようになります。 サードパーティ製のブラウザアプリと言えば、ChromeやFirefox、Edgeが知られていますが、他にもBrave、Opera、DuckDuckGoなどがこれに該当します。 これらサードパーティ製のブラウザをデフォルトとして設定すれば、メッセージ、電子メール、メモなどに含まれるURLリンクをタッ
コンテナークエリー（@container）は、CSSの新しいアットルールです。従来のメディアクエリー（@media）とは異なる手法で、レスポンシブウェブデザインができます。メディアクエリーはビューポート（ブラウザ幅）を条件にスタイルを適用できるのに対して、コンテナークエリーは要素の幅を条件にスタイルを適用できます。 コンテナークエリーを利用することで、再利用性の高いパーツを実装できます。とくに、カラム数が多いレイアウトや複雑な横並びの要素において、コンテナークエリーは有効な機能です。 この記事では、簡単な作例と使用上の注意点を紹介します。 コンテナークエリーの使い方 作例の紹介の前に、コンテナークエリーの使い方を簡単に説明します。 コンテナークエリーを使用するためには、使用したい親の要素にcontainer-typeプロパティを設定する必要があります。以下の2通りの指定ができます。 con
CSSの:has()疑似クラスは2023年暮れにFirefoxでもサポートされ、すべての主要ブラウザでサポートされました。今までのCSSでは、要素の存在のあり・なしによって特定の親や要素にスタイルを設定することは不可能でしたが、:has()疑似クラスのおかげで、指定した要素がある場合にのみスタイルを適用できるようになりました。 WebサイトのUIでよく見かけるCSSの:has()疑似クラスの便利な使い方を紹介します。今までは少し面倒なCSS、もしくはJavaScriptが必要でしたが、:has()疑似クラスを用いると簡単に実装できます。 Some little ways I’m using CSS :has() in the real world by Andy Bell 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに
国民の暗号化された通信内容を政府が傍受可能にする条文がEUの新たな標準規則「eIDAS 2.0」に盛り込まれようとしている
EU全域への電子署名法拡大を目的として導入されたElectronic Identification and Trust Services Regulation(eIDAS規則)の改正案である「eIDAS 2.0」のほぼ最終版が、2023年10月に交渉担当者間で合意されました。2023年中には議会に提出されるこの最終版に含まれる条文が、「EU加盟国の政府による中間者攻撃を可能にし、暗号化されたトラフィックが傍受される危険性がある」として、電子フロンティア財団やMozillaなどが公式に非難しています。 Article 45 Will Roll Back Web Security by 12 Years | Electronic Frontier Foundation https://www.eff.org/deeplinks/2023/11/article-45-will-roll-back
米Amazonは10月23日（現地時間）、WebとiOSのショッピングアプリで、パスワード不要のサインイン機能「パスキー（passkey）」でのログインを可能にしたと発表した。現在展開中で、Androidでも「間もなく」対応するとしている。 アカウントで設定すれば（方法は後述）、Windows HelloやiPhoneの指紋／顔認証やPINでAmazonにログインできるようになる。 パスキーは、昨年5月にApple、Google、Microsoftが発表したFIDO Allianceの「マルチデバイス対応FIDO認証資格情報」の通称。業界標準のAPIとプロトコルに基づく公開鍵暗号化を使い、面倒なログイン名とパスワードの入力を省いて安全にログインできるようにする機能だ。 Amazonでパスキーを設定するには、［アカウント＆リスト］→［ログインとセキュリティ］を選択し、新たに追加された「パスキ
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
いざという時のために覚えておくと便利なHTML＆CSS Tips集の第2弾です。何かで困った時に読み返してみてください。何かでお役にたてると思います。 グラデーションを使ったテキストアニメーション See the Pen Text gradient animation by BUILD (@buildstd) on CodePen. テキストカラーにグラデーションを使ったアニメーションを施す方法。 テキスト要素の背景にanimation プロパティでアニメーションさせたグラデーションを設定し、background-clip: text で背景グラデションをテキストのかたちに切り抜くイメージです。color: rgba(0 0 0 / 0) でテキストカラーを透明にしないと背景グラデーションが表示されないので指定します。 CSSp { color: rgba(0 0 0 / 0); -web
はじめに 社員の皆さんはこんな奴が最近エンジニアになって頑張ってるんだなと暖かい目で読んでいただければと思います。 社外の方やエンジニアを目指している方は少しでも学習の参考や、コネクター・ジャパンに興味を持っていただければと思います。 自己紹介 建築の営業→未経験から独学でプログラミング学習し5ヶ月でLaravelでポートフォリオを作成しました。そして現在は自社開発企業に入社し、WEBエンジニアとしてプロダクト開発に携わっています。 概要 あなたは普段どんなブラウザを利用していますか？ ほとんどの方がGoogleChromeで、fireFox、Vivaldiなど色々ブラウザがありますね。 私は最近世界で話題になっている新しいブラウザ「Arc」を使っており、Chromeから移行のしやすさや、利便性の良さからすっかり虜(ファン)になってしまいました笑 そんな「Arc」を3ヶ月使ってみての使用感
セキュリティにおける倫理って何だ？ | ドクセル
長谷川陽介(はせがわようすけ) (株)セキュアスカイ・テクノロジー 取締役CTO セキュリティ・キャンプ協議会代表理事 千葉大学 非常勤講師 OWASP Kansai ボードメンバー OWASP Japan ボードメンバー CODE BLUEカンファレンス 実行委員 Internet Explorer、Mozilla FirefoxをはじめWebアプリケーション に関する多数の脆弱性を発見。 Black Hat Japan 2008、韓国POC 2008、2010、OWASP AppSec APAC 2014他講演や記事執筆も多数。 https://utf-8.jp/ ※本内容は個人のものであり所属する組織の見解ではありません 2024-05-18 #secmomiji https://utf-8.jp/
2024年5月28日ごろから、主にAdblock Plusのユーザーの間で、動画が一瞬で終了するなどして正常に視聴できない問題が報告されるようになりました。すべての広告ブロッカーで同様の問題が起きているわけではないことから、単なるYouTubeか広告ブロッカーの不具合との見方もあるほか、YouTubeは広告ブロッカー対策とは無関係な変更が原因の可能性があるとの声明を発表しています。 YouTube videos skipping to the end for adblocker users https://9to5google.com/2024/05/28/youtube-skipping-to-end-adblockers/ Ad blocker users say YouTube videos are now skipping to the end https://www.bleepi
iPhoneで一番ダウンロードされた広告ブロッカー「280blocker」でiOSとAndroidの広告を一網打尽にするとどのくらいギガが節約できるのか検証＆新機能やアプリ内広告ブロックもチェック
InstagramやFacebookなどの人気SNSでは、有名人になりすました詐欺広告が横行しており、運営側は「改善は難しい」と白旗を挙げているため、ユーザーには自己防衛が求められます。Appleが発表しているランキングで、2023年に最も人気を博した「トップ有料iPhoneアプリ」に輝いたiOS／Android向けアプリの「280blocker」を使うと、詐欺かどうかにかかわらず広告をごっそりブロックすることが可能で、通信量オーバーで料金が上がってしまうのを未然に防ぐことにもつながるので、実際にスマートフォンに導入してその効果を確かめてみました。 広告ブロックアプリ | 280blocker https://280blocker.net/ 「280blocker - 広告ブロック-コンテンツブロッカー」をApp Storeで https://apps.apple.com/jp/app/i
俺なりの最速[要出典]アクセシビリティチェック
最速[要出典]アクセシビリティチェック ナイスなアンサーソング！みなさんもぜひ「俺のアクセシビリティチェック」を書いていただけたら嬉しいです Rikiya Ihara / magi (@magi1125) https://twitter.com/magi1125/status/1832473908928507936 ということで、「俺なりのアクセシビリティチェック」について書いてみます。実はこの「最速アクセシビリティチェックRTA」についてはmagiさんと以前にも話をしていて、お互いの目的や手法の違いを確認していて、それをちゃんと表に出すという意味もあります。 チェックの目的や重視するもの magiさんのチェック手法がWCAGやJISの一定の基準を満たしているかを網羅的に確認してレポートすることを目的としている（ように見える）のと比較すると、私のチェックの目的は開発チームにいち早くどんな問
![俺なりの最速[要出典]アクセシビリティチェック](https://cdn-ak-scissors.b.st-hatena.com/image/square/057a8ecb61ee27ff8ff331de75755aa899b6cda3/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--__-75Kxk--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%2525E4%2525BF%2525BA%2525E3%252581%2525AA%2525E3%252582%25258A%2525E3%252581%2525AE%2525E6%25259C%252580%2525E9%252580%25259F%25255B%2525E8%2525A6%252581%2525E5%252587%2525BA%2525E5%252585%2525B8%25255D%2525E3%252582%2525A2%2525E3%252582%2525AF%2525E3%252582%2525BB%2525E3%252582%2525B7%2525E3%252583%252593%2525E3%252583%2525AA%2525E3%252583%252586%2525E3%252582%2525A3%2525E3%252583%252581%2525E3%252582%2525A7%2525E3%252583%252583%2525E3%252582%2525AF%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Aymrl%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2cxMEtvem5ETXNrSFdYVkN4dkxvYUdhaGxLNmdOVlB4cnV5eG1YNGc9czI1MC1j%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
GitHubに100種類以上の機能を追加し、インターフェースを使いやすく改良するブラウザ拡張機能「Refined GitHub」
「Refined GitHub」はGitHubに多数の使いやすい機能を導入してくれるブラウザ拡張機能です。 GitHub - refined-github/refined-github: :octocat: Browser extension that simplifies the GitHub interface and adds useful features https://github.com/refined-github/refined-github Refined GitHubの導入手順は次の通り。まず、上記のリンクをクリックしてRefined GitHubのGitHubリポジトリを開きます。Refined GitHubはChrome版・Firefox版・Safari版がありますが、今回はChromeを使うのでChromeのロゴの横のボタンをクリック。 Chromeウェブストア
CVE-2024-4367 - Arbitrary JavaScript execution in PDF.js — Codean Labs
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
SpotifyのデータAPIとYouTube由来の音源を使い、複数のプラットフォーム間で互換性のあるオープンソースのSpotifyクライアントが「Spotube」です。無料でダウンロード可能で、Spotifyにアカウントを持っていれば誰でも利用でき、プレミアムプランに登録する必要もありません。 Spotube https://spotube.krtirtho.dev/ GitHub - KRTirtho/spotube: ???? Open source Spotify client that doesn't require Premium nor uses Electron! Available for both desktop & mobile! https://github.com/KRTirtho/spotube インストールするには、公式サイトからインストーラーを入手します。「D
画像の出所を素早く突き止められる「逆画像検索」の方法【PC・スマホそれぞれ解説】 | ライフハッカー・ジャパン
著者David Nield - Lifehacker US [原文]翻訳遠藤康子（ガリレオ） 2024.02.13 lastupdate 「逆画像検索」というのは、文字どおり「逆向きに」画像検索を行なうことです（少なくともある程度までは）。 つまり、通常の検索では、検索した結果として画像が手に入りますが、その逆に、画像が手元にあってその出典を突き止めたいと思ったときに行なうのが逆画像検索なのです。 このテクニックがもっとも多く使われるのは、画像の出所を調べるときでしょう。デマ情報や盗用がウェブ上に引き続き蔓延しているような現在において、ことさら有益な手段です。 「このデジタルアートを投稿した人は、オリジナルを制作した本人なのだろうか？」「このプロフィール画像は、AIが生成したものじゃないのかな？」。こうした疑問に答えてくれるのが、逆画像検索です。 また、ある画像の別バージョンを見つけたいと
Unboundでお手軽DNSシンクホール
DoHをブロックしてくれるかもしれない、use-application-dns.net iCloud Private Relayのブロックと、「IPアドレスのトラッキングを制限」による通信の許可 Twitter(twitter.com, x.com, t.co etc.)のIPv6化 TestFlightのプッシュ通知をIPv6化から除外 iOS 18でもDDRは機能しない ソースコードの変更 #見出しにジャンプ git clone https://github.com/NLnetLabs/unbound.git -b release-1.21.0rc1 -o upstream CNAME Scrubbing動作を止める - if(!scrub_message(pkt, prs, &iq->qinfo_out, iq->dp->name, - qstate->env->scratch, q
GoogleはChromeでサードパーティーCookieを廃止することを宣言しており、ウェブマーケティングはCookieレスのシステムを整えることが求められています。コードのパフォーマンス診断ソフトを開発するSentryが、実際にサードパーティーCookieを自社サイトから廃止した場合についてまとめています。 We removed advertising cookies, here’s what happened | Product Blog • Sentry https://blog.sentry.io/we-removed-advertising-cookies-heres-what-happened/ Cookieはウェブサイトがウェブブラウザに保存する情報で、サイトを訪れた日時や訪問回数などが記録されています。このCookieのおかげで、IDとパスワードを入力しなくても再び同じサイ
ウェブサイト上で利用できるサービスを端末上で再現する「プログレッシブウェブアプリ(PWA)」のサポートを、Appleは何の前触れもなく廃止しました。これはEUで施行されたデジタル市場法(DMA)に準拠するためだったのですが、そのようなAppleの言い分は言い訳に過ぎず、競合他社を蹴落とす狙いがあるとして、ChromeやEdgeの開発をリードしてきたアレックス・ラッセル氏が強く非難しています。 Home Screen Advantage - Infrequently Noted https://infrequently.org/2024/02/home-screen-advantage/ iOS 17.4のベータ版においてPWAのサポートが廃止されていることが明らかになったのは2024年2月初旬のこと。後にAppleから「DMAによりWebKit以外のブラウザエンジンをiOSで許可することに
Google ChromeやEdge、FirefoxなどのWebブラウザーを利用してWebサイトを閲覧したり、メールの送信先をアドレスで指定したりするときに欠かせないのがDNS（Domain Name System）だ。URLやメールアドレスに含まれるドメインからサーバーのIPアドレスを調べる「名前解決」に使う。 DNSサーバーには、名前解決に使うアドレスを示すレコード（AやAAAA）やメールサーバーのホストを示すレコード（MX）のほかに、メールのセキュリティー機能などに使うテキスト情報のレコード（TXT）、特定の用途（プロトコル）に使うホスト名やポート番号などを示すレコード（SRV）などが登録されている。このDNSに新しいレコード「HTTPSリソースレコード」が追加され、利用される機会が増えている。 インターネットイニシアティブ（IIJ）が調査した結果によると、同社のDNSサーバーへの問
2024年5月20日に発表されたWindows 11向けAI機能「Recall」は、「PC上で見たものや行ったことをすべて記録して検索できる」とうたわれています。しかし、Recallにはプライバシー保護の観点で懸念があるとして、イギリスのデータ監視機関「情報コミッショナーオフィス(ICO)」が調査に乗り出しました。 Giving Windows total recall is a privacy minefield • The Register https://www.theregister.com/2024/05/22/windows_recall/ Windows 11向けのAI機能であるRecallは、画面のスクリーンショットを数秒ごとに撮影することで、ユーザーが過去PC上で行ったあらゆる動作を検索できるという機能です。Microsoftは「Recallは次第に洗練され、今後は実際の
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 Breaks Promise to Block Third-Party Cookies」という記事を翻訳したものである。 Electronic Frontier Foundation 先週、Googleは方針を転換し、Chromeでサードパーティクッキーをブロックするという長年の約束を撤回した。この決定は、ユーザのプライバシーに悪影響を及ぼす一方、Google自身のビジネスには大変に都合がいい。サードパーティクッキーは、企業が監視や広告ターゲティングを目的として、広範囲に及ぶユーザのオンライン活動を詮索できるトラッキング技術だ。これらのクッキーがもたらす消費者への悪影響は長年にわたって詳細に記録されていて、SafariとFirefoxはすでに2020年からサードパーティクッキーをブロックしている。Googleもこの事実を認識しており、20
![またしてもプライバシーより自社の利益を優先したGoogle――サードパーティークッキー廃止を撤回 | p2ptk[.]org](https://cdn-ak-scissors.b.st-hatena.com/image/square/ff20e69c86d98515bcd9395de56c93113beb00e8/height=288;version=1;width=512/https%3A%2F%2Fp2ptk.org%2Fwp-content%2Fuploads%2F2024%2F08%2Fgoogle-spy-eye.png)
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
インストール不要でLlama 3やMistralなどオープンソースLLMをブラウザで動かせるチャットボット「Secret Llama」が登場
Llama 3やMistral-7Bといったオープンソースの大規模言語モデル(LLM)をサポートし、WebGPUを使ってブラウザ上で完全に動作するチャットボット「Secret Llama」が公開されています。 Secret Llama https://secretllama.com/ GitHub - abi/secret-llama: Fully private LLM chatbot that runs entirely with a browser with no server needed. Supports Mistral and LLama 3. https://github.com/abi/secret-llama 実際にSecret LlamaのデモサイトでLlama 3を動作させて会話してみたところが以下のムービー。 大規模言語モデルを完全にブラウザで動作できる「Secr
PerformanceResourceTiming API で HTTP Cache のヒット率を知る - Repro Tech Blog
はじめに こんにちは、Repro Booster という製品の開発責任者／プロダクトマネジメントを担当しているEdward Fox（edwardkenfox）です。 WebサイトやWebアプリケーションの表示速度を考える上では、キャッシュの活用はとても大事なテーマです。一口にキャッシュといっても、Webの文脈だけで見ても様々なレイヤーや用途のキャッシュが存在します。今回は昔ながらのキャッシュ、いわゆる HTTP Cache に的を絞り、HTTP Cache のヒット率について考えてみたいと思います。 さまざまなキャッシュレイヤー 前述のように、Webにおけるキャッシュには用途やレイヤーの異なる様々な種類のものが存在します。Webサイト／Webアプリケーションを開発する上で気にかけるべきものは、おおよそ次のようなものが該当するでしょう。 HTTP Cache （ブラウザキャッシュ） Cach
ついにブックマークの管理と有効活用の道が開けたかもしれない - シアトル生活はじめました
VisiOSというブックマーク管理用のブラウザ拡張が答えかもしれない このブラウザ拡張については後述します。まずブックマークについて整理してみたいと思います（必要ない人は飛ばしてください） chromewebstore.google.com ブックマークの可能性 みなさんはブラウザのブックマークを活用していますか？もしそうだとしたらどのようにたくさんのブックマークを管理していますか？ここで言うブックマークはブラウザの機能としてよくあるURLなどのリンクを整理して管理する機能のことです。 ブックマークの目的を一言で表すと「既に閲覧したウェブサイト等のリソースを後で素早く簡単に閲覧できるようにする」です。ブックマークを使わない場合は、URLを暗記しておく（脳内ブックマーク？）方法や、毎回検索する方法がありますが、それはあまり効率がよくありません。特に暗記する方法はURLによっては現実的ではあり
米エントラストのサーバー証明書を巡ってトラブルが勃発している。米グーグルと米モジラが相次ぎ、Webブラウザーで同社証明書の無効化を表明。エントラストが2024年11月以降に発行する証明書からブロックされる予定だ。同社は米SSL.comが発行する証明書を用いてサービスの提供自体は継続する。Webサイトの安全性を守るために必要な証明書を巡って何が起きたのか。 「認証局（CA）としての能力、信頼性、誠実さに対する期待を裏切った」。米グーグルは2024年6月に公開したセキュリティーブログで米エントラストを強く批判し、同社のWebブラウザー「Chrome」においてエントラストが発行するサーバー証明書（TLS証明書）を無効化してブロックする方針を明らかにした。ブロックの対象はエントラストが11月12日以降に発行する証明書で、Chrome 131以降のバージョンから適用する。 米モジラも2024年8月、
計測方法と結果 以下のようにな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); };
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について 中間者攻撃の仕組み 実際に中間者攻撃をして
ウェブフィルターをクリックすると、テキストベースのリンクのみで構成されたGoogle検索結果が表示され、質問への回答やAIによる概要など、テキストベースのリンク以外のものは非表示になる。また、検索ボックスの下にある「ウェブ」の文字は青色で下線が引かれ、ハイライトされた状態になる。 われわれが実施したGoogleのウェブフィルターの初期テストでは、スポンサー付きの検索結果をはじめとした広告は表示されなかったが、Googleの広報担当者によると、ウェブフィルターでも特定の検索クエリーに対して、広告を含む検索結果が返されるという。Googleのウェブフィルターで検索語句をもっとテストしてみたところ、いくつかの特定のクエリーに対して、検索広告が表示されることも確認できた。 アドレスバーの検索でウェブフィルターが適用された結果を取得するには ブラウザーによっては、設定を少しカスタマイズするだけで、ア
PCで何らかのトラブルが発生した時には「ひとまず再起動してみる」という解決策を試す人は多いはず。そして再起動だけでトラブルが解決してしまうことも多いものです。PCの再起動がなぜトラブルを解決するのかについての考察をSalesforceのエンジニアであるノーラン・ローソン氏がブログにまとめました。 Programmers are bad at managing state | Read the Tea Leaves https://nolanlawson.com/2020/12/29/programmers-are-bad-at-managing-state/ ローソン氏は再起動で解決する理由を端的に「プログラマーが状態の管理を不得手としていること」と述べました。プログラムを記述して最初に起動した際には全ての変数はプログラマーの意図通りになっており、自動テストなどを通じて「プログラムとして最
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アプリケーションで、大量のデータを表示したいときに使われる、「仮想スクロール」と呼ばれるテクニックがあります。 大量のデータを素直にDOMに挿入してしまうと、レンダリングの処理に非常に負荷がかかり、場合によってはブラウザをフリーズさせてしまったりします。そこで使われるのが「仮想スクロール」です。スクロール位置に応じて、視覚的に見える範囲のデータのみをDOMに挿入することで、レンダリング処理を最小限にするというものです。 この仮想スクロールについて、直感的にスクリーンリーダーでの閲覧に耐えられるのかの不安を感じました。しかし、あまりテーブルを仮想スクロールする場合についてのまとまった情報をWeb上で発見することができませんでした。 そこで、実際に仮想スクロールを採用した検証用のWebアプリケーションを作成し、スクリーンリーダーでの動作を確認してみることにしました。 「日本の郵便番号」ア
前提知識 これから書くことがナンノコッチャわかる自信がない方は、Ubuntu Weeky Recipe 第717回を読んでください。 2年以上前の記事ですが、現状もあまり違いはありません。snap版Firefoxは現在はネイティブWaylandで動作するようにはなりました。すばらしいですね。 概要 前提知識にもあるように、ChromiumはデフォルトでXwaylandで動作します。この状態でスケールをいじると文字がぼやけます。これはどちらかといえばXwayland側の制限です。 ChromiumのツールキットであるところのOzoneはWaylandにも対応していますが、そうすると今度は日本語入力に問題が発生します。ただしこれはGNOME（正確にはウィンドウマネージャーのMutter）マターの話で、KDE Plasmaでは特に問題ありません。これは単純にGNOMEではtext-input-v
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Why stdout is faster than stderr? - Orhun's Blog
要素の幅でレスポンシブ対応を行える！ コンテナークエリーの使い方 - ICS MEDIA
WebサイトのUIに役立つ、CSSの:has()疑似クラスの便利な使い方
Amazon、WebとiOSで「パスキー（passkey）」サポート Androidも間もなく
「twitter .com」から「x .com」へのリダイレクト開始 ～「Firefox」などではトラブルも／トラッキング保護設定やプライベートモードでの利用に注意
いざという時に使える7つのHTML&CSS Tips集vol.2 | BUILD Journal
世界で話題のブラウザ「Arc」が便利すぎたので魅力を解説する - Qiita
YouTubeで広告ブロッカーを使うと動画が即終了する問題が発生、YouTubeは「取り締まりではない」と否定
無料でオープンソース＆クロスプラットフォーム対応のSpotifyクライアント「Spotube」
サードパーティーCookieが廃止されたらウェブマーケティングはどのように変化するのか？
Appleは自らがPWAを廃止した行為を「EUのせい」と責任転嫁しようとしているとの指摘
「HTTPSレコード」が技術標準のRFCに、高速通信を普及させる起爆剤となるか
PCの操作履歴をすべて記録してAIで履歴検索するWindowsの新機能「Recall」の安全性をイギリス当局が調査
Mozillaが「Firefox」でAI統合のテストを開始 ～「Edge」「Chrome」とは異なる道を模索／選べるAIサービス、プライベートなローカルAIの採用も視野に
シンタックスハイライトをライブラリなしで簡単に！Custom Highlight APIの魅力 - コハム
またしてもプライバシーより自社の利益を優先したGoogle――サードパーティークッキー廃止を撤回 | p2ptk[.]org
GoogleがManifest V2の非推奨化を再開、Chromeで将来的に広告ブロッカーを制限する計画が前進
グーグルやモジラがエントラストの証明書を無効化、強権の発動に踏み切った業界事情
HTMLのLazy Loadの挙動がブラウザによってかなり異なるので違いを実測して確かめてみた
昔のグーグル検索に戻りたい--AI要約や動画のないシンプルな検索結果にする方法
なぜPCでトラブルが発生した際に「再起動」すると解決することが多いのか？
ついにAndroid版Firefoxで拡張機能が使用可能に、すでに450種以上のアドオンが利用可能
テーブルの仮想スクロールとスクリーンリーダー向けのアクセシビリティ
Chromium+GNOME+Waylandで日本語入力が可能に