並び順

ブックマーク数

期間指定

  • から
  • まで

441 - 480 件 / 1604件

新着順 人気順

WebKitの検索結果441 - 480 件 / 1604件

  • Preventing Tracking Prevention Tracking

    This blog post covers enhancements to Intelligent Tracking Prevention (ITP) included in Safari on iOS and iPadOS 13.3, Safari 13.0.4 on macOS Catalina, Mojave, and High Sierra. Tracking Prevention as a Tracking Vector Any kind of tracking prevention or content blocking that treats web content differently based on its origin or URL risks being abused itself for tracking purposes if the set of origi

      Preventing Tracking Prevention Tracking
    • ついにSafariでもWasmGCが利用可能に、Safari Technology Preview 202で実装。主要ブラウザでのWasmGCサポートが揃うことに

      Appleが8月24日付けでリリースした「Safari Technology Preview 202」で、WebAssembly Garbage Collection(WasmGC)が実装されることが明らかになりました。 Safari Technology Previewの内容は数カ月から半年程度で正式版Safariのバージョンアップに反映されることが多いため、早ければ2024年末から年明けくらいには正式版のSafariのデフォルトの機能としてWasmGCが利用できるようになることが期待されます。 すでにChrome、Microsoft Edge、FirefoxはWasmGCをサポートしており、SafariがWasmGCをサポートすることで、主要なWebブラウザのWasmGCが出揃うことになります。 参考:Firefox 120登場、WebAssemblyガベージコレクション(WasmGC

        ついにSafariでもWasmGCが利用可能に、Safari Technology Preview 202で実装。主要ブラウザでのWasmGCサポートが揃うことに
      • 「Safari 15」にWeb履歴やGoogleアカウント情報がリークする可能性のあるバグ 修正はまだ

        ネットの不正検出APIを提供する米FingerprintJSは1月15日(現地時間)、米AppleのWebブラウザ「Safari 15」に、任意のWebサイトでユーザーのアクティビティを追跡し、Googleアカウントを識別するためのIDを確認できてしまうバグがあると発表した。バグ管理システム「WebKit Bugzilla」に2021年11月28日に報告した。 同社は17日に公式ブログを更新し、Appleが16日にBugzillaでこの問題を解決済みとしたが、Safariのアップデートが公開されるまではユーザーにとっての危険は解消されないと警告した。 FingerprintJSは、アップデートが公開されるまで、macOSユーザーは別のWebブラウザを使うことを勧めている。iOSおよびiPadOSの場合は、AppleがサードパーティにもWebブラウザでWebKitを使うことを要求しているため

          「Safari 15」にWeb履歴やGoogleアカウント情報がリークする可能性のあるバグ 修正はまだ
        • 2021-10-27のJS: Yarn 3.1、Node.js 16.13.0(LTS)、Next.js 12

          JSer.info #563 - Yarn 3.1がリリースされました。 Yarn 3.1 🎃👻 Corepack, ESM, pnpm, Optional Packages ... - DEV Community 👩‍💻👨‍💻 berry/CHANGELOG.md at master · yarnpkg/berry yarn init -2でNode v16.9.0からサポートされたCorepackのpackageManagerフィールドに対応しています。 また、PnPでのEMSサポート、新しいインストールモードとしてnodeLinker: pnpmのサポートしています。 また、optionalDependenciesで指定したアーキテクチャだけをダウンロードするsupportedArchitecturesの設定を追加しています。いままでのYarnはoptionalDepen

            2021-10-27のJS: Yarn 3.1、Node.js 16.13.0(LTS)、Next.js 12
          • Webサイトのログイン時に、SMSで送信されるワンタイムパスワードをSMSから直接Webへ送る「One-Time Codes over SMS (OTP SMS)」をAppleとGoogleが提案中。

            Webサイトのログイン時に、SMSで送信されるワンタイムパスワードをSMSから直接Webへ入力する「One-Time Codes over SMS」をAppleとGoogleが提案しています。詳細は以下から。 WebKitチームのRicky Mondelloさんらは現地時間2020年01月30日、ユーザーがWebサイトへログインする際、Webサイト側からユーザー/スマートフォンを確認するたにSMSで送られてくる2段階認証用のワンタイムパスワード(OTP)を、ユーザー自身がSMSを開いてOTPをコピーし、Webサイトのログインページでペーストするという一連の操作を無くすため「One-Time Codes over SMS (以下、OTP SMS)」というプロポーザルを公開しています。 We’ve published an explainer about an idea to harden S

              Webサイトのログイン時に、SMSで送信されるワンタイムパスワードをSMSから直接Webへ送る「One-Time Codes over SMS (OTP SMS)」をAppleとGoogleが提案中。
            • Apple、iOS15.4にWebベースアプリのプッシュ通知機能を搭載へ - こぼねみ

              Appleが先日リリースしたiOS 15.4とiPadOS 15.4 Beta1で、Webベースアプリからのプッシュ通知機能に取り組んでいることが判明しています。 このベータ版で、AppleはSafariの「Experimental Features」に「Push API」という項目を追加していいることを開発者のMaximiliano Firtman氏が発見しています。 ただし、この設定自体は存在するものの、API自体はまだ有効になっておらず、AppleはSafariにWebベースの通知を表示する許可をユーザーに求めるUIプロンプトを現時点では実装していないようです。 iOS 15.4ウェブベースの通知が一般的なmacOSとは異なり、iOSではAppleのApp Storeを通じてダウンロードされたアプリのみが通知を送信することができます。iOS 15.4で「Push API」が搭載された

                Apple、iOS15.4にWebベースアプリのプッシュ通知機能を搭載へ - こぼねみ
              • 【CSS】transformを使って、要素を立体的に傾けてみる - Little Strange Software

                どうも!LSSです!! 以前にもtransformプロパティを試してみた事はありましたが、 「最低限、何が必要なのか」 イマイチ掴めていないところがあったので、色々実験してみました。 rotateYのサンプル コード 最低限、必要なのは divをspanにしても、うまくいかなくなる divとspanの違いは、ブロック要素かインライン要素 では、インラインブロック要素では? 再度、widthを削除してみます 角度指定を正の値にしてみる transform-origin:0% 50% 0px; ちょっとだけrotateX 応用~他の装飾をした要素に併せて指定できます まとめ rotateYのサンプル 立体的に傾く コード <div style=" transform: perspective(100px) rotateY(-12deg); width: 300px; border: 1px s

                  【CSS】transformを使って、要素を立体的に傾けてみる - Little Strange Software
                • PWA asset generator - PWA用のアイコン/スプラッシュスクリーン用画像を一気に生成 MOONGIFT

                  PWA(Progressive Web Apps)は今後のWebを担う大事な技術になっています。多数ある技術を合わせたものなので、すべてを実装するのは難しいですが、逆に一部からでもはじめられるのがメリットです。 そんなPWAでアプリとしてインストールする機能に注目が集まっていますが、面倒なのが多数のアイコンを作成しなければならない作業です。そこで使ってみたいのがPWA asset generatorです。 PWA asset generatorの使い方 PWA asset generatorを実行します。画像やSVGファイルを指定するだけです。 $ pwa-asset-generator new-org-logo.png 16:24:49 getSplashScreenMetaData Initialising puppeteer to load latest splash screen

                    PWA asset generator - PWA用のアイコン/スプラッシュスクリーン用画像を一気に生成 MOONGIFT
                  • Useful DevTools Tips and Tricks — Smashing Magazine

                    You might think you know all the tricks when it comes to browser DevTools, but did you know that there are dozens of panels and hundreds of features waiting to supercharge your debugging workflow? Whatever your debugging use case is, there’s probably a tool that’s right for the job. Let’s discover the most popular DevTools tips that can boost your productivity. When it comes to browser DevTools, w

                      Useful DevTools Tips and Tricks — Smashing Magazine
                    • Google が提唱する「Privacy Sandbox」について | TECHSCORE BLOG | TECHSCORE BLOG

                      これは TECHSCORE Advent Calendar の13日目の記事です。 Privacy Sandbox は Google が提唱する 広告についての技術的な取り組みです。Google の Chrome ブラウザの開発チームのブログで以下のように書かれています。 Chromium Blog - Potential uses for the Privacy Sandbox we outlined our vision for an initiative aimed at evolving the web with architecture that advances privacy, while continuing to support a free and open ecosystem. プライバシーを向上させながら自由でオープンな (広告の) エコシステムを引き続きサポートす

                      • 任意の要素に対してブラウザデフォルトのフォーカスリングを適用する方法

                        任意の要素に対して、ブラウザデフォルトのフォーカスリングが描画されるように明示的に設定したいことがある。たとえばスタイリングの都合により、一度取り除いたフォーカスリングをふたたび適用したいとき。 フォーカスリングのスタイルは、ブラウザの種別や状況によってまちまちであるため、CSSでそれらしいものをエミュレートするのが難しい。そのため、同じものを呼び出せるような特別なやり方を採用できると望ましい。 一つの方法として、outline: revertを適用すればデフォルトの挙動を復元できる。 * { outline: 0; } button { outline: revert; } しかし場合によっては、通常はフォーカスリングが描画されない要素に対して、ブラウザのデフォルトと同じフォーカスリングが描画されるようにしたい、ということもあるだろう。この場合、outline: revertではフォーカ

                          任意の要素に対してブラウザデフォルトのフォーカスリングを適用する方法
                        • 「iOS 16.3.1」「iPadOS 16.3.1」が公開 ~WebKitにゼロデイ脆弱性、早期のアップデートを/iCloud設定が応答しない問題も修正

                            「iOS 16.3.1」「iPadOS 16.3.1」が公開 ~WebKitにゼロデイ脆弱性、早期のアップデートを/iCloud設定が応答しない問題も修正
                          • Try out CSS Nesting today

                            Back in December, we wrote an article detailing three different options for CSS Nesting. In it, we explained the differences between Option 3, Option 4 and Option 5, demonstrating how each would work through a series of examples. Then we asked a simple question: “Which option is best for the future of CSS?” Web developers responded to the poll with great clarity. Option 3 won in a landslide. And s

                            • 「Google Chrome 106」安定版リリース、CJKフォントセット向けの単位が追加

                              ウェブブラウザ「Google Chrome」の最新安定版であるバージョン106.0.5249.62(Windows版、macOS版/Linux版は106.0.5249.61)がリリースされました。CJKフォントセットに特化した単位が追加される他、数値フォーマットを便利に指定できる機能が拡充されたり、ポップアップ画面をより簡単に実装できる仕組みがオリジントライアル入りしたりと、よりウェブ開発を快適に行える機能が追加されています。 New in Chrome 106 - Chrome Developers https://developer.chrome.com/blog/new-in-chrome-106/ New in Chrome 106: Intl API Improvements, Pop-Up API, CSS Improvements, and more! - YouTube ◆

                                「Google Chrome 106」安定版リリース、CJKフォントセット向けの単位が追加
                              • 2023-02-20のJS: Sandpack 2.0、Safari 16.4 Beta、Reactドキュメンタリー

                                JSer.info #632 - ブラウザ上でコード編集とプレビューができるSandpack 2.0がリリースされました。 Announcing Sandpack 2.0 and a Node.js runtime for any browser Sandpack 2.0では、Node.jsのコードをブラウザ上で実行できるNodeboxという機能が追加されています。 先週、APIとして利用できるようになったWebContainersと仕組みは似ています。 WebContainer API is here. Sandpackでは、厳密なNode.jsのエミュレートよりも、Node.jsで書かれたツールやアプリケーションの実行を目的としています。 また、SharedArrayBufferなどcross origin isolationな環境でしか使えないAPIを避けることで、色々な場所で動作す

                                  2023-02-20のJS: Sandpack 2.0、Safari 16.4 Beta、Reactドキュメンタリー
                                • HTML and CSS techniques to reduce your JavaScript

                                  Anthony Ricaud (@anthony_ricaud) is a web engineer helping teams ship efficient products at a sustainable pace. With a broad understanding of web protocols and browsers, he likes to design simple but fast web architectures. Longer page load times Page is unusable until the JavaScript loads and if it does so without any errors Usability, reactivity and accessibility can be lacking without a team wi

                                    HTML and CSS techniques to reduce your JavaScript
                                  • 「iOS 17.4」ではEU圏内のiPhoneユーザーはPWA (プログレッシブウェブアプリ) が利用出来なくなるかも | 気になる、記になる…

                                    「iOS 17.4」ではEU圏内のiPhoneユーザーはPWA (プログレッシブウェブアプリ) が利用出来なくなるかも 2024 2/10 Appleが3月初旬にリリース予定の「iOS 17.4」では欧州連合(EU)の「デジタル市場法(DMA)」に対処する為、EU圏内のユーザー向けに様々な変更が行われる予定ですが、良い話ばかりではなく、悪い話もあり、EU圏内のユーザーは「iOS 17.4」ではPWA(プログレッシブウェブアプリ)のサポートが削除されることが分かりました。 これは「iOS 17.4」のベータ版をインストールしたユーザーから報告され分かったもので、「iOS 17.4」のベータ版ではEU圏内のユーザー向けにPWA(プログレッシブウェブアプリ)のサポートが削除されています。 「iOS」ではリリース当初からWebサイトをホーム画面に追加し、Webアプリとして利用出来るようになっている

                                      「iOS 17.4」ではEU圏内のiPhoneユーザーはPWA (プログレッシブウェブアプリ) が利用出来なくなるかも | 気になる、記になる…
                                    • Safari 14では裏技を使って規制をくぐり抜けていたサードパーティーCookieが対策される

                                      2020年3月24日のアップデート以降、Appleのウェブブラウザ「Safari」はデフォルトでサードパーティーCookieをブロックするようになり、広告業者などが幅広いサイトに渡ってユーザーを追跡することを防止していました。これに対応して、広告業者側は「CNAMEクローキング」や「バウンストラッキング」という手法を用いて規制を回避していましたが、Safari 14のアップデートでこれらの抜け道をなくすと開発ブログで発表されました。 CNAME Cloaking and Bounce Tracking Defense | WebKit https://webkit.org/blog/11338/cname-cloaking-and-bounce-tracking-defense/ CNAMEはDNSのレコードの種類の一つで、接続先のドメインを維持しつつ別のドメイン名へアクセスを転送する設定

                                        Safari 14では裏技を使って規制をくぐり抜けていたサードパーティーCookieが対策される
                                      • Announcing Playwright for Python: Reliable end-to-end testing for the web - Python

                                        Announcing Playwright for Python: Reliable end-to-end testing for the web Automated end-to-end tests are a powerful tool for your team to ship faster and with more confidence. End-to-end tests automate UI interactions and can validate the functionality of your applications. To this end, we are announcing Playwright for Python in preview today. Playwright enables developers and testers to write rel

                                          Announcing Playwright for Python: Reliable end-to-end testing for the web - Python
                                        • Apple、10年前にリリースされたiPhone5sの修正パッチを公開 - iPhone Mania

                                          Appleは、2013年9月発売のiPhone5sでダウンロード可能なiOS12.5.7をリリースしました。同OSバージョンには、重要なセキュリティ上の脆弱性に対する修正パッチが含まれています。 iPhone5sはまだビンテージ製品 Appleは、販売店への供給を停止した日から5年以上7年未満の製品をビンテージ製品として規定していますが、今回修正パッチが公開されたiPhone5sもこの製品カテゴリに当てはまります。なお、Appleが販売店への供給を停止した日から7年以上が経過した製品は、オブソリート製品とみなされます。 iOS12.5.7の修正内容について、Appleは専用ページで次のように記載しています。 WebKit 対象となるデバイス:iPhone5s、iPhone6、iPhone6 Plus、iPad Air、iPad mini 2、iPad mini 3、iPod touch(第

                                            Apple、10年前にリリースされたiPhone5sの修正パッチを公開 - iPhone Mania
                                          • 週刊Railsウォッチ(20191008後編)Ruby 2.7のInteger#[]でバイナリチェック、rubyzip gemは強力、13KBのJavaScriptゲームほか|TechRacho by BPS株式会社

                                            2019.10.08 週刊Railsウォッチ(20191008後編)Ruby 2.7のInteger#[]でバイナリチェック、rubyzip gemは強力、13KBのJavaScriptゲームほか こんにちは、hachi8833です。今夜のノーベル賞は物理学賞ですね。 各記事冒頭には⚓でパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを(鍋のように)社内有志でつっついたときの会話の再構成です👄 毎月第一木曜日に「公開つっつき会」を開催しています: お気軽にご応募ください 今回も第15回公開つっつき会を元にお送りします。 ⚓Ruby ⚓Ruby 2.7でInteger#[]にrangeを扱う機能が追加(Ruby Weeklyより) 訂正(2019/10/09): 見出しに「にrangeを扱う機能」を追加しました

                                              週刊Railsウォッチ(20191008後編)Ruby 2.7のInteger#[]でバイナリチェック、rubyzip gemは強力、13KBのJavaScriptゲームほか|TechRacho by BPS株式会社
                                            • WebKit Features in Safari 16.0

                                              Today, we are excited to announce the release of Safari 16.0 for iOS 16, macOS Monterey and macOS Big Sur. This release contains quite a few new web technologies that web developers can use to make their sites and web apps even better. To update to Safari 16.0 on macOS Monterey and macOS Big Sur, go to System Preferences → Software Update → More info. To update to Safari 16.0 on iOS, install iOS 1

                                                WebKit Features in Safari 16.0
                                              • はみ出たtableを横スクロールで滑らかに表示するCSS - Qiita

                                                table { display: block; overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch; } 2行目: 隠れた部分をx方向(=横)にスクロールして表示する 3行目: 自動で改行しない(←必要であれば) 4行目: スマホで滑らかにスクールする ただ、セルの幅が効かない <table></table>に上記CSSを一括で当てると、予期せぬレイアウト崩れが起きる。 スクロールが必要ないテーブルの場合、セルは中身の幅にフィットした横幅までしか広がらないので、右側に空白が生まれてしまう・・・ 解決策その1:tableをdivで囲む スクロールが必要なテーブルだけに、CSSが当たるようにする。 .scroll-table table { display: block; overflow-x:

                                                  はみ出たtableを横スクロールで滑らかに表示するCSS - Qiita
                                                • 2023-05-26のJS: wrangler v3.0.0、playwright v1.34.0、TypeScript 5.2の予定(変換プラグイン)

                                                  JSer.info #645 - wrangler 3.0.0リリースされました Improved local development with wrangler and workerd wrangler publishがwrangler deployにリネームされています。 また、wrangler 2.0でMiniflareを同梱していましたが、 3.0ではwrangler devでMiniflareとworkerd runtimeを使ったローカル環境での開発をデフォルトに変更しています。 Release [email protected] · cloudflare/workers-sdk playwright v1.34.0リリースがリリースされました。 Release v1.34.0 · microsoft/playwright Node.js 14のサポート終了、playwrigh

                                                    2023-05-26のJS: wrangler v3.0.0、playwright v1.34.0、TypeScript 5.2の予定(変換プラグイン)
                                                  • 【CSS】傍点 - Little Strange Software

                                                    どうも!LSSです!! 今回はCSS小ネタです。 傍点のサンプル text-emphasis 傍点のサンプル こんな風に、目立たせたい部分の上部に点をつけられます!(dot) こんな風に、目立たせたい部分の上部に点をつけられます!(circle) こんな風に、目立たせたい部分の上部に点をつけられます!(double-circle) こんな風に、目立たせたい部分の上部に点をつけられます!(triangle) こんな風に、目立たせたい部分の上部に点をつけられます!(sesame) こんな風に、目立たせたい部分の上部に点をつけられます!('★') コード <p>こんな風に、<span style="text-emphasis: dot filled black; -webkit-text-emphasis: dot filled black;">目立たせたい部分</span>の上部に点をつけられ

                                                      【CSS】傍点 - Little Strange Software
                                                    • 【CSS】グラデーション文字を作ってみました! - Little Strange Software

                                                      どうも!LSSです!! 結構前に、「CSSでグラデーションする文字」を「下書き供養祭」としてネタにしました。 あの時はまだ「どうしてそうなるのか」イマイチ分からないままだったので「下書き供養」としましたが、ちょっと分かった気がしたので、再度ネタにしてみます! ↓こんなのを作ってみました。 Little Strange Software コード コード解説 文字の基本設定部分 グラデーションを「背景として」 指定する部分 大技!「背景を文字の形に繰り抜く」部分 改変例 コード <span style="font-size: 50px; font-weight: bold; color: lightblue; background-color: blue; background-image: linear-gradient(180deg,transparent 20%,#ffffffe0 60

                                                        【CSS】グラデーション文字を作ってみました! - Little Strange Software
                                                      • WWDC24予言 - cockscomblog?

                                                        今年も書いておく。 AI 今のAppleに最も期待されているトピックであり、Google I/O、Microsoft Buildなどで競合他社が最も力を入れているのがAI。当然WWDC24でも、「AI」という語が飛び交うことになる。 「AI」という語を使い始めたApple Appleは2024年5月のスペシャルイベントでLogic Pro*1とFinal Cut Pro*2のアップデートを発表したが、そこでは機械学習を活用した機能を「AI機能」と宣伝するようになった。これは例えば、Apple Watchのダブルタップジェスチャーでは「機械学習アルゴリズム」と表現していた*3のと比べると、わかりやすい変化である。 とはいえWWDC24では、AIの中でもとりわけLLMを含む生成AIについて発表されるだろう。ここで、Appleのプライバシー重視の姿勢とどう折り合いをつけるかというのが一つの焦点に

                                                          WWDC24予言 - cockscomblog?
                                                        • 単純明快:吹き出しを使って会話形式のブログ作成【はてなブログ】 - 日常と非日常の間

                                                          吹き出しってどうすればできるの? この疑問を解決します。 ブログを日々書く中で、こんな感じ☝で吹き出しを使用して会話形式で記事を書きたいときってありませんか? 私は吹き出しの方法が分からず、ずっと画像で吹き出しを作って貼り付けていました(笑) が・・・ 多くのブロガーさんが吹き出しを使用しているということは、その方法が必ずあるわけなんですよね。 それで調べたところ、はてなブログでも簡単に吹き出しを作成することができたので、その方法を書いていきたいと思います。 作成方法というと難しく聞こえるかもしれませんが、完全なるコピペでできるので、誰でも簡単に作成することが可能です。 単純明快:吹き出しを使って会話形式のブログ作成方法【はてなブログ】 吹き出しを使って会話形式のブログ:作成方法 吹き出しに使用するアイコンの準備・設定 PC版:吹き出し用CSSの設定(コピペで簡単) スマホ版:吹き出し用C

                                                            単純明快:吹き出しを使って会話形式のブログ作成【はてなブログ】 - 日常と非日常の間
                                                          • IT業界を根幹から揺るがした脆弱性「Spectre」「Meltdown」はCPUのパフォーマンスにどんな爪痕を残したのか?

                                                            by laboratorio linux 2018年初頭に明らかになったCPUの脆弱(ぜいじゃく)性である「Spectre」と「Meltdown」は、当時主流だった大半のCPUの設計に根差した深刻な問題だったため、IT業界全体が対応を迫られるなど大きな混乱をもたらしました。この2つの脆弱性がCPUのパフォーマンスに残した影響を、Linux関連のニュースサイトPhoronixが徹底的なベンチマーク測定で浮き彫りにしています。 A Look At The CPU Security Mitigation Costs Three Years After Spectre/Meltdown - Phoronix https://www.phoronix.com/scan.php?page=article&item=3-years-specmelt 3 Years CPU Security Mitiga

                                                              IT業界を根幹から揺るがした脆弱性「Spectre」「Meltdown」はCPUのパフォーマンスにどんな爪痕を残したのか?
                                                            • Chrome just got faster with Profile Guided Optimization

                                                              $200K 1 10th birthday 4 abusive ads 1 abusive notifications 2 accessibility 3 ad blockers 1 ad blocking 2 advanced capabilities 1 android 2 anti abuse 1 anti-deception 1 background periodic sync 1 badging 1 benchmarks 1 beta 83 better ads standards 1 billing 1 birthday 4 blink 2 browser 2 browser interoperability 1 bundles 1 capabilities 6 capable web 1 cds 1 cds18 2 cds2018 1 chrome 35 chrome 81

                                                                Chrome just got faster with Profile Guided Optimization
                                                              • Release Notes for Safari Technology Preview 99

                                                                Safari Technology Preview Release 99 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 253789-254696. Legacy Plug-Ins Removed support for Adobe Flash Web Inspector Elements Enabled the P3 color picker (r253802) Add

                                                                • 2020年のWebアクセシビリティ | gihyo.jp

                                                                  あけましておめでとうございます。株式会社ミツエーリンクスの中村直樹です。昨年まで執筆していた当社黒澤に代わって、2020年のWebアクセシビリティの短期的な予測をしてみます。 Web Content Accessibility Guidelines(WCAG)2.2 WCAG 2.1(原文、参考日本語訳)がW3C勧告(Recommendation)となって1年半が経過しました。WCAG 2.1で新規に追加された達成基準に関する知見がWebアクセシビリティのコミュニティに十分に出揃ってきているのかは個人的には疑問に思うところではあるものの、WCAGを策定しているAG WG(Accessibility Guideline Working Group)では、WCAG 2.1の次となるWCAG 2.2について、策定を進めようとしています。 WCAG 2.2はどのような姿になるのでしょうか。本稿の執

                                                                    2020年のWebアクセシビリティ | gihyo.jp
                                                                  • 【はてなブログカスタマイズ】トップ画面をホームページへ変える方法 - あひるの化粧品と戯れる日記

                                                                    どうも、化粧品開発者のあひるです。 カスタマイズ系の記事がよく読まれますので、カスタマイズ系の記事を書いていきましょうかね。 なんか悲しいな(笑) 今回は、固定ページ活用、その2です! その1は、「【はてなブログ】固定ページ活用方法 プライバシーポリシーとお問い合わせの作り方」という記事で書いています。 何度も言いますが、おそらく誰にでもできます(笑) だって、私にできたんですからね。 トップ画面、ホームページ風に変えたくないですか? はてなブログだと、みんなほぼ同じく、トップ画面は記事一覧ですからね・・・。 少しは自分の色、好みを出してもいいかと思います。 ではでは、どうやってやるのか、ご説明します。 当ブログのホームページ 固定ページをブログのホームページ風へ 固定ページの作り方 サイドバーを消す タイトルと日付も消そう! ホームページのボックスカスタマイズ 固定ページへのリダイレクト

                                                                      【はてなブログカスタマイズ】トップ画面をホームページへ変える方法 - あひるの化粧品と戯れる日記
                                                                    • 「Google Chrome 101」安定版リリース、Web SQLが非推奨化・削除対象へ

                                                                      ウェブブラウザ「Google Chrome」の最新安定版であるバージョン101.0.4951.41がリリースされました。サードパーティーのコンテキストにおいてWeb SQLが非推奨になる他、Web開発に影響するセキュア関連の変更がいくつか加えられています。またDevTools(デベロッパーツール)関連の改良点も数点挙げられています。 Deprecations and removals in Chrome 101 - Chrome Developers https://developer.chrome.com/blog/deps-rems-101/ Chrome 101 - What’s New in DevTools - YouTube ◆サードパーティーのコンテキストにおけるWeb SQLの非推奨化・削除 Web SQLデータベース標準は2009年4月にW3Cが初版を提案しましたが、20

                                                                        「Google Chrome 101」安定版リリース、Web SQLが非推奨化・削除対象へ
                                                                      • Privacy Sandbox in 2021: Testing a more private web

                                                                        $200K 1 10th birthday 4 abusive ads 1 abusive notifications 2 accessibility 3 ad blockers 1 ad blocking 2 advanced capabilities 1 android 2 anti abuse 1 anti-deception 1 background periodic sync 1 badging 1 benchmarks 1 beta 83 better ads standards 1 billing 1 birthday 4 blink 2 browser 2 browser interoperability 1 bundles 1 capabilities 6 capable web 1 cds 1 cds18 2 cds2018 1 chrome 35 chrome 81

                                                                          Privacy Sandbox in 2021: Testing a more private web
                                                                        • AppleがiOS 17.5をリリース、未知のBluetoothトラッカーを検出・警告する機能が登場

                                                                          AppleがiPhone向けのOSであるiOSの最新バージョンとなる「iOS 17.5」の配信を開始しました。データ容量は1.05GBです。同時にiPadOS 17.5もリリースされています。 About the security content of iOS 17.5 and iPadOS 17.5 - Apple Support https://support.apple.com/en-us/HT214101 「設定」アプリで「一般」→「ソフトウェアアップデート」の順にタップし、「今すぐアップデート」をタップすればiOS 17.5へのアップデートが可能です。なお、iOS 17.5のデータサイズは1.05GBです。 なお、AppleはiOS 17.5について「一部の機能は、地域やAppleデバイスによっては使用できない場合があります。」と注意書きしています。今回のアップデート内容としては

                                                                            AppleがiOS 17.5をリリース、未知のBluetoothトラッカーを検出・警告する機能が登場
                                                                          • 2023-07-20のJS: vm2の開発終了、Storybook 7.1、Fresh 1.3

                                                                            JSer.info #652 - Node.jsのnode:vmモジュールはSandbox(信用できないコードの実行環境)としては利用できませんが、vm2はnode:vmをラップしてSandboxを提供するモジュールでした。 今回、vm2の仕組み的に修正できないSandboxに関する脆弱性が発見されたため、メンテナンスを終了することが宣言されています。脆弱性の詳細はまだ公開されていませんが、Sandboxを破ることができる脆弱性で、PoCは8月ごろに公開される予定です。 Discontinued · Issue #533 · patriksimek/vm2 vm2 Sandbox Escape vulnerability · CVE-2023-37466 · GitHub Advisory Database Sandbox機能が欲しい場合は、QuickJSをWebAssemblyにコンパイ

                                                                              2023-07-20のJS: vm2の開発終了、Storybook 7.1、Fresh 1.3
                                                                            • The Large, Small, and Dynamic Viewports

                                                                              There are some changes being made regarding viewport units. The additions — which are part of the CSS Values and Units Level 4 specification — define several viewport sizes: the Large, Small, and Dynamic Viewport. Thanks to these additions we will finally be able to solve that “100vh in Safari on iOS” issue. ~ # The Large, Small, and Dynamic Viewports The CSSWG has defined several extra Viewport S

                                                                                The Large, Small, and Dynamic Viewports
                                                                              • Appleが脆弱性を修正した「iOS・iPadOS 15.7.4」を提供開始!iOS・iPadOS 16非対応のiPhone 6s・7・SEやiPad Air 2・mini 4など向け : S-MAX

                                                                                Appleが脆弱性を修正した「iOS・iPadOS 15.7.4」を提供開始!iOS・iPadOS 16非対応のiPhone 6s・7・SEやiPad Air 2・mini 4など向け 2023年03月28日03:55 posted by memn0ck カテゴリiPhoneiPad list AppleがiPhoneやiPadなど向けiOS 15.7.4とiPadOS 15.7.4をリリース! Appleは27日(現地時間)、iPhoneおよびiPod touch向けプラットフォーム「iOS」とiPad向けプラットフォーム「iPadOS」において前バージョン「iOS 15」や「iPadOS 15」の最新版「iOS 15.7.4(19H321)」および「iPadOS 15.7.4(19H321)」を提供開始したとお知らせしています。 変更点はともに重要なセキュリティーアップデートが含まれて

                                                                                  Appleが脆弱性を修正した「iOS・iPadOS 15.7.4」を提供開始!iOS・iPadOS 16非対応のiPhone 6s・7・SEやiPad Air 2・mini 4など向け : S-MAX
                                                                                • 2022-03-15のJS: React 18 RC、playwright v1.20.0、Safari 15.4の変更点

                                                                                  JSer.info #583 - React 18 RCがリリースされました。 How to Upgrade to the React 18 Release Candidate – React Blog React 18 RCではIEのサポートが終了しています。 ReactDOMのrender APIをDeprecatedとし、createRoot APIの利用が推奨となっています。 SSR APIのrenderToNodeStreamを非推奨化し、SuspenseをサポートしたrenderToPipeableStreamとrenderToReadableStreamが追加されています。 setStateなどのステート更新を自動的にバッジ処理するようにし、React 17の挙動を再現するためのflushSyncAPIが追加されています。 また、ReduxなどのReact外でステート管理する

                                                                                    2022-03-15のJS: React 18 RC、playwright v1.20.0、Safari 15.4の変更点