Apr 10, 2024 by Alan Baradlay, Antti Koivisto, Matt Woodrow, Patrick Angle, Ryosuke Niwa, Vitor Ribeiro Roriz, Wenson Hsieh, and Yusuke Suzuki The introduction of Speedometer 3.0 is a major step forward in making the web faster for all, and allowing Web developers to make websites and web apps that were not previously possible. In this article, we explore ways the WebKit team made performance opti
Many websites and apps offer additional login security in the form of SMS-delivered codes. On iPhone, Security Code AutoFill makes it easy for people to quickly supply these codes by offering them in the QuickType bar. On a Mac running macOS Big Sur, Mac Catalyst and AppKit apps can take advantage of this feature as well. Additionally, starting with iOS 14 and macOS Big Sur, we’re adding an extra
This year’s releases of Safari 13 for macOS Catalina, iPadOS, iOS 13, and watchOS 6 include a tremendous number of WebKit improvements for the web across Apple’s platforms. Of particular note is the number of features that enhance website compatibility to bring a true desktop-class web browsing experience to Safari on iPadOS. This release is also packed with updates for improved privacy, performan
Appleのティム・クック最高経営責任者(CEO)は拡張現実(AR)の重要性を主張し続けてきましたが、WebARというブラウザベースのAR環境構築において、Safariが障壁となっている、と没入型コンピューティング専門家が苦言を呈しています。 WebXRで足を引っ張っているApple Appleは1,000人ものエンジニアをARグラスチームに動員しており、2017年にAR開発者フレームワークを導入するなど、ARの先駆者的な存在として知られています。 しかしながら、Webベースでアプリダウンロードなしでブラウザから直接ARコンテンツ体験が行えるWebXRという分野においてはむしろ足を引っ張っているとされています。 「AppleはWebARのイノベーションの足かせになっている」と、没入型コンピューティング専門家のクリストファー・レプコウスキー氏は苦言しています。 レプコウスキー氏は、Prett
Appleが毎年開催している開発者向け会議「WWDC 2020」で発表した「Safariの認証機能とFace IDおよびTouch IDの統合」は、パスワードに代わる新しい認証方式のひとつとしてSafari 14から実装されています。その認証機能の動作イメージと仕組みについて、Appleが開発するSafariのレンダリングエンジン「WebKit」の開発に携わるJiewen Tan氏が解説しています。 Meet Face ID and Touch ID for the Web | WebKit https://webkit.org/blog/11312/meet-face-id-and-touch-id-for-the-web/ Meet Face ID and Touch ID for the web - WWDC 2020 - Videos - Apple Developer https
SwiftUIからSFSafariViewControllerを使いたい場面は多い。 SafariView SFSafariViewControllerはビューコントローラーだから、UIViewControllerRepresentableを使ってSwiftUIのビューにしてしまうのが簡単か。 import SwiftUI import SafariServices struct SafariView: UIViewControllerRepresentable { typealias UIViewControllerType = SFSafariViewController typealias Configuration = SFSafariViewController.Configuration private let url: URL private let configuratio
If we show a modal on iOS we need to prevent events inside the modal from interacting with the page behind the modal. On a previous episode of “Fun with Safari” we could use preventDefault() on the "touchmove" event but on iOS 15 that no longer works. Here we go. To make this work we need iOS to think that there is nothing to scroll. But how do we do this? We set the height of both the html and th
After the feature-packed release of Safari 15.4 two months ago, WebKit’s work for this version of Safari focused predominately on polishing existing features and fixing bugs. Safari 15.5 does contain three new technologies for web developers — support for the inert property in HTML; support for the worker-src Content Security Policy directive; and the new minimumViewportInset and maximumViewportIn
CSS Grid Layout is a web-standard layout system used to define a grid structure of rows and columns in CSS. HTML elements can then be distributed to the resulting grid cells to achieve a flexible and predictable layout. This layout system is highly capable, but using it requires a shift away from the mental models of the past. When the grid definition itself is not visible (only its effects on the
消えてしまったWebページのアーカイブを表示してくれるInternet ArchiveのSafari用機能拡張「Wayback Machine 3.0」アップデートがリリースます。詳細は以下から。 Wayback Machineは米Internet Archiveが運営するWebページのアーカイブを作成&表示してくれるサービスで、2017年にはGoogle ChromeやMozilla Firefox用機能拡張がリリースされ、2019年にはSafari用機能拡張もリリースされましたが、このSafari用機能拡張が「Wayback Machine 3.0」としてメジャーアップデートされています。 We’ve completely redone the official Wayback Machine web browser extension. Bugs have been fixed, a
2024年8月5日、コロンビア特別区連邦地方裁判所は「Googleはその巨大な規模、高い資本コスト、主要な流通経路の支配などによって競合他社の検索エンジンを事実上締め出している」という判決を下し、Googleの反トラスト法違反を認めました。裁判所は判決の中で、GoogleとAppleの間で結ばれた契約がGoogleの独占的地位を維持する上で重要な役割を果たしていると判断し、AppleがGoogleの競合エンジンであるMicrosoft Bingを採用しなかった理由をまとめています。 UNITED STATES DISTRICT COURT FOR THE DISTRICT OF COLUMBIA Case 1:20-cv-03010-APM (PDFファイル)https://www.tn.gov/content/dam/tn/attorneygeneral/documents/pr/202
Introduction Apple is providing changes to iOS, Safari, and the App Store, that impact developers’ apps in the European Union (EU) to comply with the Digital Markets Act (DMA). They create additional options for developers, including how they can distribute apps on iOS, process payments, use web browser engines in iOS apps, request interoperability with hardware and software features, access data
We’re excited to announce the launch of the WebExtensions Community Group (WECG). With multiple browsers adopting a broadly compatible model for extensions in the last few years, the WECG is excited to explore how browser vendors and other interested parties can work together to advance a common browser extension platform. Apple, Google, Microsoft and Mozilla are initiating this community group, a
主にSafari、およびすべてのiOSとiPadOSのブラウザで使用されているブラウザエンジンWebKitに脆弱性が発見され、閲覧中のWebサイト情報からGoogleアカウントのIDなどの個人情報が漏えいする可能性が指摘されています。 バグによりクロスサイトトラッキングが可能に ブラウザベースの指紋認証サービスを提供するFingerprintJSは、WebKitに実装されているIndexedDBと呼ばれるJavaScript APIのバグにより、個人情報を含む最近のブラウジング履歴が漏れてしまう可能性がある、とブログ投稿で記しています。 IndexedDBは、大量のデータを保持するために設計されたクライアント側ストレージのためのブラウザAPIですが、発見されたバグにより、IndexedDBを使用する任意のWebサイトが、ユーザーのブラウジングセッション中に他のWebサイトが生成したInde
There’s a lot of news coming out of WWDC21 about WebKit and the web technology that’s shipping in Safari 15 on Apple’s platforms. Many of the new features were announced on Monday, at this year’s WWDC21 Keynote, and listed in the Safari 15 Beta Release Notes. But that’s not all, and we’re excited to share it with you. Ten sessions at WWDC21 will go into greater detail and announce even more. New v
Safari Technology Preview Release 96 is now available for download for macOS Catalina and macOS Mojave. If you already have Safari Technology Preview installed, you can update in the Software Update pane of System Preferences on macOS. This release covers WebKit revisions 251210-251627. Web Animations Enabled the Web Animations JavaScript API by default (r251237) WebAuthN Implemented Authenticator
Safari Technology Preview Release 109 is now available for download for macOS Catalina. With this release, Safari Technology Preview is now available for betas of macOS Big Sur. If you already have Safari Technology Preview installed, you can update in the Software Update pane of System Preferences on macOS. Safari Technology Preview is currently only available for Intel-based Macs. This release i
In Safari Technology Preview 162 we enabled the support for ElementInternals and the form-associated custom elements by default. Custom elements is a feature which lets web developers create reusable components by defining their own HTML elements without relying on a JavaScript framework. ElementInternals is a new addition to custom elements API, which allows developers to manage a custom element’
2022年5月24日 Webデザイン, 便利ツール こんにちは、ダークモード推奨派のManaです。以前からダークモードの布教活動を細々としておりますが、まだまだダークモードに対応していないWebサイトもたくさんあります。今回はダークモードに対応していないWebサイトを強制的にダークモードにしちゃう拡張を紹介します。 ↑私が10年以上利用している会計ソフト! 前々から夜間見えづらいって事は認識していましたが、どうやら光の見え方も多くの方とは違うと最近判明…!みんなこんなシャキーンって感じの光の線は見えないんですかね…?夜景なんて光るウニの集合体ですよw ちなみにスターバースト現象というらしい ←おそらく多くの人が見えるビュー Manaビュー→ pic.twitter.com/bfxZAK7FYE — Mana (@chibimana) September 8, 2020 以前『Webサイトを
Apple、macOS 11 Big SurとmacOS 10.15 Catalina向けに「Safari 15.1」をリリースし、セパレートタイプのタブデザインが旧デザインに戻されています。詳細は以下から。 Appleは現地時間2021年10月27日、macOS 12 Montereyリリース後もサポートを続けているmacOS 11 Big SurとmacOS 10.15 Catalinaに対し、セキュリティの改善と問題の修正を行った「Safari v15.1」アップデートをリリースしています。 Safari 15.1には、セキュリティの改善および問題の修正が含まれます。 リリースノートより Safari v15.1ではCVEベースで4件の脆弱性が修正されている他、セパレートタイプのタブデザインがmacOS 12 Montereyに同梱されているSafari v15.1同様、旧Safar
iOS13.3/iPadOS 13.3ベータ2のリリースノートでAppleは、SafariがNFC、USB、Lightning、FIDO2準拠の物理セキュリティキーに対応した、と発表しています。 物理キーは、USBポートなどに差し込んで使うセキュリティデバイスです。 パスワードや認証コードによるログインと比べて、フィッシングやなりすましのリスクを低減できるとして、企業ユーザーなどで導入が進んでいます。 各種Webサービス利用時のセキュリティを強化 iPhoneやiPadで利用できる物理キーとしては、スウェーデンのYubicoが、LightningとUSB Type-Cに対応した「YubiKey 5Ci 」を販売しています。日本でも、Amazonで約1万円で購入可能です。 Safariが物理キーに対応したことで、各種Webサービスへのログイン時のセキュリティを強化することができます。 Sou
iOS15ではSafariブラウザのデザインが大きく変わり、タブバーが画面上部から下部へと移動、また「タブグループ」が追加されます。 iOS15パブリックベータでSafariをしばらく試した感想、気づいた点をお伝えします。 タブバーが移動 これまでは画面の一番上にあったタブバーがiOS15では下に移動します。検索する場合は、アドレス部分をタップすると上に移動するので、アドレスバーの上下移動が最初は不思議な感じがします。 親指だけで操作しやすい AppleがiOS15プレビューでも説明していますが、アドレスバーが画面下にあるので、前のページに戻る、次のページへ移動するのも、親指1本で行えます。 円の中に3つの点のあるアイコンをタップすると、コピー、テキストサイズ、ブックマークを追加、お気に入りに追加、マークアップなどのさまざまなアクションがすべて表示されます。また表示するアクションを編集する
macOS 12 MontereyのSafari 15ではVivaldiのようにWebサイトのテーマカラーに合わせてツールバーのカラーが変わるものの、UIと同じ特定のカラーは反映されないそうです。詳細は以下から。 Appleは完全オンラインで開催したWWDC21の基調講演で、次期Mac用OS「macOS 12 Monterey」などのデフォルトブラウザである「Safari v15」ではデザインを完全に刷新し、Webブラウザ「Vivaldi」のように、Webサイトのアクセントカラーに合わせてツールバーのカラーが変更される機能が追加されることが発表されました。 The new tab bar design takes up less space on the page and takes on the color of the site you’re on, extending the web
iPhoneやiPad、Macで成人向けWebサイトを表示しないよう設定できる「スクリーンタイム」機能が過剰に動作し、「Asian(アジアの)」を含むWebページにSafariでアクセスできない、と開発者が指摘しています。 「アジアの」を含むWebサイトがブロックされる iPhone、iPad、Macでは、子どもも安心して利用できるよう、「スクリーンタイム」機能を使って、成人向けWebサイトなどの表示を制限することができます。 iOSアプリ開発者のスティーブン・シェン氏は、「成人向けWebサイトを制限」を選択していると、URLに「asian(アジアの)」を含むWebサイトがSafariにブロックされて開くことができない、とツイートしています。 シェン氏は、2019年12月にAppleに問題を指摘しているものの、現在も改善が見られないそうです。 On iOS, if you turn on
意外と知らない? ブラウザのアドレスバーに表示されるアイコン14選2023.06.12 12:3019,219 David Nield -Gizmodo US- [原文] ( R.Mitsubori ) Photo: Panos Sakalakis/Unsplash via Gizmodo US|アドレスバー上にあるアイコンのこと、意外とわかってないかも! アドレスバー、あなどるなかれ。 PCでこの記事を読んでくださっている皆さん、どうぞその素晴らしいブラウザのアドレスバーを見てみてください。URLの横に複数のアイコンが表示されていますよね? そのひとつひとつの意味をしっかり熟知しているという方は意外と少ないのではないでしょうか。 実は、このアイコンの意味を知ることで、ウェブサイトをもっと便利に使えちゃうかも。近々、Google Chromeがこのアイコンのひとつを変更することもあり、今が
📝 ウェブ制作 制作雑記 Published @2021-01-01 (Friday) Updated @2021-01-01 (Friday) 執筆者 : 清水公太 本記事では、iOS(iPhone端末)のSafariで開いているページをWindowsPCのChromeからデバッグする方法を解説します。 この記事の目的 ウェブサイト制作において、スマートフォンのデバッグはPCブラウザのエミュレーターで行う事が多いですが、実機においてのみ発生するバグなどもゼロではありません。 この場合、エミュレーターだけでは原因が特定できないため、実機で挙動を確認する事になります。この時、スマホで見ているページの検証をPCのブラウザと同様にデベロッパーツールで行えると効率的になります。 Android端末の場合は、PCのChromeでデバッグが可能です。この場合は以下のGoogle公式の記事が参考になり
先日 Safari 15 がリリースされました。 https://webkit.org/blog/11989/new-webkit-features-in-safari-15/ 影響の大きそうな箇所や、知っておいたほうが良さそうな箇所を中心に紹介します。 HTML theme-color meta タグ上での theme-color のサポートが追加されました。 指定することで、ブラウザのメニューバーやタブバーといった領域のカラーを変更することができます。 prefers-color-scheme と併用することで、ダークモード/ライトモードに応じた色の指定もできます。 Design for Safari 15 CSS aspect-ratio プロパティのサポート aspect-ratio - CSS: Cascading Style Sheets | MDN lab() lch() h
「iOS 17」「iPadOS 17」ではSafariのセキュリティ機能が強化され、プライベートブラウズにFace ID、Touch IDによる認証が必須となっています。 iPadOS 17: プライベートブラウズがロックされるようにMacRumorsによると、ロック解除したデバイスにアクセスしてSafariを開いたとしても、二次認証せずにプライベートブラウズの履歴にアクセスすることはできなくなりました。Face ID/Touch IDまたはパスコードが必要になります。 Safariでは、プライベートブラウズの新機能として、このロックされたプライベートブラウズのほかにも、高度なトラッキングとフィンガープリント保護、機能拡張のコントロールを強化が含まれています。 iPadOS 17: Safariのプライベートブラウズの新機能また、iOS 17のSafariにはプロファイル機能も追加され、履
macOSやiOS 15のSafari 15では動画の再生速度の変更が可能になり、メディコントローラーが改善しています。詳細は以下から。 Appleは現地時間2021年09月21日、iPhone 6sやiPhone SE(第1世代)以降のiPhone、iPad(第5世代)やiPad Air 2、iPad mini 4以降のiPad向けに「iOS 15/iPadOS 15」をリリースしましたが、このiOS 15/iPadOS 15のデフォルトブラウザであるSafariでは、動画の再生速度の変更が可能になっています。 再生速度は0.5倍速から1.0x, 1.25x, 1.5x, 2.0xの5段階から選択可能で、動画再生中に表示されるメディコントローラーから変更可能となっており、このメディコントローラーもiOS 15のSafariでは字幕や言語選択が全画面にオーバーレイされないようになっています
JSer.info #615 - Node.js 19.0.0がリリースされました。 Node v19.0.0 (Current) | Node.js Node.js 19 is now available! | Node.js Node.js 19は奇数バージョンなので、開発バージョン扱いとなりLTSとしてはリリースされません。 https://github.com/nodejs/release#release-schedule Node.js 19.0.0では、node --watchの追加、HTTP/1.1でkeepAliveがデフォルト化、WebCryptoがStableへと変更されています。 依存関係がV8 10.7、llhttp 8.1.0、npm 8.19.2へアップデートされています。 また、--requireフラグのESM版である--importフラグの追加なども行われて
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く