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
SafariはAppleのデフォルトのブラウザでMac・iPad・iPhoneのすべてで使うことができて同期します。iPadとiPhoneの操作方法はほとんど同じですがiPadはマルチタスクに対応しているためSplit Viewが使える分、機能が豊富です。操作をするのにはどちらもタップ操作が主になりますが長押し操作を使うともっと幅が広がります。今回は長押し操作とiPadでしか使えないジェスチャーについてお話しします。 ツールバー長押し 1.「<」タップして前の画面に戻ります。 ※長押しで今のタブ以前の履歴を表示する。 2.「ブックマーク」タップするとブックマーク・「リーディングリスト」・「履歴」が表示される。 ※長押しするとブックマークとリーディングリストに追加できる。 3.「aA」タップするとリーダー表示・ツールバーを隠す・デスクトップ用Webサイトを表示・Webサイトの設定のメニューが
ブログ記事書いてる場合じゃないくらいやることたくさんあるのに、便利情報はすぐまとめたくなってしまう。 さて、最近、というかいつからかわからないけど、はてなブログのアプリとか、Safariで他の人の記事を見ているとき、「良い記事だ!!!」と興奮していたのに、スターをつけれない、ログインできない問題があった。 ☆+ボタンを押した途端、これですね。 ログインしているのに、ログインしろという文字がでて、仕方ない、またログインするか、と思ってボタンを押すと、バグってまた同じページが読み込まれて振出しに戻る、といった具合だ。あとは、「るくさんでログインしています」と出ているのになぜかログインさせようとしてくる。意味不明だ。 前からこれよく起こるし、Safariとかでもよくなってたので、もう諦めてたんだけど、はてな公式さんのtweetを見つけたことで解決した。 ちなみに現在使用しているスマホはiPhon
[Safari]ではWebページ全体をPDF化も iPadOS 13では、新たにApple Pencilを使ってスクリーンショットを撮影+加工+共有が可能になりました。これによって、気になる情報をすぐに撮影し、書き込みをして[メモ]に貼り付ける、といったことも簡単にできます。 [Safari]でWebページのスクリーンショットを撮影するとき[フルページ]を選択すると、画面に表示中の部分だけでなくWebページ全体を撮影し、PDFファイルとして保存できます。[メール]でも同様にメッセージ全体の撮影が可能です。 Apple Pencilでスクリーンショットを撮影する Apple Pencilでスクリーンショットを撮影するには、画面の左下または右下の枠外から、中央に向けてペンですばやくドラッグします。このとき、ドラッグのスピードが遅いと通常のドラッグになってしまうので注意しましょう。 1Apple
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
Visiteurs depuis le 28/01/2019 : 5921 Connectés : 1 Record de connectés : 8 Aug 15, 2018 - How to set up Reload Frame for Safari (macOS). As Squarespace. First you need to download the extension folder we've put together here, unzip and save it somewhere safe. Click on the advanced tab. Aug 25, 2009 - Just use a bookmarklet(a chunk of JavaScript that you can add to your bookmarks). Here's one that
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
7月28日、Safari Technology Preview 175がリリースされました。 この最新バージョンでは、さまざまな新機能や修正が行われており、ユーザーにとって注目すべき内容が含まれています。 詳細は以下の通りです。 Safari Technology Preview Release 175が、 macOS Sonoma betaとmacOS Ventura向けにダウンロード可能になりました。既にSafari Technology Previewをインストールしている場合は、一般設定(General)→ ソフトウェアアップデート(Software Update)からアップデートすることができます。 WebCodecsとCSS Highlight APIの強化 今回のSafari Technology Preview 175のリリースでは、特にWebCodecsとCSS High
Macでブラウザを使ってページ内を検索する時はショートカットキーの「command+F」を押して調べます。そういえばiPhoneでページ内検索をした事が無かったのですが、便利な機能があったので覚え書きです。ChromとSafariでは別々の方法になります。 ・Chromの場合 ・Safariの場合 GoogleChromeのページ内検索 1.Chromeで検索するページの「・・・」をタップする。 2.メニューの中から「ページ内を検索...」をタップする。 3.検索窓に検索したい語句を入力する。 4.該当語句はオレンジで表示され「∧」「∨」をタップすると候補が切り替わる。 Safariのページ内検索 URL欄から検索 1.URL欄をタップして削除したら検索語句を入力する。 2.表示されたメニューの「このページ」から「...を検索」をタップする。 3.該当語句が黄色で表示され「∧」「∨」をタッ
WWDC 2020の基調講演をきっかけに、「AppleのウェブブラウザであるSafariがバージョン14からGoogleアナリティクスをブロックするようになった」と報じられました。しかし、GoogleアナリティクスとGoogleタグマネージャーのGoogle Developer ExpertであるSimo Ahava氏が「実際はGoogleアナリティクスは完全にブロックされていない」と説明しています。 No - Safari 14 Does Not Block Google Analytics | Simo Ahava's blog https://www.simoahava.com/analytics/no-safari-does-not-block-google-analytics/ きっかけは2020年6月23日に開催されたWWDC 2020の基調講演で語られた、Safari 14に
消えてしまった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
Description In general Web Share API [https://w3c.github.io/web-share/] allows users to share links from the browser via 3rd party applications (e.g. mail and messaging apps). The problem is that file: scheme is allowed and when a website points to such URL unexpected behavior occurs. In case such a link is passed to the navigator.share function an actual file from the user file system is include
iPhoneユーザーの皆さんが普段お使いのブラウザー「Safari」で、フルページスクリーンショットという新機能が使えるようになったことをご存じでしょうか。 フルページとはその言葉の通り、画面全体を記録するというもの。撮影したスクリーンショットのサムネイルが左下に表示されている時に、タップするとスクリーンショットを編集できます。 すると「スクリーン」と「フルページ」の2項目を選択できるので、「フルページ」をタップすることで表示された部分だけでなく、ウェブページ全体をPDFとして保存できます。 ちなみに「スクリーン」を選んだ後に保存すると、表示された部分だけしか保存されません。さらに時刻や電池残量といったアイコンも含めて記録されます。 メッセンジャーやメールなどで相手にウェブページを送る際は、サイトの「URL」と「フルページのスクリーンショット」も添えてあげると丁寧かもしれませんね。 なお、
いままでiPhoneのSafariでGoogle検索するときはGoogleサイトを開いて検索窓に調べたい語句を入力していた・・・ような気がする。ふと気にしてみてみると 今は新規にタブを開いた時のアドレスバーが検索窓になっているではないか。ちゃんと「検索/Webサイトを入力」とも書いてある。OSの進化に付いて行けていない事を反省する。そして それだけでなくその検索窓の右隅にマイクのアイコンまであるではないか。試しにちょっと触ってみると 音声入力がスタンバイする。何か一言いってみると 直ちに検索が始まり自動で検索結果が表示された。 iOS15になってからの機能だそうだ。もちろんiPadOS15でも使えるわけだ。ブラウザのデザインばかり気にしていて細かいけれど有用な機能を見落としていた。Siriも使わずにSafariで音声検索ができて検索も速いときたら これは使わない手はない。 See you
主に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
iPhoneとiPadのデフォルトのブラウザはSafariを使っています。しかしiMacやMacBook AirのブラウザはChromeを使っています。いまはHandoffやAirDrop機能が優れているので殆ど必要が無くなっているのですがSafariのサイトをChromeで閲覧したい時もあります。そんな時にはショートカット.appのギャラリーにある「Chromeで開く」ショートカットを使っています。 「Chromeで開く」ショートカット→Shortcuts 「Chromeで開く」ショートカットの動作は問題なく SafariのサイトをChromeへリンクして正しく表示します。ただ残念なのはChromeの閲覧が済んでSafariに戻りたくても共有機能で経由したショートカット.appに戻ってしまう事です。 そんな時にTwitterアプリのTweetlogixについて紹介された記事の中に「Ope
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
iPadやiPhoneのSafariを画面タッチジェスチャーで操作できる機能拡張SvadilfariにはジェスチャーによってJavaScriptも実行できるアクションが用意されています。これを使って本来はSafariの共有シートから実行するショートカットをSvadilfari独自のジェスチャーを設定して実行しました。Safariで任意のSvadilfariジェスチャーを実行するとショートカットで「あとで読む」サービスに保存されます。 Svadilfari Kashiwa Shun仕事効率化無料 ジェスチャーにJavaScriptの実行を設定する 1.ショートカット.appのギャラリーで あとで読むから「Instapaperに追加」ショートカットをインストールしておく 2.Svadilfariショートカットをインストールする 3.Svadilfari.appのジェスチャーでJavaScrip
ザ・リッツ・カールトン東京のリッツキッズ、ナイトサファリで子供たちも冒険家!RITZ KIDS® NIGHT SAFARIの詳細とは? こんにちは!sasasanです。 今回大型連休で東京でも屈指の高級ホテルである「ザ・リッツ・カールトン東京」に遊びに行ってきました。 高級ホテルと聞くとちょっと緊張する!とか、子連れだと楽しめないかもって思う人も多いです。 ザ・リッツ・カールトン東京もそのように思う人も多いと思いますが、実は大人も子供もすごい楽しめる最高のホスピタリティを持ったホテルなんですよね!! その中でも間違いなく子供たちが大満足するのが、「リッツキッズナイトサファリ」です! 子供たちが喜ぶプログラムが盛り沢山になっているんですよ。 本日は魅力的なプログラム「リッツキッズナイトサファリ」を紹介していきたいと思います。 リッツキッズナイトサファリとは? リッツキッズナイトサファリとは、
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
overflow: clipの概要 overflow: clipはChrome・Edgeでは90から[1]、Safariでは16.0から[2]フルサポートされた比較的新しい値です。 "overflow: clip" | Can I use overflow: clipの特徴には ① コンテンツを要素のパディングボックスに合わせて切り取る ② プログラム的なスクロールも含め、全てのスクロールを禁止する ③ overflow-xまたはoverflow-yを使用して1つの軸にクリッピングを適用することができる があります。[3][4] ①はoverflow: hiddenと同じですが、②、③の特徴はhiddenとは異なり、このことによってhiddenではできなかったことを簡単にできるようになりました。 本記事では、clipによってでできるようになったこと2つを紹介します。 1. position
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
JSer.info #538 - Babel 7.14.0がリリースされています。 7.14.0 Released: New class features enabled by default, TypeScript 4.3, and better CommonJS interop · Babel Release v7.14.0 · babel/babel 2021-04のTC39ミーティングでStage 4となったclass fields/private methodsなどを@babel/preset-envがデフォルトでサポートするようになりました。 そのため、@babel/plugin-proposal-class-propertiesと@babel/plugin-proposal-private-methodsを個別のプラグインとして入れる必要はなくなっています。 また、Node.
iPhoneのSafariのアドレスバーの位置が変わり画面の下にタブバーとなった。知らずにいたがiPadやMacもコンパクトタブという仕様ができているようだ。MacのSafariはバージョンが確認しやすいがiPhoneやiPadにはどこにも表記がない。 iPhoneのSafariのバージョン iPhoneのSafariの調べ方はいろいろありそうでマニアックな方法としてはSafariのブックマークを使う方法があるようだ。 1.どこのサイトでも構わないのでブックマークをする。 2.一旦ブックマークとして保存したら新たにブックマークの編集ボタンを押す。 3.さっきブックマークしたサイトをタップしてアドレスを削除して javascript:(function()%7Balert(navigator.userAgent);%7D)() に入れ替えて開く。 するとこんな記載が現れる。このSafari/
AppleがiPhoneやiPadなど向け最新プラットフォーム「iOS 13.3」および「iPadOS 13.3」を提供開始!ペアレンタルに新機能追加やSafariのFIDO2セキュリティーキーサポートなど 2019年12月11日04:55 posted by memn0ck カテゴリiPhoneニュース・解説・コラム list AppleがiPhoneなど向けiOS 13.3とiPadOS 13.3をリリース! Appleは10日(現地時間)、iPhoneおよびiPod touch向けプラットフォーム「iOS」とiPad向けプラットフォーム「iPadOS」の最新バージョン「iOS 13.3(17C54)」および「iPadOS 13.3(17C54)」を提供開始したとお知らせしています。 変更点は子どもが通話やFaceTime、メッセージできる相手を管理できるほか、親・保護者が子どもの連絡
iPhoneやiPadのSpotlight検索はデバイス内のファイルやメールそしてアプリなどすべてを検索できます。Spotlight検索は既定のブラウザを使うのでデフォルトではSafariの検索を行うことになります。このSafariの検索エンジンをカスタム化して必要な時に必要な検索エンジンを使って高速検索を可能にするのがxSearchです。xSearchはSafariの機能拡張ですがSpotlightと組み合わせて使うことにより検索の省力と高速化が実現できます。 xSearch for Safari Lei Wang仕事効率化¥250 xSearchの使い方 1.xSearchをインストールしたら設定のSafariで機能拡張にあるxSearchをONにします 2.xSearch.appを開いて検索エンジンの登録をします xSearchのギャラリーにサンプルエンジンがあるので選んで「エンジン
JSer.info #493 - ECMAScript 2020がEcma internationalの119th General Assemblyで承認され、正式にリリースされました。 Ecma latest news Release ES2020 · tc39/ecma262 proposals/finished-proposals.md at master · tc39/proposals ECMAScript 2020では次のような変更が含まれています。 for-in mechanics - for...inやObject.keysの順番が仕様で定義された export * as ns from "mod" - 構文の追加 String.prototype.matchAll - マッチしたすべての文字列をイテレータで返す globalThis - ブラウザのwindow、Node.
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く