並び順

ブックマーク数

期間指定

  • から
  • まで

321 - 360 件 / 1663件

新着順 人気順

WebKitの検索結果321 - 360 件 / 1663件

  • WebKit Features in Safari 17.4

    Just like Safari 15.4 and Safari 16.4, this March’s release of Safari 17.4 is a significant one for web developers. We’re proud to announce another 46 features and 146 bug fixes. You can experience Safari 17.4 on iOS 17.4, iPadOS 17.4, macOS Sonoma 14.4, macOS Ventura, macOS Monterey, and in visionOS 1.1. Architectural improvements It’s always exciting to ship new features that you can use while b

      WebKit Features in Safari 17.4
    • TSKaigi 2024 Prettierの未来を考える スピーカーノート

      TSKaigi 2024 で話した「Prettier の未来を考える」という発表のスピーカーノートです。スライドは こんにちは、今日は「Prettierの未来を考える」というタイトルでお話させていただきたいと思います。 鈴木 颯介と言います。ユビー株式会社でプロダクト開発エンジニアとして働きながら、筑波大学でパソコンの勉強をしています。オープンソースソフトウェアが好きで、今日お話するPrettierのメンテナーをしたり、トランスパイラのBabelのコミッターをしたりしています。最近はWebKitのJSエンジンにたくさんパッチを投げたりしています。 私が働いているユビーは、TSKaigiのGold Sponsorをさせてもらっています。ブースがあります。ユビーのグッズの他に、Prettierのステッカーも配布しておりますので、興味がある方はぜひお立ち寄りください。 まず、Prettierにつ

        TSKaigi 2024 Prettierの未来を考える スピーカーノート
      • The origin private file system  |  Articles  |  web.dev

        The origin private file system Stay organized with collections Save and categorize content based on your preferences. The File System Standard introduces an origin private file system (OPFS) as a storage endpoint private to the origin of the page and not visible to the user that provides optional access to a special kind of file that is highly optimized for performance. Browser support The origin

          The origin private file system  |  Articles  |  web.dev
        • macOS 12 Montereyではシステム環境設定で2ファクタ認証をサポートしたパスワード管理機能が追加。

          macOS 12 Montereyのシステム環境設定には2ファクタ認証をサポートしたパスワード管理機能が追加されています。詳細は以下から。 Appleは日本時間2021年10月26日、新しいFaceTimeや集中モードなどを実装した「macOS 12 Monterey」をMac向けにリリースしましたが、このMontereyではシステム環境設定アプリに新しく「パスワード」というパスワード管理機能(パスワードマネージャー)が追加されています。 パスワードパネル macOS 12 Montereyのシステム環境設定に追加されたパスワードマネージャーは以下の通りSafariのパスワードマネージャーとほぼ同様の機能を持ち、iCloud Keychainと同期することが可能なため、Safariで作成したアカウントとパスワード、システム環境設定のパスワードマネージャーを利用して作成したアプリ用のパスワー

            macOS 12 Montereyではシステム環境設定で2ファクタ認証をサポートしたパスワード管理機能が追加。
          • Angular と Firebase で月間PV1億超えの PWA を作った話 - Qiita

            はじめに これは Angular Advent Calendar 2019 10日目の記事です。 こんにちは (。・ω・。) Angular と Firebase で CGM サービス(一般ユーザー投稿型サービス)を開発している者です。 早いもので、Angular Advent Calendar も 3 回目の参加となります。 例年ではなんとなく不吉な 4 日目をいただいていたのですが、今年も募集当日にエントリーしに行くと既に 9 割ほどの枠で参加表明があり、狙っていた? 4 日目も埋まっていました。 (どこでも良いので他の人が嫌がる確率が高そうなところに入ったろの精神 今まで #1 しかなかったカレンダーが今年は勢いそのまま #2 まで誕生し、ここ 1 年での Angular コミュニティの成長を実感しています (ノ゚∀゚)ノ 小話はこの辺で... この記事では、約 2 年間 Angul

              Angular と Firebase で月間PV1億超えの PWA を作った話 - Qiita
            • AbortSignal.any(), AbortSignal.timeout(), そして addEvnetListener() の Signal | blog.jxck.io

              Intro 最近 AbortSignal.any() が提案され、急速に実装が進んでいる。 すでに定義されている AbortSignal.timeout() や addEventListener() への Signal なども含め、非同期処理の中断を実装する際の API はかなり整備されてきた。 これら API のモチベーションと設計を中心にまとめる。 Abort 後のリソース解放 AbortSignal によって、非同期処理のキャンセルが可能になった。例として、 Server 上での Fetch のタイムアウトの例を考えよう。 app.get("/entries", async (req, res) => { const perRequestController = new AbortController() const perRequestSignal = perRequestCont

                AbortSignal.any(), AbortSignal.timeout(), そして addEvnetListener() の Signal | blog.jxck.io
              • 「阿部寛のホームページ」はHTML界のシーラカンスである - Qiita

                (2022/4/12) 英語版を書きました。よろしければ拡散お願いいたします。 説明する必要も無いと思うが、阿部寛さんと言えば日本を代表する名優の一人であり、数々の作品でその巨躯以上の存在感を見せつける、映像業界にはなくてはならない存在だ。実写に疎い私ですら、「TRICK」のポンコツだがプライドは一人前な上田教授、「テルマエ・ロマエ」の『未来』の日本に驚嘆し、その工夫を当時の技術で貪欲に取り込むローマ人温泉技師ルシウス、「下町ロケット」の熱血でより良い製品の開発に力を注ぎ、町工場の高みを目指す佃社長と、その名演はふと思い出せるくらい、語らずにはいられないくらい記憶に刻まれている。 その阿部さんのホームページは、その懐かしいデザインと、軽量高速なことであまりにも知られている。ホームページ一つでここまでミームになるのは、海外でも「スペース・ジャム」の四半世紀前のページくらいだろう。 しかし、そ

                  「阿部寛のホームページ」はHTML界のシーラカンスである - Qiita
                • 無料作画AIサービスMemeplexの使い方|shi3z

                  Memeplex.appは、誰でも無料でAI作画ができるWebサービスです。 使い方をまとめます。 Memeplex.appに関するニュースヘッドライン2024/2/11 キャラクターを固定して出せるCustom_SDXLに対応しました(ブロンズユーザー以上)同じプロンプトを与えると同じキャラクター(人物)が生成されるCustom_SDXLに対応しました。ブロンズユーザー(レベル3)で2種類、シルバーで8種類、ゴールドユーザー(レベル5)で12種類のCustom_SDXLを使うことができます。漫画制作などが捗ります。 同じキャラクターを繰り返し出せます2024/2/11 個別画像をループバックして高解像度化/透過できるようになりました(ブロンズユーザー以上)要望が多かったので、レベル3以上(ブロンズ)ユーザー様に対して個別の画像ページから「ループバック」でクリエイトページに戻った後、高解像

                    無料作画AIサービスMemeplexの使い方|shi3z
                  • 頼むからAppleプラットフォーム上でUIツールキットを再実装しないでくれ (2021-09-29) - rinsuki

                    Summing up here, native apps are only better than web apps on iOS because a) Apple prevents other browser vendors from using their preferred browser engines, and b) Apple’s WebKit has not kept pace with the likes of Chromium in terms of application functionality. So the fact that web apps aren’t able to fully compete with iOS apps is an Apple problem, not a web problem. ここでまとめると、iOSにおいてネイティブアプリがWe

                      頼むからAppleプラットフォーム上でUIツールキットを再実装しないでくれ (2021-09-29) - rinsuki
                    • WebXR ( WebVR/WebAR ) の現状確認 2021 Summer

                      @ikkou a.k.a HEAVEN chan です。本エントリは #CEDEC2021 で発表した「コロナ禍における WebXR ( WebVR/WebAR ) のイマ!」のフォローアップエントリです。 資料は Speaker Deck に公開済みですが、Speaker Deck はその仕様上、リンクがなくなってしまうため、関連するリンクや、時間の都合で省かざるを得なかった情報を記載しています。 WebXR とはなにか? WebXR そのものを定める『標準仕様』はありません。 関連する JavaScript API WebXR Device API については後述します。 WebXRの定義 “私は” WebXR の次のように定義しています。 ブラウザを通した VR 体験を WebVR、同 AR 体験を WebAR と定義し、それらの総称を WebXR と定義する WebXR Devic

                        WebXR ( WebVR/WebAR ) の現状確認 2021 Summer
                      • M1搭載MacBook、コードコンパイルはMac Pro並、16インチMBPを圧倒 - iPhone Mania

                        M1搭載MacBook、コードコンパイルはMac Pro並、16インチMBPを圧倒 2020 11/19 数々のテストにおいて驚くべき結果が報告されているM1チップ搭載MacBookにおいて、今度はコードコンパイルにおける比較テストでもMac Pro(2019年モデル)に匹敵し、16インチMacBook Proを圧倒する結果が報告されました。 Intelプロセッサ搭載13インチMacBook Proの半分の時間でテスト完了 TechCrunchが行ったコードコンパイルの比較テストにおいて、M1チップ搭載MacBookの、驚くべきパフォーマンスが報告されました。同テストでの結果は、Mac Pro(2019年モデル)に匹敵するものでした。 比較テストは、SafariのブラウザエンジンWebKitのオープンソースコードをコンパイルする時間を計測して行われました。 モデル コードコンパイル テスト

                          M1搭載MacBook、コードコンパイルはMac Pro並、16インチMBPを圧倒 - iPhone Mania
                        • 【Yew】Rustでフロントエンド開発 - Rustのマクロを紐解く - - 電通総研 テックブログ

                          こんにちは、電通国際情報サービス(ISID) 金融ソリューション事業部の大場です。 今回は、Rustでフロントエンドの実装ができるYewというライブラリを使ってMarkdownエディタを作った話をします。本記事は、Yewの内部実装に触れながらYewやRustのマクロの動作について理解を深めることを目的としています。これらについて詳しく知りたい方はぜひ本記事を参考にしていただければと思います。 また、本記事で紹介するコードはこちらのリポジトリで公開しています。 https://github.com/ISID/wasm-md-editor 作った背景 採用した主要なCrate 全体像とフロー Yew そもそもWebAssembly(Wasm)とは Yew内部で使われる主要なCrate Yewの実装 手続き型マクロ マクロについての補足 #[function_component]実装 実際に画面

                            【Yew】Rustでフロントエンド開発 - Rustのマクロを紐解く - - 電通総研 テックブログ
                          • Boldly link where no one has linked before: Text Fragments  |  Articles  |  web.dev

                            Boldly link where no one has linked before: Text Fragments Stay organized with collections Save and categorize content based on your preferences. Text Fragments let you specify a text snippet in the URL fragment. When navigating to a URL with such a text fragment, the browser can emphasize and/or bring it to the user's attention. Fragment Identifiers Chrome 80 was a big release. It contained a num

                            • Meet Face ID and Touch ID for the web - WWDC20 - Videos - Apple Developer

                              Face ID and Touch ID provide a frictionless experience when logging in — and now you can use them on your websites in Safari with the Web Authentication API. Discover how to add this convenient and secure login alternative to your website. Resources Have a question? Ask with tag wwdc20-10670 Safari Release Notes Search the forums for tag wwdc20-10670 WebKit Open Source Project HD Video SD Video He

                                Meet Face ID and Touch ID for the web - WWDC20 - Videos - Apple Developer
                              • WebGPU and WSL in Safari

                                WebGPU is a new API being developed by Apple and others in the W3C which enables high-performance 3D graphics and data-parallel computation on the Web. This API represents a significant improvement over the existing WebGL API in both performance and ease of use. Starting in Safari Technology Preview release 91, beta support is available for WebGPU API and WSL, our proposal for the WebGPU shading l

                                  WebGPU and WSL in Safari
                                • :user-validと:user-invalid擬似クラス | フロントエンドBlog | ミツエーリンクス

                                  入力フォームがあるページの設計をする際はフロントエンドでもバリデーションを実装することが多くあります。代表的なバリデーションは例えば以下のようなものです。 必須の入力欄に値が入力されていなければエラーとする メールアドレス入力欄に入力された値がメールアドレス形式でなければエラーとする パスワードとして使用できない文字が入力されればエラーとする 入力内容が不適切な場合は、入力欄に装飾を施すために:validと:invalidの2つの擬似クラスを利用してきました。 :validと:invalidは、主にフォームコントロール要素に関連する擬似クラスで、以下のような基準にしたがって各要素の状態がマッチするかどうかを判定します。 required属性付きの入力欄が空でなければ:valid、空であれば:invalid type属性がemailである入力欄に入力された値がメールアドレス形式であれば:va

                                    :user-validと:user-invalid擬似クラス | フロントエンドBlog | ミツエーリンクス
                                  • メタヴァースの先にあるインターヴァース

                                    メタヴァースの先にあるインターヴァース 2021.11.16 Updated by Ryo Shimizu on November 16, 2021, 09:15 am JST 今更メタヴァースが再燃している。 FacebookがMeta社になるとか、Microsoftがお仕事用メタヴァースを作るとか、GoogleやAppleもそのうち何らかの形でメタヴァース的なサムシングをやってこないとも限らない。 この大きな流れは、同時に非常にデジャビュ感のある展開でもある。 メタヴァース普及までにはまだ課題が多いが、今の段階で予想できるのは、おそらく、最終的には、どれも残らないだろうということだ。 1980年代から、1990年代初頭にかけて、世界各地の電話会社や大企業が独自のネットワークを構築した。 AT&TやCompuServeやAmerica Online(AOL)もそうだったし、日本ではTel

                                      メタヴァースの先にあるインターヴァース
                                    • An HTML Switch Control

                                      We’re very excited to introduce a new HTML form control as part of Safari 17.4: a switch. Two switches as seen on iOS, with the second switch using a custom CSS accent-color. The HTML for this example looks roughly like this: <style> .special { accent-color: papayawhip } </style> <input type=checkbox switch checked> <input type=checkbox switch checked class=special> Switches are a popular control

                                        An HTML Switch Control
                                      • Safari 16で追加されたWebKit機能まとめ

                                        Appleは2022年9月12日に、iOS 16・macOS Monterey・macOS Big Sur向けにSafari 16をリリースしました。このSafari 16のWebKit機能について、SafariとWebKitのWeb Developer ExperienceチームでAppleエヴァンジェリストを務めるジェン・シモンズ氏が解説しています。 WebKit Features in Safari 16.0 | WebKit https://webkit.org/blog/13152/webkit-features-in-safari-16-0/ シモンズ氏によると、今回リリースされたSafari 16には、ベータ版にはなかった多彩な機能が盛り込まれているとのこと。Safari 16 Betaの機能については、以下の記事を読むとよく分かります。 「Safari 16 Beta」のW

                                          Safari 16で追加されたWebKit機能まとめ
                                        • A Guide To CSS Debugging — Smashing Magazine

                                          Debugging in CSS means figuring out what might be the problem when you have unexpected layout results. We’ll look at a few categories bugs often fit into, see how we can evaluate the situation, and explore techniques that help prevent these bugs. We’ve all been there, at the end of completing CSS for a layout and — what’s that? Ah! An extra scrollbar! Or maybe an element is an unexpected color. An

                                            A Guide To CSS Debugging — Smashing Magazine
                                          • Appleが「iOS 16.3.1」「iPadOS 16.3.1」をリリース、ただしアップデートするとGoogleフォトがクラッシュするという報告も

                                            2023年2月14日(火)、Appleが開発するOSの最新バージョンとなる「iOS 16.3.1」と「iPadOS 16.3.1」の配信が開始されました。これらは「CVE-2023-23514」や「CVE-2023-23529」といった脆弱性に対処するためのアップデートです。 About the security content of iOS 16.3.1 and iPadOS 16.3.1 - Apple Support https://support.apple.com/en-us/HT213635 iOS 16.3.1 now available for iPhone users, here’s what’s new https://9to5mac.com/2023/02/13/ios-16-3-1-now-available-for-iphone-users-heres-whats

                                              Appleが「iOS 16.3.1」「iPadOS 16.3.1」をリリース、ただしアップデートするとGoogleフォトがクラッシュするという報告も
                                            • A Complete Guide to CSS Cascade Layers | CSS-Tricks

                                              This is your complete guide to CSS cascade layers, a CSS feature that allows us to define explicit contained layers of specificity, so that we have full control over which styles take priority in a project without relying on specificity hacks or !important. This guide is intended to help you fully understand what cascade layers are for, how and why you might choose to use them, the current levels

                                                A Complete Guide to CSS Cascade Layers | CSS-Tricks
                                              • Apple、iOSのブラウザにWebKit以外の使用を許可するかどうかを検討中 - iPhone Mania

                                                Appleがアプリのサイドローディングおよびサードパーティーアプリストアを許可する方針であると報じられたばかりですが、その流れの一環として、iOSでWebKit以外のブラウザエンジンの使用が許可される可能性も浮上しています。 WebKitベースでないブラウザの使用がiOSで可能に? Appleの動向に詳しいBloombergのマーク・ガーマン記者が伝えたところによれば、「現在、Alphabet傘下のGoogleのChromeなどを含むサードパーティーのWebブラウザは、AppleのSafariのブラウジングエンジンであるWebKitを使用することが要求されている」とのことですが、「新しい法律に対応する計画の下で、Appleはその義務付けを取り除くことを検討している」そうです。 WebKitとは、Appleが中心となって開発しているオープンソースのHTMLレンダリングエンジン群の総称で、HT

                                                  Apple、iOSのブラウザにWebKit以外の使用を許可するかどうかを検討中 - iPhone Mania
                                                • Ladybird: A new cross-platform browser project

                                                  This post describes the Ladybird browser, based on the LibWeb and LibJS engines from SerenityOS. Since starting the SerenityOS project in 2018, my goal has been “to build a complete desktop operating system to eventually use as my daily driver”. What started as a little therapy project for myself has blossomed into a huge OSS community with hundreds of people working on it all over the world. We’v

                                                  • New WebKit Features in Safari 14.1

                                                    Safari 14.1 for macOS Big Sur, iPadOS 14.5, and iOS 14.5 brings new WebKit features, APIs, performance improvements, and improved compatibility for web developers. Take a look. Flexbox Gap Support Safari 14.1 now supports the gap property inside Flexbox containers, along with row-gap and column-gap. Gaps in Flexbox make it possible for web developers to create space between Flex items without reso

                                                      New WebKit Features in Safari 14.1
                                                    • Exploiting IndexedDB API information leaks in Safari 15

                                                      Martin BajanikSoftware Engineer, Core API (R&D, Security) DISCLAIMER: Fingerprint does not use this vulnerability in our products and does not provide cross-site tracking services. We focus on stopping fraud and support modern privacy trends for removing cross-site tracking entirely. We believe that vulnerabilities like this one should be discussed in the open to help browsers fix them as quickly

                                                        Exploiting IndexedDB API information leaks in Safari 15
                                                      • Updates to Form Controls and Focus

                                                        $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

                                                          Updates to Form Controls and Focus
                                                        • VRTツールとしてLost Pixelを使ってみたらいい感じだった

                                                          Lost Pixel Lost PixelとはWeb UIのビジュアル回帰テスト(VRT)のためのツールであり、キャプチャの撮影と差分の検出を一つのプロセスで行うことができるオープンソースライブラリです。 Web UIのVRTというと、storycap + reg-suit や、Playwrightのスナップショット機能、または Chromatic のようなサービスを思い浮かべる方も多いと思いますが、まさにそれらの類似ツールにあたるものであると捉えていただいて差し支えありません。 本記事では具体的な導入手順などは省き、Lost Pixelの特徴や他の類似ツールとの比較、または筆者の用途とカスタマイズについて紹介します。 記事を読んで、実際に導入を検討される場合のインストール方法やセットアップに関しては、公式のドキュメントを参照してください。 また、Lost Pixelにはプラットフォームモ

                                                            VRTツールとしてLost Pixelを使ってみたらいい感じだった
                                                          • 第652回 キミはMirを憶えているか | gihyo.jp

                                                            Ubuntuは来年4月にリリースされる21.04から、ついにディスプレイサーバーの初期設定をWaylandに変更することがアナウンスされました。 そこで今回は「Waylandのライバルであるもうひとつのディスプレイサーバー」だったMirの最新情報をお届けしましょう。 Mirとは何だったのか? 「Mir(みーる)」はCanonicalが開発している「次世代のディスプレイサーバー」です。 ディスプレイサーバーとは簡単に言うと「ルートウィンドウ」と呼ばれるディスプレイ全体に広がるウィンドウを描画し、アプリケーションからの要求に応じて子ウィンドウの作成やウィンドウ内部の描画を担うソフトウェアです。加えて、Linuxカーネルから届いたマウスやキーボードのイベントを適切なウィンドウへ送る処理も担当します。つまりデスクトップLinuxにおいて、ユーザーからの入力とユーザーへの出力を司るとても重要なソフト

                                                              第652回 キミはMirを憶えているか | gihyo.jp
                                                            • ポストサードパーティcookie時代のソリューションとプライバシー – marketechlabo

                                                              Googleは2024年中のChromeのサードパーティcookie廃止に向けて動いている。AppleはすでにITPによってサードパーティcookieはデフォルトで使えなくなっているということで、2024年をもってほぼすべてのウェブブラウザでサードパーティcookieが無効化されることになる。 そんな中さまざまな自称「ポストcookie」「cookieレス」ソリューションが出てきているのだが、それらはどれも完全にサードパーティcookieを代替するわけではなく、これまでサードパーティcookieが担ってきた役割を部分的に違う方法で実現しようとしているものにすぎない。ここではソリューションの種類と、それらがサードパーティcookieのどんな機能を代替するのか紹介する。 サードパーティcookieの役割 cookieの役割にはさまざまなものがあるが、サードパーティcookieは主にドメインをま

                                                                ポストサードパーティcookie時代のソリューションとプライバシー – marketechlabo
                                                              • Kotlin Fest 2024のためにCompose HTMLでWebサービスを開発した話 - エムスリーテックブログ

                                                                こんにちは、モーニーングルーティーン担当、VPoEの河合(@vaaaaanquish)です。 サムネイルの写真は、娘が描いてくれたパパです。上手です。 本記事は、先日開催されましたKotlin Festにおいてエムスリーのスポンサーブースで展開していた『エンジニア トリ診断』の開発秘話を公開するものです。 Kotlin Festとエンジニアトリ診断 Kotlin Compose HTMLとは Compose HTMLをGitHub Pagesでホスティングする OGPを設定する Kotlinでフロントエンド開発を進める おわりに We are hiring !! Kotlin Festとエンジニアトリ診断 Kotlin Festは、Kotlinに関する技術カンファレンスで、今年は6月22日に開催されました。 詳しくは参加レポートもありますので、ご参照頂ければ幸いです。 www.m3tech

                                                                  Kotlin Fest 2024のためにCompose HTMLでWebサービスを開発した話 - エムスリーテックブログ
                                                                • iOSのセキュリティ上の脆弱性が中国でウイグル人の監視に使用されていた事実が判明 - iPhone Mania

                                                                  2019年7月にiOS12.4の修正パッチがリリースされましたが、セキュリティ上の脆弱性のひとつであるWebKitのバグが2020年に入って悪用されていたことがサイバーセキュリティ企業Volexityの調査で明らかになりました。 ウイグル人関連サイトの訪問でエクスプロイトが発動 中国のウイグル人マイノリティ関連のWebサイトを訪れたときに起動されるこのエクスプロイトを、Volexityは「インソムニア(不眠症)」と名付けています。 攻撃者は、インソムニアを使ってデバイスのroot権限を取得することができ、メッセージクライアント、Eメール、写真、連絡先、GPS位置情報などからプレーンテキストを盗み取ることができます。 Volexityによれば、インソムニアは2020年1月〜3月に悪用されていたとのことで、中国政府が背後にいるとされるハッカーグループ「Evil Eye」がウイグル人マイノリティ

                                                                    iOSのセキュリティ上の脆弱性が中国でウイグル人の監視に使用されていた事実が判明 - iPhone Mania
                                                                  • WebCodecs と WebTransport でビデオチャット | blog.jxck.io

                                                                    Intro ブラウザの持つ Video/Audio コーデック実装へアクセスする API として WebCodecs の仕様策定と実装が進んでいる。 これにより、映像や音声の変換などといったユースケースへの応用も可能だ。 本来なら WebCodecs 単体の API について解説するところだが、筆者がこの API を待っていた理由であるところの「WebRTC の代替」としての WebCodecs/WebTransport の応用に注目し、背景も踏まえて解説する。 WebRTC WebRTC は UDP 上に DTLS で交換した鍵を用いて、 RTP を SRTP で流し、そのシグナリングに SDP を、ホールパンチに ICE(STUN/TURN) を用いることで、 P2P ビデオチャットといったユースケースを可能にした API だ。 しかし、最初から「P2P ビデオチャット」というユースケ

                                                                      WebCodecs と WebTransport でビデオチャット | blog.jxck.io
                                                                    • Speedometer 3.0: The Best Way Yet to Measure Browser Performance

                                                                      As announced on browserbench.org today, in collaboration with other browser engine developers, Apple’s WebKit team is excited to introduce Speedometer 3.0, a major update that better reflects the Web of today. It’s built together by the developers of all major browser engines: Blink, Gecko, and WebKit with hundreds of contributions from companies like Apple, Google, Intel, Microsoft, and Mozilla.

                                                                        Speedometer 3.0: The Best Way Yet to Measure Browser Performance
                                                                      • ウェブブラウザにバグ報告をするときにやること - ぱすたけ日記

                                                                        このエントリははてなエンジニア Advent Calender の19日目です。 昨日の記事はid:onkさんのクエリパラメータのデリミタに ; を使うこともできる - id:onk のはてなブログでした。 そしてこのエントリはKMC Advent Calendar 2020の19日目でもあります。 昨日の記事は id:zekehampくんのハル研プロコン2020に参加しました - zekeの日記でした。 というわけで、こんにちは id:Pasta-K です。僕は普段主にウェブブラウザを介して動作するアプリケーション(これを指して以下「ウェブアプリケーション」や「ウェブサイト」などと揺れるかもしれませんがほぼ同じものを指していると思ってください)の実装などをして暮らしています。 ウェブアプリケーションの中でも特にフロントエンドと言われる領域を主にお世話することが多いのですが、それに関連して

                                                                          ウェブブラウザにバグ報告をするときにやること - ぱすたけ日記
                                                                        • iPhone、iPad、Macユーザーに告ぐ。最新ソフトウェアを早急にインストールせよ! | ライフハッカー・ジャパン

                                                                          先日、AppleはiPhone(iOS 16.3.1)、iPad(iPadOS 16.3.1)、Mac(macOS 13.2.1)の新しいソフトウェアアップデートをリリースしました。 Appleは、特にiOSやiPadOSで新しいアップデートがあった時に通知をしないので、ソフトウェアのニュースを常にチェックしていない限り、これらのアップデートに気づいていないかもしれません。 しかし、今回のアップデートは非常に重要なので、できるだけ早くインストールしたほうが良さそうです。 今回のアップデートにはユーザーがワクワクするような新機能がありません。少なくともAppleは新機能について何も言及していないようです。11の新機能を搭載したiOS 16.2や、便利な変更がいくつかあったiOS 16.3とは違います。 しかし、今回のアップデートのセキュリティパッチは、Appleがこれまで投入してきた新機能よ

                                                                            iPhone、iPad、Macユーザーに告ぐ。最新ソフトウェアを早急にインストールせよ! | ライフハッカー・ジャパン
                                                                          • Introducing Web Vitals: essential metrics for a healthy site

                                                                            $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

                                                                              Introducing Web Vitals: essential metrics for a healthy site
                                                                            • iOS/iPadOS 17.4でSafariが日本語縦書きをサポート。WebKitが最新のWeb標準に対応 | テクノエッジ TechnoEdge

                                                                              ITジャーナリスト/Publickeyブロガー。IT系の雑誌編集者、オンラインメディア発行人を経て独立。2009年にPublickeyを開始しました。 Appleは、3月5日付でリリースされたiOS 17.4、iPadOS 17.4、現在ベータ版のmacOS Sonoma 14.4などにバンドルされるWebブラウザ「Safari 17.4」で、日本語の縦書き表示が可能になったことを明らかにしました。 AppleはこのSafari 17.4で、過去21年間使われてきたレンダリングエンジンであるWebkitのレガシーなラインレイアウトエンジンをついに廃止し、インラインレイアウトエンジンの全面的な書き換えを完了したことを報告しています。 これにより、最新のWeb標準での相互運用性が向上し、インラインレイアウトのバグが減り、パフォーマンスが向上し、安定性が改善され、新しい機能をはるかに簡単に実装で

                                                                                iOS/iPadOS 17.4でSafariが日本語縦書きをサポート。WebKitが最新のWeb標準に対応 | テクノエッジ TechnoEdge
                                                                              • 【Mac】macOS Big Sur (macOS 11)の「User_Agent」メモ(「Mac OS X」表記やバージョン番号について)

                                                                                macOSの最新版である「macOS Big Sur」より、今まで長いことバージョンが「10」系であったところからバージョンが「11」系に大きく変わりました。 その影響で、従来からUser_Agentで利用されていた「Mac OS X」という表記からの変更があったのか無かったのかが気になったので、確認してみました。 「Mac OS X」の「X」は「テン」と読み「10」に相当する文字なのですが、「Mac OS X」→「OS X」→「macOS」のように名前が変わる中でバージョン番号というより「バージョン番号が10のときに作ったOSの名前」、のような印象があり、加えてもうUser_Agentがあんまりそこまで大きく変わることもないような、などなど思いつつ。 目次 1. 従来のMac OS XでのUser_Agent例2. Chrome3. Safari4. Edge(Chromium版)5.

                                                                                  【Mac】macOS Big Sur (macOS 11)の「User_Agent」メモ(「Mac OS X」表記やバージョン番号について)
                                                                                • A Thorough Analysis of CSS-in-JS | CSS-Tricks

                                                                                  Wondering what’s even more challenging than choosing a JavaScript framework? You guessed it: choosing a CSS-in-JS solution. Why? Because there are more than 50 libraries out there, each of them offering a unique set of features. We tested 10 different libraries, which are listed here in no particular order: Styled JSX, styled-components, Emotion, Treat, TypeStyle, Fela, Stitches, JSS, Goober, and

                                                                                    A Thorough Analysis of CSS-in-JS | CSS-Tricks