並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 709件

新着順 人気順

safariの検索結果1 - 40 件 / 709件

  • CSSの新しい単位「lvh」「svh」これでiOSのSafariで100vhがビューポートの高さではない仕様に対応できる

    Safari 15.4(最新は15.5)で新しいビューポート単位「lvh」「svh」がサポートされました。ビューポートを基準にした単位で、この単位を使用することで、iOSのSafariで100vhがビューポートの高さではないという仕様に対応できます。 今まではCSSの-webkit-fill-availableがその対応方法でしたが、ネストされた要素やcalc()内では使用できません。新しいビューポート単位を使用すると、そういった問題もなくなります。 The Large, Small, and Dynamic Viewports by Bramus 2021年の記事ですが、Safari 15.4でこれらの新しいビューポート単位がサポートされたので、このタイミングで紹介します。 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじ

      CSSの新しい単位「lvh」「svh」これでiOSのSafariで100vhがビューポートの高さではない仕様に対応できる
    • iPhoneで「ガスト」検索しようとするも「がす」の『す』でSafariが落ちる!? – kototoka

      がすの「す」でSafariが、、本日、ふとiPhoneのSafariで、「ガスト」さんを検索しようとしたその時! Safariの検索バーに「がすと」と入力するべく、フリップ入力で「が」、「す」、「と」と入力していると、、、 「す」でSafariが、落ちる!! この画面です!! 「が」は入力できる。が、 「す」をフリップで入力した途端、Safariが落ちます!! iOSのバグなのか、私のiPhoneに限った話なのか、、不明ですが、、確実に落ちます! ちなみにiOSのバージョンは16.1.1 iPhoneは、iPhone 14 Pro でごわす。。 日頃はしないiPhoneからの投稿ですが、あまりにびっくりしたので、iPhoneアプリからの投稿でした。 ガスト大丈夫か? てか、iOS大丈夫か? と今回は以上です。ほなまた!

        iPhoneで「ガスト」検索しようとするも「がす」の『す』でSafariが落ちる!? – kototoka
      • GitHub Actions で Windows IE11 と Mac Safari を selenium-webdriver で動かす - Qiita

        GitHub Actions で Windows IE11 と Mac Safari を selenium-webdriver で動かすSeleniumselenium-webdriver 最近得た天啓で、 「GitHub Actions はコンテナを windows / mac / ubuntu から選べるということは、 本物の safari と ie11 を selenium-webdriver で動かすことができるのでは?」 と思ってガチャガチャやってみたら、なんとできてしまったので、紹介します。 今回は node で。 name: xbrowser on: [push] jobs: e2e-ie: runs-on: windows-latest steps: - uses: actions/checkout@v1 - uses: warrenbuckley/Setup-Nuget@

          GitHub Actions で Windows IE11 と Mac Safari を selenium-webdriver で動かす - Qiita
        • 古いRPGのセリフの書式一覧 その1 Safari

          その1 ドラクエ、FF、サガ、聖剣、クロノ、マザー、桃伝、ウィザードリィ その2 ポケモン、マリオRPG、マリルイ、メガテン、ペルソナ、デビサマ、エストポリス、テイルズ、ルドラ、バハラグ、FE、タクティクスオウガ、ゆうなま、アンテ その3 ドラえもん、貝獣物語、ライブアライブ、WA、カエル、ファンタシースター、ポポロクロイス、アークザラッドo123Chromeanond:20211215203108anond:20211215204743anond:20211215211344Safarianond:20211214172519anond:20211214215453anond:20211215132730 もうどこかにまとまっているのかもしれないが見つけられない。 ネットのプレイ動画とか実況だけで調べてるのでおかしいとこあるかも。 一行あたりの文字数や使える文字種は面倒だから調べていない

            古いRPGのセリフの書式一覧 その1 Safari
          • iOS 13のSafariブラウザが「WebDriver」を正式サポート。SeleniumなどによるUIテストの自動化が容易に

            現在ベータ版が公開中で、9月には正式版が登場する見込みのiOS 13のSafariブラウザが「WebDriver」を正式にサポートすることをAppleが発表しました。 Starting in iOS 13, Safari now includes native support for the W3C WebDriver standard. This feature builds on existing support for WebDriver in desktop Safari, first introduced in Safari 10 and macOS Sierra. iOS 13から、SafariがW3C WebDriver標準仕様をネイティブにサポートする。この機能は、macOS SierraのSafari 10からサポートが始まった既存のデスクトップ版SafariのWebDr

              iOS 13のSafariブラウザが「WebDriver」を正式サポート。SeleniumなどによるUIテストの自動化が容易に
            • Appleが「プライバシー上の懸念あり」としてSafariへの一部ウェブAPIの実装を拒否

              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 ・

                Appleが「プライバシー上の懸念あり」としてSafariへの一部ウェブAPIの実装を拒否
              • Mac版Safariではてなブックマーク拡張を使う

                経緯Chrome/Firefoxのはてブ機能拡張は配布されているが、Mac版Safariの機能拡張は数年前から配布されていない。 Safariに乗り換える際の個人的な障壁であったが、Chrome版機能拡張をSafari向けに変換して利用する事ができたので、メモ代わりに記しておく。 必要なものmacOS Big Sur以降XCodeはてブ拡張をインストール済のChrome インストール手順1. Chromeのアドレスバーに「chrome://extensions/」と打ち込み、機能拡張の画面を表示する。 2. 同画面右上の「デベロッパー モード」をONにする。 3. 同画面内の「はてなブックマーク」の欄に表示されている「ID:xxxxxx」を次手順で使用する。 4. FinderでChromeのはてブ機能拡張がインストールされているフォルダが存在する事を確認する。 /Users/(ユーザー名

                  Mac版Safariではてなブックマーク拡張を使う
                • Mac で Safari Web アプリを使う - Apple サポート (日本)

                  Mac で Safari Web アプリを使うmacOS Sonoma から、Safari で Web ページを Web アプリとして保存できるようになりました。Web アプリは、Safari とは切り離して使うことができます。Web アプリは、通常のアプリさながらに使い勝手がよく、Dock から簡単にアクセスできます。 Web アプリと Web ページの違い Web ページから Web アプリを作成する方法 Web アプリの設定を変更する方法 Web アプリで通知を使用する方法 Web アプリを削除する方法 Web アプリと Web ページの違い Web ページを Web アプリとして使う場合、見た目と動作は Safari の中で使うときと変わりません。それでも、Web アプリの使い勝手は若干異なります。 Web アプリは、Safari とは別に機能します。閲覧履歴、Cookie、Web

                  • 新規タブリンクの恐ろしい仕様、Chrome 88で変更へ ~Safari/Firefoxに合わせた安全な仕様に/“rel=noopener”を付け忘れても大丈夫【やじうまの杜】

                      新規タブリンクの恐ろしい仕様、Chrome 88で変更へ ~Safari/Firefoxに合わせた安全な仕様に/“rel=noopener”を付け忘れても大丈夫【やじうまの杜】
                    • Webブラウザ上でNode.js環境を実現する「WebContainer」、iOS/iPadOS版Safariに対応。iPhone/iPadでWeb開発環境が起動

                      Webブラウザ上でNode.js環境を実現する「WebContainer」、iOS/iPadOS版Safariに対応。iPhone/iPadでWeb開発環境が起動 WebAssemblyを用いてWebブラウザ上でNode.js環境を実現する「WebContainer」などを提供するStackBlitzは、WebContainerがiOS/iPadOS 16.4以降のSafariに対応したことを明らかにしました。 iPhoneやiPad上のSafari上で、Node.jsをベースとしたWeb開発環境が起動することになります。 Big news: WebContainers are now supported on Safari, iOS and iPadOS!https://t.co/6SfOUDn4z2 pic.twitter.com/9PykipdNxJ — StackBlitz (@s

                        Webブラウザ上でNode.js環境を実現する「WebContainer」、iOS/iPadOS版Safariに対応。iPhone/iPadでWeb開発環境が起動
                      • Mac版Safari 15の「タブ」の悲劇

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

                          Mac版Safari 15の「タブ」の悲劇
                        • Chrome、macOS上でSafariの10倍以上もRAMを消費していた - iPhone Mania

                          macOS上で使用する場合、ChromeブラウザはSafariブラウザの10倍以上ものRAMを消費していることがわかりました。 Chromeのウィンドウを閉じたらファンが止まった WebサービスをmacOSのネイティブアプリのように利用することを可能にするアプリ「Flotato」の開発者であるモーテン・ジャスト氏が自らのブログにおいて、macOSにおいてChromeブラウザがどれだけRAMを消費するかの実験結果を公表しています。 そもそもジャスト氏がこの実験を思いついたのは、次のようなことがきっかけでした。MacでPodcastを聴こうとしたところ、冷却ファンの音があまりにもうるさくてまったく聞こえません。そこでふと思い立って、開いていたChromeのウィンドウをすべて閉じたところ、冷却ファンが止まったそうです。 2タブ、54タブを開いて比較実験 そこで同氏はChrome、Safariのそ

                            Chrome、macOS上でSafariの10倍以上もRAMを消費していた - iPhone Mania
                          • ついにSafariも。 media queryの範囲指定をより直感的に書ける記法が全ブラウザ対応へ

                            筆者が CSS を学び始めたとき、media query で画面サイズに応じてスタイルを変える方法が大変ニガテでした😭 min? max? 未満のときはどうするの? and で繋げなきゃいけないの? 長くない? と疑問に思いながら、今日まで長い年月を過ごしてきました。 本日(2023/03/28)、Safari 16.4 がリリースされ、 media query のrange(範囲)記法に対応しました。 ▼ 従来の media query の範囲指定

                              ついにSafariも。 media queryの範囲指定をより直感的に書ける記法が全ブラウザ対応へ
                            • 2021年、CSSのクロスブラウザ対応の現状、SafariやFirefoxで起こる不具合の対応方法

                              2021年、CSSのクロスブラウザ対応の現状を紹介します。 Flexboxをはじめ、さまざまなCSSの魅力的な機能が主要ブラウザでサポートされ、CSSを書くことよりもデバッグして修正することの方が多いと嘆いたデベロッパーも減ってきたと思います。 しかし、いまだに修正が必要なCSSの問題点もあります。IEがなくなっても、SafariやFirefoxで起こる不具合の対応方法なども解説します。 The State of CSS Cross-Browser Development by Ahmad Shadeed 先日、MicrosoftからIE11サポート終了のお知らせがあり、ユーザーが世界規模のWordPressもIE11のサポートを終了します。これらの情報でIE11のサポート終了の流れは一気に加速しますね。 参考: Internet Explorer 11 デスクトップアプリは 2022年6

                                2021年、CSSのクロスブラウザ対応の現状、SafariやFirefoxで起こる不具合の対応方法
                              • iOS・macOSと同時に大型アップデートがSafariにも到来、新たな「高さ」の基準やカスケードレイヤーが追加される

                                2022年3月14日にmacOS Monterey 12.3およびiPadOS・iOS 15.4がリリースされ、同時にSafariが新しいバージョン「15.4」にアップデートされました。Google ChromeやFirefoxに先行搭載されている多数の機能が追加されたほか、動的に変化するビューポートのサイズに応じて要素の高さを決める「dvh」という新たな指定方法などの機能が他のブラウザに先駆けて搭載されました。 New WebKit Features in Safari 15.4 | WebKit https://webkit.org/blog/12445/new-webkit-features-in-safari-15-4/ ◆img要素にlazy loading機能が搭載へ img要素に「loading="lazy"」属性を付与することで、「付近にスクロールするまで画像を読み込まない

                                  iOS・macOSと同時に大型アップデートがSafariにも到来、新たな「高さ」の基準やカスケードレイヤーが追加される
                                • Safariは危険なJavaScriptに対応しない - Qiita

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

                                    Safariは危険なJavaScriptに対応しない - Qiita
                                  • iOS 15のSafariで表示したWebサイトやTwitterなどに投稿されている画像からテキスト認識表示を利用してテキストを抽出する方法。

                                    Webサイトをキャプチャした画像などiOS 15のSafari上に表示された画像からテキスト認識表示を利用してテキストをコピーする方法です。詳細は以下から。 Appleは2021年06月に開催したWWDC21の基調講演の中で、iOS 15/iPadOS 15の新機能として写真内にあるテキストを抽出し、コピー&ペーストできるようにする「テキスト認識表示 (Live Text)」機能を発表、 Apple Web Developer Experience Teamのエバンジェリストを務めるJen Simmonsさんは、このテキスト認識表示はiOS 15/iPadOS 15のモバイルSafariにも統合され、抽出されたテキストデータはWebコンテンツの一部ではなくShadow DOMとして挿入されるため、 JavaScriptなどの影響は受けずにコピーやWeb内検索が利用可能で、例えばTwitte

                                      iOS 15のSafariで表示したWebサイトやTwitterなどに投稿されている画像からテキスト認識表示を利用してテキストを抽出する方法。
                                    • ブラウザのロゴを高解像度でダウンロードできる! Chrome, Safariの現在のロゴをはじめ、IE, Netscapeなど古いのも

                                      Chrome, Edge, Firefox, Opera, Safariをはじめとする現在のロゴから古いバージョンのロゴをはじめ、デベロッパーツールやCanaryなどのロゴ、古いIE, Netscape, Mosaicなど、ブラウザのロゴをダウンロードできる「Browser Logos」を紹介します。 すべてのロゴは背景が透明で、高解像度です。

                                        ブラウザのロゴを高解像度でダウンロードできる! Chrome, Safariの現在のロゴをはじめ、IE, Netscapeなど古いのも
                                      • 「Firefox 79」からtarget=“_blank”なリンクの挙動が変更、より安全な仕様に/「Safari」は実施済み、「Google Chrome」も追随へ

                                          「Firefox 79」からtarget=“_blank”なリンクの挙動が変更、より安全な仕様に/「Safari」は実施済み、「Google Chrome」も追随へ
                                        • 「ChromeはmacOS上でSafariの10倍もメモリを食う」という実験結果

                                          macOS向けのブラウザ「Flotato」を開発するモートン・ジャスト氏が、ChromeとSafariでのメモリ使用量を比較した結果を報告しています。 Chrome RAM/CPU usage vs. Safari vs. Flotato https://www.flotato.com/post/memory-chrome-safari-flotato ジャスト氏は、Intel Core i9(2.4GHz)・DDR4 32GB・AMD Radeon Pro 5500Mを内蔵したMacBook Pro(16インチ)を用意。そして、仮想マシンにmacOS Big Sur環境を構築し、psrecordで4ミリ秒間隔で使用状況をスナップショットしながら、新しくインストールしたChrome・Safariで比較実験を行いました。 ◆1つ目の実験 ChromeとSafariでTwitterとGmail

                                            「ChromeはmacOS上でSafariの10倍もメモリを食う」という実験結果
                                          • iOS Safari の <select> 要素は密かに変わっているのをご存知ですか - マンガ〜ノ伊藤ノ〜ト

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

                                              iOS Safari の <select> 要素は密かに変わっているのをご存知ですか - マンガ〜ノ伊藤ノ〜ト
                                            • New WebKit Features in Safari 15.4

                                              ContentsHTMLCSSWeb APIsJavaScriptWeb AppsMediaPrivacySecurityWKWebViewSafari Web ExtensionsWeb InspectorFeedbackAnd More With over 70 additions to WebKit, Safari 15.4 is packed with new web technologies, updates, and fixes. We’ve assembled a huge release as part of our commitment to web developers, and the people who use the web. This is the first big WebKit release of 2022, and we’re just getting

                                                New WebKit Features in Safari 15.4
                                              • News from WWDC22: WebKit Features in Safari 16 Beta

                                                ContentsWeb Inspector ExtensionsContainer QueriesWeb Push for macOSSubgridFlexbox InspectorAccessibility ImprovementsAnimation ImprovementsOverscroll BehaviorShared WorkerAnd moreFeedback WebKit has had a big year, with over 162 new features and improvements shipping in WebKit browsers — including Safari 15.2, Safari 15.4, and Safari 15.5. Features from earlier this year include dialog element, la

                                                  News from WWDC22: WebKit Features in Safari 16 Beta
                                                • 「Firefox」のキャッシュからTwitterデータが漏洩 ~MozillaはTwitterの非標準実装を批難/「Google Chrome」や「Safari」には影響なし

                                                    「Firefox」のキャッシュからTwitterデータが漏洩 ~MozillaはTwitterの非標準実装を批難/「Google Chrome」や「Safari」には影響なし
                                                  • 映画『哀れなるものたち』を考察する(1) 人間の愚かさを描く天才、ランティモスの新境地。 | Culture | Safari Online

                                                    映画的知名度の低かったギリシャで“奇妙な波”と呼ばれた映画ムーブメントを牽引し、2015年の『ロブスター』で英語圏にも進出、いまや世界的映画監督となったヨルゴス・ランティモス。独特の奇妙にねじくれた世界観で映画ファンを幻惑し、かつ魅了してきた異才である。 ランティモスの作風にはいくつもの際立った特徴があるが、一貫して感じるのは人間に対する懐疑的な視線である。もっと平たくいえば、彼の映画からは「人間とは幼稚な生き物である」という、いささか極端でミもフタもない人生哲学が感じられるのだ。 ランティモス作品の登場人物たちはたいてい、閉鎖的な環境にとらわれて、精神的な成長を押し止められている。『籠の中の乙女』(2009年)の子供たちは外の世界は危険だからと自宅の中だけで育てされ、『ロブスター』(2015年)の大人たちは子孫を残すことを強いられ、伴侶を見つけられなければ動物に変えられる施設に入れられる

                                                      映画『哀れなるものたち』を考察する(1) 人間の愚かさを描く天才、ランティモスの新境地。 | Culture | Safari Online
                                                    • 各ブラウザごとのデフォルトのスタイルシート、user agent stylesheetのまとめ -Chrome, Safari, Firefox, Edge

                                                      Webページを実装する際、そのページを表示するブラウザが各HTML要素にデフォルトでどのようなスタイルが適用されているか知っておくのは大切なことです。 Chrome, Safari, Firefox, Edge 各ブラウザごとのデフォルトのスタイルシート、user agent stylesheetを紹介します。 例えば、p要素にはdisplay: block;が定義されており各ブラウザでmarginの数値が異なります。また、h1要素は単独で使用した場合とsection要素などの子要素で使用した場合ではmarginの数値が異なります。 /* * The default style sheet used to render HTML. * * Copyright (C) 2000 Lars Knoll (knoll@kde.org) * Copyright (C) 2003, 2004, 20

                                                        各ブラウザごとのデフォルトのスタイルシート、user agent stylesheetのまとめ -Chrome, Safari, Firefox, Edge
                                                      • ついにSafariが画像フォーマットとしてWebPをサポート! ウェブページの表示高速化に期待

                                                        [レベル: 中級] Apple 製ブラウザの Safari がバージョン 14 で WebP を正式にサポートする予定です。 ついに Safari が WebP をサポート この記事を公開する時点の Safari の最新バージョンは 13 です。 次バージョンの 14 で WebP を標準機能としてサポートすると Apple は発表しました(正確にはベータ版でのサポートなので、正式版でサポートを見送る可能性がゼロではありませんが)。 WebP はスピードアップに最適な画像フォーマット WebP は Google が開発した画像フォーマットです。 JPEG や PNG に比べると、25 〜 35 % サイズが小さくなります。 画像は、JavaScript と並んでウェブページの表示速度を大きく左右する要素です。 最軽量の画像フォーマットである WebP を使えば、ページ表示の高速化に役立ちま

                                                          ついにSafariが画像フォーマットとしてWebPをサポート! ウェブページの表示高速化に期待
                                                        • Appleが「iOS・iPadOS・macOS用に3つの異なるウェブブラウザが偶然『Safari』という名前で提供されている」というトンデモ主張でEUの規制を回避しようとしていた

                                                          AppleがEUのデジタル市場法による規制を逃れるために、「SafariのiOS版・iPadOS版・macOS版は、名前が同じだけで中身は異なるウェブブラウザであり、使用目的も違う」と主張したことが明らかとなりました。 CASES DMA.100013 Apple – online intermediation services – app stores, DMA.100025 Apple – operating systems and DMA.100027 Apple – web browsers (PDFファイル)https://ec.europa.eu/competition/digital_markets_act/cases/202344/DMA_100027_197.pdf To avoid regulation, Apple said it had three Safari b

                                                            Appleが「iOS・iPadOS・macOS用に3つの異なるウェブブラウザが偶然『Safari』という名前で提供されている」というトンデモ主張でEUの規制を回避しようとしていた
                                                          • WebKit Features in Safari 16.4

                                                            Mar 27, 2023 by Patrick Angle, Marcos Caceres, Razvan Caliman, Jon Davis, Brady Eidson, Timothy Hatcher, Ryosuke Niwa, and Jen Simmons ContentsWeb Push on iOS and iPadOSImprovements for Web AppsWeb ComponentsCSSHTMLJavaScript and WebAssemblyWeb APIImages, Video, and AudioWKWebViewDeveloper ToolingWeb InspectorSafari Web ExtensionsSafari Content BlockersNew Restrictions in Lockdown ModeMore Improve

                                                              WebKit Features in Safari 16.4
                                                            • Safari開発チーム、ユーザーからのフィードバックが欲しいと懇願 - iPhone Mania

                                                              「Safariは最悪、SafariはInternet Explorer(IE)のよう」との意見をよく耳にする、と正直に告白したSafariとWebKit開発チームの人物が、ユーザーに対して改善点をぜひ教えて欲しい、と腰の低い姿勢で対応し、注目を集めています。 今直面している問題を教えてほしい ジェン・シモンズ氏(@jensimmons)は、SafariとWebKitのWebデベロッパ体験チームのエバンジェリストをAppleで務めています。同氏は、最近のSafariの悪評判を憂慮しており、突破口を探りたい、とツイートしました。 私をメンションして「Safariは最悪だ、新しいIEだ」とみんな言っていますが、具体的にどのようなバグやサポートの欠如がフラストレーションにつながっているかを教えていただくことはできますか?(中略) 修正できるのは具体的な問題だけです。漠然とした憎しみは誰の得にもなり

                                                                Safari開発チーム、ユーザーからのフィードバックが欲しいと懇願 - iPhone Mania
                                                              • ページを丸ごと1つのファイルとしてローカルにダウンロードして保存できる「SingleFile」がSafariに対応したので使ってみた

                                                                無料で使用可能なウェブサイト保存ツールの「SingleFile」がSafariに対応し、iPhoneでも使えるようになったので実際に試してみました。 GitHub - gildas-lormeau/SingleFile: Web Extension and CLI tool for saving a faithful copy of an entire web page in a single HTML file https://github.com/gildas-lormeau/SingleFile 「SingleFile」は、HTMLファイルと画像ファイルなどを別々に保存せず、単一のHTMLファイルとして保存できるツールで、これまではGoogle ChromeやMozilla Firefoxの拡張機能として使用可能でした。PC版の「SingleFile」の導入方法や使い方は、以下から見

                                                                  ページを丸ごと1つのファイルとしてローカルにダウンロードして保存できる「SingleFile」がSafariに対応したので使ってみた
                                                                • Apple、Mozillaに倣い、Safariの厳格なトラッキング防止ポリシー発表

                                                                  Appleが、WebブラウザSafariのトラッキング防止ポリシー「WebKit Tracking Prevention Policy」を発表した。Mozillaが1月に発表したポリシー同様、非常に厳格なものだ。 米Appleは8月14日(現地時間)、同社のWebブラウザSafariのためのトラッキング防止ポリシー「WebKit Tracking Prevention Policy」を発表した。ユーザーのプライバシーを保護するために、Appleがどのようなトラッキング方法を防止するかの詳細を示すものだ。 Appleは発表文で「Anti tracking policyでわれわれのポリシーにインスピレーションを与えてくれたMozillaに感謝する」とあり、Mozillaが1月に発表した反トラッキングポリシーに倣っていることを示した。 Mozillaのポリシー同様、ユーザーのWeb閲覧行動のプロ

                                                                    Apple、Mozillaに倣い、Safariの厳格なトラッキング防止ポリシー発表
                                                                  • Web版「Twitter」の押し付けUIをカスタマイズして快適にする方法/「Chrome」、「Edge」、「Firefox」、「Safari」に対応する拡張機能で解決【レビュー】

                                                                      Web版「Twitter」の押し付けUIをカスタマイズして快適にする方法/「Chrome」、「Edge」、「Firefox」、「Safari」に対応する拡張機能で解決【レビュー】
                                                                    • 「Safariの日付を選ぶ仕組み」がカスタマーサポートに寄せられる苦情の3分の1を生み出していたという報告

                                                                      Appleが開発するウェブブラウザのSafariは、iPhoneやiPad、Macなどで使用されている標準的なブラウザです。ところが、効果的な高血圧薬を推奨する遺伝子検査のスタートアップ・Geneticureの創設者であるロバート・トーマス氏が、「Safariの日付を選ぶ仕組み」によって高齢のユーザーが戸惑ってしまい、Geneticureのカスタマーサポートに寄せられる苦情の3分の1を生み出していたと報告しています。 Safari's date-picker is the cause of 1/3 of our customer support issues · GitHub https://gist.github.com/RobertAKARobin/850a408e04d5414e67d308a2b5847378 Geneticureは遺伝子検査テクノロジーを用いることで、「そのユーザ

                                                                        「Safariの日付を選ぶ仕組み」がカスタマーサポートに寄せられる苦情の3分の1を生み出していたという報告
                                                                      • Safari・Chrome・Firefoxでありがちなバグの対処法について(主にCSS) | Blog | 株式会社イロコト | ゲーム・アニメ等のエンタメ系Web制作&運用会社

                                                                        こんにちは、コーダーのばやしです。 皆様はInternet Explorer(以下IE)のことをどう思いますか?「昔ながらの使いやすいブラウザ」でしょうか?おそらく、コーディングをかじったことのある方で好きな人はあまりいないでしょう。 (IE BIG LOVEな方がいらっしゃいましたら申し訳ありません) なぜかと言えば、IE特有の仕様やバグといったものが多数存在するためです。 コーディング時に常に意識しなければならないのが、特定のブラウザ限定の特殊な仕様やバグです。 IEならではの仕様やバグに惑わされたことは枚挙に暇がないですが、IE以外の主要ブラウザで直面する仕様やバグも中々厄介なものです。 今回はそのような、Chrome/Safari/Firefoxなどの主要ブラウザで見られるようなバグや仕様を紹介していきます。よろしければブラウザを切り替えながら見比べてみてください。 ※以下の内容は

                                                                          Safari・Chrome・Firefoxでありがちなバグの対処法について(主にCSS) | Blog | 株式会社イロコト | ゲーム・アニメ等のエンタメ系Web制作&運用会社
                                                                        • 【コピペ可】background-attachment: fixed;がスマホ(iOSのSafari)で効かない問題を完全に解決する【CSSのみ】

                                                                          <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <link rel="stylesheet" href="./destyle.css" /> <link rel="stylesheet" href="./style.css" /> </head> <body> <div class="Firstview">FirstView</div> <section class="Section"> <div class

                                                                            【コピペ可】background-attachment: fixed;がスマホ(iOSのSafari)で効かない問題を完全に解決する【CSSのみ】
                                                                          • Chrome・Safari・Firefoxで比較!クリエイティブ表現のレベルアップに使える最新ブラウザーの開発者機能(前編) - ICS MEDIA

                                                                            どのブラウザーでも、アニメーションのパネルを開いている状態で画面を操作すると、発生したトランジション・アニメーションが自動的に記録されます。記録したアニメーションはもう一度ゆっくり再生したり、対象の要素やスタイルを調べたりすることもできます。 ChromeのAnimationsパネルの特徴 Chromeの場合、検出されたトランジションやアニメーションはトリガーが同じもので自動的にグループ化され、グループの単位で詳細を見たり再生したりが可能です。また、アニメーションのタイミングや長さをドラッグで調整する機能もあります。 Firefoxのアニメーションパネルの特徴 Firefoxのアニメーションパネルはインスペクターの一部になっているので、要素を絞り込んでこの要素に適用されているトランジション・アニメーションだけを表示できます。また、色のトランジション・アニメーションの場合、タイムラインが色の

                                                                              Chrome・Safari・Firefoxで比較!クリエイティブ表現のレベルアップに使える最新ブラウザーの開発者機能(前編) - ICS MEDIA
                                                                            • 「慣れない」「指が届くようになった」──iOS 15で“検索窓”が下に移動した「Safari」に賛否 旧UIに戻すユーザーも

                                                                              「慣れない」「指が届くようになった」──iOS 15で“検索窓”が下に移動した「Safari」に賛否 旧UIに戻すユーザーも 9月21日に配信が始まったAppleのスマートフォン向けOS「iOS 15」には、通知をフィルタリングする「集中モード」やグループ通話中などに音が来る方向を調整する「空間オーディオ」など、さまざまなアップデートが盛り込まれている。WebブラウザのSafariも「機能拡張」に対応した他、ユーザーインタフェース(UI)が大きく変更された。このUIが賛否を呼び、21日のお昼過ぎごろにTwitterでトレンド入りした。 変わったのは、上から下に移動したタブバー(検索バー)だ。長らく、Safariのタブバーは画面上部に設置されていたが、iOS 15で初めて下に移動した。iPhoneには画面下のエッジ部分を下にスワイプすると画面全体が下がる「簡易アクセス」機能があるものの、筐体

                                                                                「慣れない」「指が届くようになった」──iOS 15で“検索窓”が下に移動した「Safari」に賛否 旧UIに戻すユーザーも
                                                                              • Apple、ChromeやFirefoxなどの機能拡張をSafari機能拡張へ変換できるコマンドラインツール「Web Extension Converter」を提供。

                                                                                AppleがChromeやFirefoxなどの機能拡張をSafari機能拡張へ変換できるコマンドラインツール「Web Extension Converter Tool」を提供しています。詳細は以下から。 AppleおよびWebKitチームは現地時間2020年06月25日、今年秋にもリリースを予定しているmacOS 11 Big Surのデフォルトブラウザ「Safari v14」で採用が予定されている新機能や不具合修正を行った「Safari Technology Preview v109 (以下、STP v109)」を開発者に公開しましたが、 Safari Web Extensions. Extensions written for Chrome, Firefox, and Edge that use the WebExtension APIs can be converted to Saf

                                                                                  Apple、ChromeやFirefoxなどの機能拡張をSafari機能拡張へ変換できるコマンドラインツール「Web Extension Converter」を提供。
                                                                                • Google検索から役立たずなサイトを消し去るSafari拡張機能uBlacklistがすごい

                                                                                  Google検索で役立つ情報を見つけるのには、それなりのリテラシーが必要な時代になってしまいました。ググればわかる時代から、ググってもまともなページが上位にこない時代へ。 「役に立たないサイトは検索結果に出さないでほしい」 そんな思いを叶えてくれるアプリがuBlacklistです。 昨年リリースされたものの中ではもっとも役に立つ、iPhoneユーザーにとって待望のアプリと言えます。 どんなアプリ? この拡張を有効にすると、Googleの検索結果に以下のようなブロック用のリンクが追加されます。 このリンクを押すことで検索結果から当該サイトを取り除くことができるようになります。誰かにとって便利なサイトでも、あなたにとって役に立たないサイトなら非表示にしてしまうのもひとつの選択です。 例えば『iPhone 13 分解 バッテリー容量』というキーワードで検索した際に、このブロック機能を使うとどうな

                                                                                    Google検索から役立たずなサイトを消し去るSafari拡張機能uBlacklistがすごい