入力フォームがあって、Enterを押して入力したテキストをリストに追加したいとしましょう。↓こちらでお試しできます。 ここに追加されるよ こういう感じで実装できます。簡単ですね。 (() => { const list = document.querySelector("#list_1"); const input = document.querySelector("#input_1"); input.addEventListener("keydown", (e) => { if (e.key !== "Enter") { return; } e.preventDefault(); const text = e.target.value; const li = document.createElement("li"); li.textContent = text; list.appendC
by FirmBee Appleが中心となって開発しているオープンソースのHTMLレンダリングエンジンの「WebKit」が、公式ブログ上で新しい追跡防止ポリシーの「WebKit Tracking Prevention Policy」を発表しました。この追跡防止ポリシーにより、Appleはオンライン上で使用されているトラッキングツールの多くをセキュリティ上の脆弱性と同様に扱うようになると海外メディアのTNWが指摘しています。 Apple will soon treat online web tracking the same as a security vulnerability https://thenextweb.com/privacy/2019/08/16/apple-will-soon-treat-online-web-tracking-the-same-as-a-security-
Apple、iOS 14/macOS 11 Big Surのデフォルトブラウザ「Safari 14」がWebPフォーマットをサポートしたことで、App Storeのスクリーンショットを「WebP」に変更。
AppleがiOS 14/macOS 11 Big Surのデフォルトブラウザ「Safari 14」がWebPフォーマットをサポートしたことで、App Storeのスクリーンショットを「WebP」に変更しています。詳細は以下から。 Appleは2020年09月にリリースした「iOS 14/iPadOS 14」および11月にリリースした「macOS 11 Big Sur」のSafari 14とシステムベースで、Googleが開発した画像フォーマット「WebP」を正式にサポートしましたが、 これに伴い、MacやiPhone/iPadのApp StoreのスクリーンショットやAppleのWebサイト/サポートページで利用している画像フォーマットをWebPに変更しているようです。
App-Bound Domains
Many applications use WKWebView as a convenient way to display websites without requiring users to leave the app, referred to as in-app browsing. Although this can provide a great user experience, the powerful features available to developers using WKWebView allow a hosting app to monitor users across all of the sites they visit within the app. Powerful WKWebView features, such as JavaScript injec
A story about a simulated drone turning on its operator in order to kill more efficiently is making the rounds so fast today that there’s no point in hoping it’ll burn itself out. Instead
MacやiPhone向けのアプリケーションを開発するための総合開発環境であるXcodeで作成されたプロジェクトを対象としたマルウェアの存在が明らかになっています。 XCSSET Mac Malware: Infects Xcode Projects, Performs UXSS Attack on Safari, Other Browsers, Leverages Zero-day Exploits - TrendLabs Security Intelligence Blog https://blog.trendmicro.com/trendlabs-security-intelligence/xcsset-mac-malware-infects-xcode-projects-performs-uxss-attack-on-safari-other-browsers-leverages-z
「Vinegar」は、iPhone、iPad、およびMac向けのSafari拡張機能で、YouTubeプレーヤーを最小限のHTMLプレーヤーに置き換えることを目的として、今月初めにリリースされました。著名ブロガーのジョン・グルーバー氏が同アプリを薦めています。 YouTubeの利便性が大きく向上 開発者のゼンイー・タン氏は「Vinegar」について、次のように述べています。 YouTube5は、Flashがまだ主流で誰からも嫌われていた頃のSafariの拡張機能でした。Flashで書かれたYouTubeプレーヤーをHTMLの＜video＞タグに置き換えるものでした。 そして今、YouTubeプレーヤーの状況は、別の拡張機能が必要なほど悪化しています。そこでVinegarの出番です。VinegarもまたYouTubeプレイヤーを最小限のHTML＜video＞タグに置き換えます。 米メディア9
「データプライバシーデー」の1月28日、Appleは、新バージョンのiOS14、iPadOS14、tvOS14でアプリやWebサイトがユーザーを追跡する際にユーザーの許可が必要となるプライバシー機能「App Tracking Transparency（アプリケーションのトラッキング申告）」を今春から導入すると発表しました。 ユーザーの追跡には許可が必要 Appleが発表した「App Tracking Transparency（アプリケーションのトラッキング申告）」の導入により、Apple以外の企業がアプリやWebサイトを通じてユーザーのデータを追跡する場合、事前にユーザーの許可が必要となります。 Appleが公開したスクリーンショットでは、「Facebookが、他社のアプリケーションやWebサイトを通じてあなたの行動を追跡することを許可しますか？」という質問に対して「許可しない」「許可」の
Appleは現地時間12月22日、アプリとプッシュ通知に関する今後の証明書の変更について開発者に通知しました。この変更は、開発者が使用しているXcodeのバージョンによって一部のソフトウェアに影響を及ぼします。 APN証明書が新しい中間証明書から発行 Appleは、「2022年1月27日以降、Apple Push Notificationサービス（APNs）およびDeveloper ID用の中間証明書が更新され、利用可能になります」と発表しました。 APN証明書は、Safari上のアプリケーションやWebサイトでプッシュ通知を有効にするために必要ですが、今回、これらの証明書は新しい中間証明書から発行されることになりました。 APNsだけに特化した新たな中間証明書（Worldwide Developer Relation G4 サブCA）から、APNs SSL証明書が発行されます。新しい証明
Safari 17.4 adds vertical writing mode support for form control elements across macOS, iOS, iPadOS, and visionOS. Setting written text vertically is commonly observed in East Asian languages. For example, Chinese, Japanese, and Korean (CJK) may be written vertically and read top-to-bottom, flowing in lines from right to left. Similarly, Traditional Mongolian is a vertical script that flows in line
This year’s spring releases of Safari 13.1 for macOS Catalina, iPadOS, iOS, and watchOS bring a tremendous number of WebKit improvements for the web across Apple’s platforms. All of this with many more updates for improved privacy, performance, and a host of new tools for web developers. Here’s a quick look at the new WebKit enhancements available with these releases. Pointer and Mouse Events on i
As anyone who has developed a mobile-friendly site can tell you, mobile browsers and desktop browsers are different. As device capabilities continue to evolve and users move more of their browsing to mobile browsers, web developers are facing an increasing need to write automated tests for the mobile web in the same way that desktop-oriented site content is tested. Starting in iOS 13, Safari now i
iOS14のベータ8、パブリックベータ8では、標準ブラウザをSafari以外に設定可能な新機能が有効化されています。現在、Chromeが標準ブラウザとして設定可能です。 標準ブラウザを変更可能に 6月の世界開発者会議（WWDC 2020）で発表されたiOS14では、標準ブラウザやメールアプリ変更できる新機能が発表され、Appleは開発者向けに要件も発表していますが、これまでのベータでは有効化されていませんでした。 先日公開された開発者向けベータ8と登録ユーザー向けパブリックベータ8で、ついに標準ブラウザの変更が可能となっています。 現時点では、標準ブラウザとして設定できるサードパーティ製アプリはChromeのみです。また、ベータ8では、標準のメールアプリの設定を変更することはできません。 設定アプリ内のChromeメニューから変更可能 iOS14ベータ8、パブリックベータ8がインストールさ
早稲田大学および NTT 社会情報研究所の研究チームにより、モバイル OS とデスクトップ OS を含む 5 種の OS と、それぞれの OS で動作する合計 22 の主要なブラウザ実装を対象とした、権限機構に関する体系的な分析が行われ、権限機構の実装や挙動に統一性がない、プライバシーリスクにつながる欠陥がある、といった複数の実装上の問題が存在することが指摘されています。これらの問題は、ブラウザのユーザに誤った判断を引き起こさせ、セキュリティ上の脅威を生じさせる可能性を含みます。本記事に記載されている内容は、研究チームにより NDSS 2023 で公表されました。 ブラウザにおける権限機構について ウェブブラウザにおける権限機構は、ユーザの同意に基づいて、カメラやGPSといったユーザのデバイスに搭載されたハードウェアリソースへのウェブサービスによるアクセスを制御する機構であり、多くの主要な
GitHub - Mayuresh1611/Paper-Piano: Piano like no other, Piano on Paper
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
iOS15 Safari アドレスバーの仕様についてPublic beta版からわかること｜Takumi Hasegawa (unshift)｜note
まえがき先日新しいiOSであるiOS15が発表されました。その中でもSafariのアドレスバーの仕様が大きく変更されたことがWeb制作関係の間で話題になりました。 というのもその仕様が変更が、以前までは上部にあったアドレスバーが下部に移動し、かつフロートするというものだったからです。 ※画像はこのページをキャプチャしたものです。 下部にUIを集めたWebサイトはどうなってしまうのか、、心配してしまった方も多いかと思います。自分もその一人です。 というわけで、iOS15のPublic betaをインストールして検証してみました。 この検証結果はあくまでPublic beta版の検証結果であり、実際のリリース時にはどうなっているかはわかりません。追って検証する予定です。 TL;DRTwitterですでに検証結果を載せています (誤字脱字ご容赦ください)。今回の記事はその検証をまとめ直したもので
Meet Web Push
Websites have many reasons to notify their users of time-sensitive or high-priority events, even if the user does not currently have the site open. This feature is called Web Push, and is enabled by the W3C standards for Push API, Notifications API, and Service Workers, all working together. WebKit now supports the relevant parts of those standards to enable Web Push. Apple has made changes to mac
Safari 15.4では画像の遅延読み込み「Lazy Image Loading」が正式にサポートされています。詳細は以下から。 Appleは現地時間2022年03月14日、MacやiPhone/iPad向けに「macOS 12.3 Monterey」や「iOS/iPadOS 15.4」をリリースし、同バージョンにではデフォルトブラウザであるSafariが「Safari v15.4」へアップデートされていますが、このSafari v15.4では画像の遅延読み込み「Lazy Image Loading」がデフォルトでサポートされています。 Let’s start with HTML. WebKit added support for lazy-loading images with the loading attribute on the element, providing web de
WebKitのゼロデイ脆弱性を修正する緊急セキリティ対応「macOS 13.4.1 (a)、iOS/iPadOS 16.5.1 (a)」適用後に一部のWebサイトが利用できなくなる不具合が確認され、Appleが配信を停止。
WebKitのゼロデイ脆弱性を修正する緊急セキリティ対応「macOS 13.4.1 (a)」と「iOS/iPadOS 16.5.1 (a)」適用後に、Facebookなど一部のWebサイトが利用できなくなる不具合が確認され、Appleが配信を停止したようです。詳細は以下から。 Appleは現地時間2023年07月10日、MacやiPhone/iPad向けにWebKitのゼロデイ脆弱性を修正する緊急セキリティ対応「macOS 13.4.1 (a)」と「iOS/iPadOS 16.5.1 (a)」をリリースしましたが、 この緊急セキリティ対応のパッチを適用したSafariで、Facebookなど一部のWebサイトにアクセスできない/ブラウザがサポートされていないという表示が出る不具合が確認されているそうです。 This is Facebook after the patch update 13
In our ongoing efforts to improve web security for our users, Apple is reducing the maximum allowed lifetimes of TLS server certificates. TLS server certificates issued on or after September 1, 2020 00:00 GMT/UTC must not have a validity period greater than 398 days. This change will affect only TLS server certificates issued from the Root CAs preinstalled with iOS, iPadOS, macOS, watchOS, and tvO
色の見え方には個人差がありますが、その色をいくつかの数値で示し、定量的に表現できるのが色空間です。代表的な色空間はsRGBやAdobe RGBですが、そうした旧来の色空間よりも豊かな色合いを表現できる、Appleが策定した次世代の色空間「Display P3」について、ブラウザエンジン「WebKit」のエンジニアであるNikita Vasilyevさんが解説しています。 Wide Gamut Color in CSS with Display-P3 | WebKit https://webkit.org/blog/10042/wide-gamut-color-in-css-with-display-p3/ Display P3はsRGBの持つ色空間をすべてカバーした上で、sRGBよりも35％大きい色空間を持ちます。画像はDisplay P3で表現できる色の範囲にsRGBで表現できる色の範囲
AppleがiOS 16・iPadOS 16・macOS Ventura・macOS Monterey・macOS Big Sur向けにSafari 16.4を2023年3月28日にリリースしました。このSafari 16.4のレンダリングエンジンであるWebKitのアップデート内容を、AppleのWebKit開発陣がブログでまとめています。 WebKit Features in Safari 16.4 | WebKit https://webkit.org/blog/13966/webkit-features-in-safari-16-4/ ・iOSおよびiPadOSでのウェブプッシュ通知 iOS 16.4からウェブプッシュ通知が可能になることは、2023年2月に告知されていた通りで、ウェブサイトからユーザーに通知を送信可能になります。 iOS 16.4で「ウェブサイトからのプッシュ通知
Introducing the Dialog Element
Although the alert, confirm and prompt JavaScript methods are convenient, they aren’t recommended due to their script-blocking behavior. That’s why we worked with other browser vendors to drive improvements to the <dialog> specification over the last few years. The most important conversations involved accessibility. You can find more complex use-cases, like payment dialogs, on the web. They are c
iLeakage: Browser-based Timerless Speculative Execution Attacks on Apple Devices
iLeakage: Browser-based Timerless Speculative Execution Attacks on Apple Devices We present iLeakage, a transient execution side channel targeting the Safari web browser present on Macs, iPads and iPhones. iLeakage shows that the Spectre attack is still relevant and exploitable, even after nearly 6 years of effort to mitigate it since its discovery. We show how an attacker can induce Safari to ren
Tracking Prevention in WebKit
ContentsTerminologyThe Default Cookie PolicyPrivate Browsing ModePartitioned Third-Party StoragePartitioned Service WorkersPartitioned Third-Party HTTP CacheAnti FingerprintingIntelligent Tracking Prevention (ITP) WebKit has implemented tracking prevention technologies, spanning from 2003 with Safari 1.0 until today. Most of them are on by default. This document describes shipping behavior includi
macOS 13 VenturaやiOS 16ではCAPTCHAの代わりにPrivate Access Tokenを利用した証明が可能に。
macOS 13 VenturaやiOS 16ではCAPTCHAsの代わりにPrivate Access Tokensを利用した証明が可能になるそうです。詳細は以下から。 現在、ログインを必要とする多くのサイトで、ログインユーザーがボットではなく本当の人間かを判断するため、人間しか判定できない文字を表示して入力させたり、画像中から車や動植物、道路標識などの特定のオブジェクトを含むエリアを選択させる「CAPTCHA* (私はロボットではありません)」テストが利用されていますが、 *Completely Automated Public Turing test to tell Computers and Humans Apart (完全に自動化された、コンピューターと人間を区別する公開チューリングテスト) WWDC22の「Replace CAPTCHAs with Private Access
iOSでは、Safariの基礎を成すWebKitブラウザエンジンがすべてのブラウザに使用されていますが、Safariにしか開かれていない機能があることが反競争的であるとして、他のブラウザエンジンの使用を求める声が高まっています。 どのブラウザを使っていてもSafariを使用している状態 Web開発者のグループが“Open Web Advocacy”というプロジェクトを起ち上げ、iOSをサードパーティーブラウザエンジンに開放するようAppleに求めています。 あまり知られていないかもしれませんが、iOSはWebKitエンジンに依存しているため、見かけ上は他のブラウザを使用していても、実際にはSafariを使っているのと変わらない状態となっています。 これに対して、Open Web Advocacyは以下の声明を発表しています。 このグループの目的は、iOSに他のブラウザエンジンを許可する必要
Safari 13.1 以降では San Francisco の Mono や Rounded な variant とかを CSS で指定できるようになっている - polamjaggy
WWDC20 の "The details of UI typography" という動画をなんとなく見ていたところ偶然気がついた。 developer.apple.com Transcript 的にはこの辺: Now the -apple prefixed version has a standard name: system-ui. And earlier this year, we're bringing a new set of CSS font family names, like ui-rounded, ui-serif and ui-monospace to Apple platforms. そもそも: San Francisco 以降 Apple のシステムフォント群はじわじわ増殖している San Francisco フォントが Apple 製品のシステムフォントになってか
Tesla cuts Model Y, X and S prices in the US and says it’s ending the referral program
Microsoft says Russian hackers breached its systems, accessed source code
HomeNewsMicrosoftMicrosoft says Russian hackers breached its systems, accessed source code Microsoft says Russian hackers breached its systems, accessed source code Microsoft says the Russian 'Midnight Blizzard' hacking group recently accessed some of its internal systems and source code repositories using authentication secrets stolen during a January cyberattack. In January, Microsoft disclosed
An overview on how to write a WebGPU application. Learn what key data structures and types are needed to draw in WebGPU.
Apple、iOS 13以降でマップアプリのよく使う項目や検索履歴、Safariの履歴とiCloudタブ、Apple W1/H1 BluetoothキーをEnd-to-End暗号化の対象に。
AppleがiOS 13以降でマップアプリのよく使う項目や検索履歴、Safariの履歴とiCloudタブ、Apple W1/H1 BluetoothキーをEnd-to-End暗号化の対象に追加したと発表しています。詳細は以下から。 Appleは現地時間2020年04月09日、iCloudのセキュリティ概要を示す「iCloud Security Overview」をアップデートし、昨年09月にリリースしたiOS 13でマップ(Map)アプリのよく使う項目やコレクション、検索履歴およびSafariの履歴とiCloudタブ、AppleやBeatsのワイヤレスイヤホンに採用しているApple W1/H1チップとのBluetoothキーをEnd-to-End暗号化の対象に追加したと発表しています。 エンドツーエンドの暗号化なら、最高水準のデータセキュリティを確保できます。デバイスに固有の情報から派生
この雑記を書く問題意識は、Tailwind CSSに対して向けられている世の人々の不満が、Tailwind CSSがコミットしていることから外れた、お門違いの期待の押しつけになっているのではないかと感じるところにある。 ライブラリやフレームワーク、道具にはそれが作られた目的があり、果たそうとするコミットメントがある。その圏内において果たされていないコミットメントに対する不満は、それ自体の存在意義にかかわる意味を持つが、しかし利用者が一方的に寄せた期待が果たされないことに対する不満はそうではない。 念押しするまでもないと思うが、これはTailwind CSSに対して不満を向けるべきではないという話ではまったくない。むしろ、その不満の下敷きとなっている Tailwind CSS への期待が Tailwind CSS 自体によってコミットされたものでないとしたら、不満を向けてもしょうがないのでは
Safari 16がリリース、パスワードレスを実現する「Passkeys」に対応。Web Push、サブグリッド、AVIF画像形式など新機能
Safari 16がリリース、パスワードレスを実現する「Passkeys」に対応。Web Push、サブグリッド、AVIF画像形式など新機能 Appleはパスワードレスを実現する「Passkeys」などの新機能を搭載したWebブラウザ「Safari 16」のリリースを発表しました。iOS 16、macOS MontereyとmacOS Big Surに対応します。また10月に登場予定のiPadOS 16、macOS Venturaにも対応予定です。 Passkeysでパスワードレスを実現 新機能Passkeysは、今年（2022年）6月に行われたイベント「WWDC 2022」でも紹介されていた機能で、パスワードレス機能の業界標準であるFIDO Alliance（ファイドアライアンス）の策定する仕様「FIDO/WebAuthn」に沿って実装されています。 iPhoneやiPad、MacBoo
JSer.info #656 - Next.js v13.4.16がリリースされています。 Release v13.4.16 · vercel/next.js v13.4.16には、実験的な機能としてtest modeというPlaywrightとMSWを使ったテストする仕組みが追加されています。 Next.jsのApp Directoryでは、MSWがNext.jsの処理に差し込めるポイントがなかったため、MSWが動かないなどの問題がありました。このtest modeではそれらが一部解決されてきています。 Support Next.js 13 (App directory) · Issue #1644 · mswjs/msw まだ検証目的の実験的な機能であるため今後はわかりませんが、次のDiscussionでNext.jsを使ったアプリケーションのテストについて議論されています。 RFC:
Badging for Home Screen Web Apps
Along with the many other features for web apps on iOS and iPadOS 16.4, WebKit now includes support for the W3C’s Badging API. This straightforward API allows web developers to badge the icon of a web app. This article explores the various features of the Badging API and how to use it, and our ongoing collaboration with W3C’s Web Applications Working Group to improve the specification. Home Screen
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
入力フォームに対してIMEの確定を待ってからEnterでなんかするやつ - 私が歌川です
Appleは間もなくオンライン上のトラッキングをセキュリティ上の脆弱性と同様に扱うようになる
TechCrunch | Startup and Technology News
Xcodeプロジェクト経由で拡散するMac向けマルウェア「XCSSET」が登場
新たなSafari拡張機能「Vinegar」で快適なYouTube動画再生が実現 - iPhone Mania
Apple、アプリやWebによるユーザー追跡の許可制を今春導入と発表 - iPhone Mania
Apple、開発者にApple Developer証明書の更新について通達 - iPhone Mania
Implementing Vertical Form Controls
New WebKit Features in Safari 13.1
WebDriver is Coming to Safari in iOS 13
iOS14ベータ8で、標準ブラウザが変更できる新機能が有効に - iPhone Mania
JVNTA#96606604: ウェブブラウザの権限機構におけるセキュリティ上の問題について
https://twitter.com/hiro_ux/status/1535563537971499008
Safari 15.4では「Lazy Image Loading」が正式にサポートされ画像の遅延読み込みが可能に。
About upcoming limits on trusted certificates
Appleが策定したスマホやPCの画面をもっと豊かな色合いで表現できる色空間「Display P3」とは？
Safari 16.4がリリース、WebKitに135項目の新しいウェブ機能と280項目以上のアップデートが追加される
Web版「1Password」がYubiKeyやFeitianなどのU2Fセキュリティキーをサポート。SafariはmacOS CatalinaのSafari 13から。
PCでEdgeがFirefoxのシェアを抜き3位浮上
「iPhoneを探す」が「Android対応」、メモ帳や写真にもアクセス自在【やじうまWatch】
Web開発者、iOSでWebKit以外のブラウザエンジンの使用を認めるよう懇願 - iPhone Mania
Engadget | Technology News & Reviews
Raw WebGPU
Tailwind CSSの二面性、デザインシステムを借りるということ | Marginalia
2023-08-16のJS: Next.js v13.4.16(test mode)、SafariのStorage Policy、ESMへの移行(Redux)
twitter.com
suumo.jp
tairanaritoshi-2.hatenablog.com
qiita.com/jnit
news.yahoo.co.jp
paymentnavi.com