Intro 以前から騒がれていた Apple によるサイドローディング周りの緩和について、正式な情報公開があった。 Apple announces changes to iOS, Safari, and the App Store in the European Union - Apple https://www.apple.com/newsroom/2024/01/apple-announces-changes-to-ios-safari-and-the-app-store-in-the-european-union/ ストアやペイメントの緩和もあるが、ここでは WebKit に関する部分だけを抜粋し、どのような条件があるのかをまとめておく。 筆者が公開情報を読んで解釈したものなので、内容は保証しない。 前提 iOS/iPadOS に入れられるブラウザには、 WebKit を用いる必要が

zenn.dev エディタを作っていると iOS Safari でキーボードを開いたときの挙動は本当に大変ですよね。 この記事では、キーボードを開いたままスクロールしてもフッターを固定できるようなワークアラウンドを最近見つけたので紹介します。 Safari 16 以降が必要。キーボード開閉時に追従が遅れる挙動は改善しません。 デモは https://mechairoi.github.io/ios-safari-virtual-keyboard/。iPhone か iOS Simulator でお試しください。 GitHub - mechairoi/ios-safari-virtual-keyboard Virtual Keyboard の挙動 Virtual Keyboard を開いたときには以下のようなことが起こっていると推測しています。 Visual_Viewport_API で取得で

このコーナーでは、2014年から先端テクノロジーの研究を論文単位で記事にしているWebメディア「Seamless」（シームレス）を主宰する山下裕毅氏が執筆。新規性の高い科学論文を山下氏がピックアップし、解説する。 Twitter: ＠shiropen2 米ジョージア工科大学などに所属する研究者らが発表した論文「iLeakage: Browser-based Timerless Speculative Execution Attacks on Apple Devices」は、Mac、iPad、iPhoneなどのApple製品に搭載のSafariを標的としたサイドチャネル攻撃に関する研究報告である。 この攻撃は、最近発売されたM3チップを搭載した新型MacBook Proでも成功し、ソフトウェアの更新状況に関わらず、Apple製品にとって依然として脅威であることを示した。 「iLeakage」

iOS17では、iPhoneの標準ブラウザであるSafariも、便利で安全に使うための新機能が追加されて進化します。米メディアMacRumorsが、Safariの進化ポイント9つをまとめているのでご紹介します。プライバシー保護関連の機能が特に充実しています。 ※記事中の機能や使用しているスクリーンショットは、取材に基づく特別な許可に基づき使用しています。機能やデザインは、iOS17パブリックベータのものであり、正式版では変更される可能性がありますのでご了承ください。 ■3行で分かる、この記事のポイント 1. iOS17で進化するSafariの新機能をまとめた。 2. プロファイルの切り替えは、用途別にお気に入りなどを使い分け可能。 3. プライベートブラウズを開くには生体認証が必要に。 iPhoneの標準ブラウザ、Safariが進化 iOS17では、iPhoneの標準ブラウザであるSafa

私事ですが先日引っ越した． それはよくて，引っ越しすると住所変更が面倒で 外部キーでマスターからカスケードですべて変わってくれないかと思う． それもよくて，大事な書類が届かないと大変だと 銀行口座やクレジットカードの住所変更をしていた． 起 生活に必要なものを大抵スマホのアプリで入れている． クレジットカードアプリも生体認証でログインできたりして， いまや 2段階認証なりが必要な PC よりも楽な気がする． (なんか本末転倒でダメなことをしているような気もする) なので，住所変更もキーボードのほうがやりやすいのは脳裏によぎりつつも 簡単な操作はスマホアプリからやっている． 前置きが長いけど，問題はドロップダウンで住所を選ぶ箇所で， iOS だと選択のドラムがグルグル回るやつが 住所が長いと途切れるということに気づいた: 住所の文字数が多いと選択が厳しい世の中になっていることに気づいた。 p

ジョン・グルーバーのブログより。 長かったiOS 15 Safariの悪夢は先月終わり、賞賛に値しますが、WWDCで発表された2つの悪いSafariデザインのうち、重要でない方が存続し、Mac版Safari 15の新しいタブが実際にリリースされました。iPad版のSafari 15も同様の問題を抱えていますが、ここではMac版に焦点を当てたいと思います。 WWDCで発表されたMac版Safariの変更のうち、最も物議を醸し他ものは、タブとURLのロケーション・フィールドを各ウィンドウの最上部に一列に圧縮し、ウィンドウ全体を現在最前面にあるWebページのアクセントカラーで色付けするというものですが、ありがたいこと、 Safariの環境設定ウィンドウ(もちろん、タブの下)でオフにすることができます。タブとロケーション・フィールドを同じ列に配置し、タブ自体をURLのテキスト編集フィールドとして使

Firefox / Safari 先日Appleが、Safariは幾つかのWebAPIに対応しないと公言しました。 日本語記事も幾つか出ています。 しかし、どのサイトも対応しないAPIの一覧を並べてはいるのですが、それぞれのAPIが具体的にどのようなものなのかを記載した記事が見当たらなかったので、以下はそれらについて調べてみたものです。 対応しない理由 a threat to user privacy、すなわち、あくまでブラウザフィンガープリントなどの手段によって個人を特定・追跡できてしまうからという理由です。 セキュリティ的にも問題なAPIが並んでいるのですが、そちらは理由ではありません。 対応しないWeb API Web Bluetooth caniuse RFC 非公式日本語訳 解説 ブラウザからBluetoothを通して接続先のデバイスにアクセスすることができます。 データ転送形式

by iphonedigital IT系ニュースメディアのZDNetが、Appleが16種類のウェブAPIのSafariへの実装を拒否したと報じています。Appleは拒否した理由について「プライバシー上の懸念があるため」と説明しています。 Apple declined to implement 16 Web APIs in Safari due to privacy concerns | ZDNet https://www.zdnet.com/article/apple-declined-to-implement-16-web-apis-in-safari-due-to-privacy-concerns/ ZDNetによると、AppleがSafariへの実装を拒否したウェブAPIは以下の通り。 ・Web Bluetooth ・Web MIDI API ・Magnetometer API ・

[19/9/25 追記2]Hiragino sansとの比較 (左がios12、右がios13.1) Hiragino sansでもboldが太くなっていることを確認。 ios13からは、lang="ja"のsans-serifは、Hiragino sansで表示されている Hiragino sansを指定している場合 lang="en"でも太くなる [19/9/25 追記]ios13.1で少しだけ細くなりました（Hiragino-sans w7?） (ios13.1) ios13から、lang="ja"のテキストに sans-serif が当たった場合、より太いboldで表示される（Hiragino-sans w8?） https://output.jsbin.com/givoduv シミュレータのキャプチャ (左がios12、右がios13) font-weightばboldまたは70

Safariで<input type="search"> にスタイルが当たらないバグがあります1。 <input class="search--field" type="search" placeholder="キーワードから探す" /> .search--field { box-sizing: border-box; width: 180px; height: 40px; padding-left: 10px; border: solid 2px red; } なんでや！ 直接style属性をいじっても !importantをつけても効果なし…。 .search--field { box-sizing: border-box; width: 180px; height: 40px; padding-left: 10px; border: solid 2px red; -webkit-ap

背景 個人的にはMyriadが好きなので、自分用に作ったサイトとかではよく「Myriadがインストールされている人（主に自分）だけにMyriadで表示されればいいやー」と思って以下のようにCSSを書いていたんだけど、macOSをMojaveにしたあたりからMyriadで表示されずLucida Grandeになってしまった。 解決 Mojave (Safari 12) からは、システムフォントだけしか指定できなくなってしまったらしい。なんでもユーザートラッキングを防ぐためだという。なので解決策としては、Webフォントにする、あるいはChromeを使う（ちがう）。 Font Family/Display Issue in Safari 12 on macOS Mojave - Stack Overflow: This is because of the new no-tracking priv

Jxckが以前、SafariのUA文字列が固定されたというのを書いていた。 Safari による User-Agent 固定化と Web における Feature Detection | blog.jxck.io Safari Technology Preview 46で入った変更だ。 Release Notes for Safari Technology Preview 46 | WebKit Froze the user-agent string to reduce web compatibility risk and to prevent its use for fingerprinting TwitterでもAppleのRicky Mondelloがそれを伝えていて、ちょっと騒ぎになっていた。「それは困る」的な反応が結構多かったのと、中には「やっぱりSafariは新たなIE6だ」み

Webブラウザをグンと便利にしてくれるブックマークレット。 あなたはブックマークレットをどうやって起動していますか？ 普通にブックマークから選んで起動していますか？　もしそうなら、呼び出しの際の手順を、いささかまどろっこしく感じているかもしれません。 今回は、iOSのSafariでの素早いブックマークレットの呼び出し方法をご紹介します。 便利なブックマークレット 本題に入る前に、ブックマークレットについてご紹介。 ブックマークレットとは、Webブラウザのブックマークなどから起動する、簡単な処理を実行する簡易プログラムのこと。 表示されているWebページに働きかけるような作りのプログラムが実現でき、有益なものが有志の手によってたくさん作られています。 参考: 拡大操作禁止のWebページを強制的に拡大可能にする方法（iOS向け） 参考: iOSのSafariで文字選択が思い通りにならないときに

Chromeの脆弱性は修正されたが、Safariではまだ未解決のまま。コンセプト実証ページも公開されている。 米GoogleのAndroidに搭載されているWebブラウザ「Chrome」と、米AppleのWebブラウザ「Safari」に、アドレスバー偽装の脆弱性が報告された。Chromeの脆弱性は修正されたが、Safariではまだ未解決のままで、コンセプト実証ページも公開されている。 セキュリティ企業のRapid7によると、Android向けChromeの脆弱性は、「204エラー」（コンテンツなし）と新しいウィンドウを開く「window.open」のイベントを組み合わせた際の処理問題に起因する。 この問題を突いてアドレスバーを偽装された場合、フィッシング詐欺でユーザーがだまされ、攻撃者の制御する信頼できないWebページにパスワードや個人情報などを入力してしまう恐れがある。 この問題はセキュ

古いバージョンのFlashプラグインを使っている場合、SafariでFlashコンテンツを表示しようとすると、アラートが出て更新を促される。 米Adobe SystemsがFlash Playerの更新版を公開したことを受け、Appleは7月10日、OS X上で古いバージョンのFlashプラグインを遮断する措置を取ったことを明らかにした。 Web上ではFlashやJavaなどのプラグインを介した攻撃が横行しており、Appleは2013年から、Javaプラグインの古いバージョンを遮断する仕組みを導入。Flashについても同様の措置を講じた。 Flash Playerの最新バージョンは14.0.0.145と13.0.0.231。これより古いバージョンのFlashプラグインを使っている場合、SafariでFlashコンテンツを表示しようとすると「Flashが古くなっています」という内容のアラート