タグ「Safari」 - はてブログ

タグ Safari

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 800件)

iOS/iPadOS 17.4でSafariが日本語縦書きをサポート。WebKitが最新のWeb標準に対応 | テクノエッジ TechnoEdge

2024/03/07 10 users Publickey iOS TechnoEdge Apple

ITジャーナリスト／Publickeyブロガー。IT系の雑誌編集者、オンラインメディア発行人を経て独立。2009年にPublickeyを開始しました。 Appleは、3月5日付でリリースされたiOS 17.4、iPadOS 17.4、現在ベータ版のmacOS Sonoma 14.4などにバンドルされるWebブラウザ「Safari 17.4」で、日本語の縦書き表示が可能になったこ... 続きを読む

Mac で Safari Web アプリを使う - Apple サポート (日本)

2024/02/25 139 users Mac Apple アプリ Dock サポート

Mac で Safari Web アプリを使うmacOS Sonoma から、Safari で Web ページを Web アプリとして保存できるようになりました。Web アプリは、Safari とは切り離して使うことができます。Web アプリは、通常のアプリさながらに使い勝手がよく、Dock から簡単にアクセスできます。 Web アプリと Web ページの違い Web ページ... 続きを読む

input type=“date” の沼から、ライブラリを導入する意義を考える - Mirrativ Tech Blog

2024/02/20 31 users Date Issue ライブラリミラティブ意義

はじめまして！2023年7月からミラティブでフロントエンドインターンをしております、かずえもんと申します😺 今回は、インターンでの作業中にハマってしまった Safari のバグについて調査していたら、なんと10年モノの issue だったことが判明し、ライブラリを導入する意義について考える機会となった話を書いてみたいと... 続きを読む

ウェブブラウザの相互運用性を改善する「Interop」プロジェクトとはどんなものなのか？

2024/02/04 18 users Interop ウェブブラウザ Firefox 規格ブラウザ

ウェブサイトを閲覧する際に使用するブラウザには、Google Chrome以外にもFirefoxやSafariなどが存在しています。「どのブラウザで見てもサイトが同じように表示される」ようにするため、ウェブサイトの規格であるウェブ標準が策定されていますが、さらに互換性を向上させるために発足したのが「Interop」プロジェクトで... 続きを読む

Apple によるブラウザエンジン規制の緩和 | blog.jxck.io

2024/01/28 201 users INTRO jxck.io iOS Newsroom 緩和

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-europ... 続きを読む

AppleがついにChromeとFirefoxのフルバージョンをiPhone上で動かすことを許可

2024/01/26 34 users Firefox Chrome iPhone上 Apple 許可

AppleがiOS 17.4でWebkit以外のブラウザエンジンを許可し、ChromeやFirefox、OperaなどSafari以外のブラウザを完全に動作させることを可能にしたことが明らかになりました。これはEUのデジタル市場法(DMA)施行を受けての対応で、EU圏のユーザーにのみ適用されます。 Apple announces changes to iOS, Safari, and the Ap... 続きを読む

Apple announces changes to iOS, Safari, and the App Store in the European Union

2024/01/25 13 users iOS UNION For Developers

For developers, the changes include new options for app distribution and payment processing For users, the changes include new controls and disclosures, and expanded protections to reduce privacy and security risks the DMA creates CUPERTINO, CALIFORNIA Apple today announced changes to iOS, Safari... 続きを読む

朗報！これでCSSネストの記述方法がより簡単になります

2023/11/22 16 users CSSネスト朗報 Relax 構文記述方法

2023年、CSSにもたくさんの新機能がブラウザに実装されました。そのうちの一つがCSSネストで、現在ではChrome, Edge, Safari, Firefoxの主要ブラウザにサポートされています。来週リリース予定のChrome 120で、CSSネストがより分かりやすい構文もサポートされ、記述方法が簡単になるので紹介します。 CSS nesting relax... 続きを読む

Macでウェブサイトをアプリ化。いつも使うサイトをDockに追加しよう | ライフハッカー・ジャパン

2023/11/15 14 users Dock Mac ポータルサイトウェブサイト Mac専用

今やたくさんのことをウェブサイト上でやっているため、Mac専用のアプリを探すのは大変です。わかりにくいウェブサイトや、カスタマイズされたポータルサイトをよく使う人は、専用のアプリが欲しいと思っているかもしれません。Safariと同じかそれ以上に使いやすく、通知を出してくれて、Dockにも格納でき、使うのにノ... 続きを読む

地味だけど嬉しい新機能！フォームのセレクトボックスで区切り線にhrを使用できるようになりました

2023/11/14 46 users セレクトボックス Chorme ＨＲ Edge 各ポ

先日リリースされたChrome 119に地味だけど嬉しい新機能が実装されていたので、紹介します。フォームのセレクトボックスで区切り線にhrを使用できるようになりました。すでにSafariでもサポートされており、これでChorme, Edgeでも使用できます。 Select element: now with horizontal rules by Una Kravets 下記は各ポ... 続きを読む

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

2023/11/06 22 users ウェブブラウザ Operating System 規制中身

AppleがEUのデジタル市場法による規制を逃れるために、「SafariのiOS版・iPadOS版・macOS版は、名前が同じだけで中身は異なるウェブブラウザであり、使用目的も違う」と主張したことが明らかとなりました。 CASES DMA.100013 Apple – online intermediation services – app stores, DMA.100025 Apple – operating system... 続きを読む

たった一行のCSSで複数カードの水平グリッドを簡単に揃えられる！ CSSのサブグリッド（subgrid）の基礎知識と使い方

2023/10/12 138 users subgrid CSS Firefox 一行見出し

CSSのサブグリッド（subgrid）がChrome 117でサポートされ、Safari, Firefoxではすでにサポートされていたので、これで主要ブラウザのすべてで利用できるようになりました。先日の記事でもお伝えしたように、subgridを使用するとカード内の見出しやテキストの水平グリッドを簡単に揃えることができます CSSのサブグリッ... 続きを読む

CSSのsubgridがすべてのブラウザにサポートされたので、カード内の見出しやテキストを簡単に揃えることができます

2023/10/04 19 users subgrid CSS 見出しテキストブラウザ

先日の記事（Chrome 117でサポートされたCSSの6つの新しい機能とプロパティ）で触れましたがCCSS Gridのsubgrid値が、grid-template-columnsとgrid-template-rowsの2つで設定できるようになりました。Safari, Firefoxではすでにサポートされていたので、これで主要ブラウザのすべてで利用できます。 CSSのサブグリッド（... 続きを読む

ウェブアクセシビリティ検証ツール「Stark」 | Accessible & Usable

2023/09/22 14 users Accessible Stark figma Sketch

公開日 : 2023年9月22日カテゴリー : アクセシビリティ「Stark」というウェブアクセシビリティ検証ツールがあります。各種ブラウザ (Chrome、Firefox、Safari、Edge) の拡張機能として、あるいは各種デザインツール (Figma、Sketch、Adobe XD) のプラグインとして、色覚シミュレーションや色のコントラスト比のチェッ... 続きを読む

これでSafariにも実装できる！スクロールをトリガーにしたアニメーションのポリフィル -Scroll-timeline Polyfill

2023/09/05 13 users ポリフィルトリガースクロールアニメーション CSS

先日の記事で、CSSでの実装が大きく変わる！ Scroll-driven Animations スクロールをトリガーにしたアニメーションを実装する方法を紹介しました。Chrome 115から実装された新機能ですが、ネックはSafariのサポートだと思います。 Scroll-driven Animationsの仕様で定義されているScrollTimelineとViewTimelineのポリフ... 続きを読む

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

2023/05/08 122 users iPhone iOS IPA StackBlitz iPad

Webブラウザ上でNode.js環境を実現する「WebContainer」、iOS/iPadOS版Safariに対応。iPhone/iPadでWeb開発環境が起動 WebAssemblyを用いてWebブラウザ上でNode.js環境を実現する「WebContainer」などを提供するStackBlitzは、WebContainerがiOS/iPadOS 16.4以降のSafariに対応したことを明らかにしました。 iPhoneやiPa... 続きを読む

WebGPUがついに利用可能に - WebGL以上の高速な描画と、計算処理への可能性 - ICS MEDIA - ICS MEDIA

2023/05/02 182 users WebGPU 描画プラグデフォルト ICS MEDIA

2023年5月にリリースされたGoogle Chrome 113で、次世代WebグラフィックスのJavaScript APIであるWebGPU（ウェブジーピーユー）がデフォルトで利用できるようになりました。ICS MEDIAでは2018年にWebGPUについて紹介していましたが、当時はSafariで開発者向けのフラグを有効にした場合にのみお試しできる実験的機能でし... 続きを読む

Apple、「iOS 16.4.1」配信　「悪用された可能性がある」脆弱性にも対処

2023/04/07 11 users Apple 脆弱性対処配信 iPhone

米Appleは4月7日（現地時間）、iOS、iPadOS、MacOS、Safariの更新配信を開始した。本稿ではiPhoneの「iOS 16.4.1」のバグ修正とセキュリティ修正について紹介する。バグ修正は以下の2点。数日前に「天気」アプリの不具合が話題になったが、それについての修正はない。おそらくサーバ側の修正で解決したものとみられる。... 続きを読む

Web版「Twitter」の押し付けUIをカスタマイズして快適にする方法／「Chrome」、「Edge」、「Firefox」、「Safari」に対応する拡張機能で解決【レビュー】

2023/04/07 26 users Twitter Edge Firefox Chrome 解決

SafariもWebAssemblyのガベージコレクション機能の実装に着手。Technology Preview 167で明らかに

2023/04/06 11 users WebAssembly ガベージコレクション機能着手実装

SafariもWebAssemblyのガベージコレクション機能の実装に着手。Technology Preview 167で明らかに Apple製品の標準的なWebブラウザとして使われているSafariで、WebAssemblyのガベージコレクション機能（WebAssembly GC）の実装に着手されたことが明らかになりました。 Safari Technology Preview 167 is now available ... 続きを読む

Media Queryでminやmaxはもう使いたくない。全ブラウザ対応した範囲記法が直感的で便利

2023/03/28 100 users ＭＡＸ min CSS Media Query 筆者

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

CSSの三角関数（sin(), cos(), tan()）の基礎知識と基本的な使い方を解説

2023/03/23 146 users cos tan Sin CSS 三角関数

CSSで数式を使用するときには、今まではcalc()関数をはじめ、min(), max(), clamp()などの関数でしたが、ついに三角関数もChrome, Edge, Safari, Firefoxのすべてにサポートされました。 CSSの三角関数、sin(), cos, tan(), asin(), acos(), atan(), atan2()の基礎知識と基本的な使い方を紹介します。 Trigonometric fun... 続きを読む

Firefox 111、Webアプリからローカルファイルにアクセスできる「Origin Private File System」が正式機能に。これでChrome、Safari、Firefoxが対応

2023/03/19 10 users アプリケーション主要ブラウザ ChromeとSafari

3月14日にリリースされたFirefox 111の新機能として、Webブラウザ上のアプリケーションからローカルファイルにアクセスできる「Origin Private File System」が正式に搭載されたことが明らかになりました。すでにChromeとSafariではOrigin Private File System機能が搭載されているため、これで主要ブラウザでこの機能... 続きを読む

CSSの三角関数を理解しよう！ sin()とcos()でできる表現 - ICS MEDIA

2023/02/02 100 users Firefox cos Sin ブラウザ CSS

2023年3月にリリースされるChrome 111ではCSSの三角関数がサポートされます。FirefoxやSafariではすでにサポートされている機能のため、2023年3月からは主要なブラウザでCSSの三角関数が使えるようになります。とはいえ、「CSSで三角関数をどうやって使えばいいの？」「そもそも三角関数で何ができるの？」という方も多... 続きを読む