並び順

ブックマーク数

期間指定

  • から
  • まで

121 - 160 件 / 273件

新着順 人気順

Web標準の検索結果121 - 160 件 / 273件

  • Google I/O 2024 注目のフロントエンド技術

    こんにちは、LINEスキマニのフロントエンド開発担当や、フロントエンド開発に関するイベントの運営をしている板井(@itatchi3_)です。 LINEヤフーでは、社員が海外のカンファレンスや学会に参加することを支援する制度があります。これを通じて、最先端技術の情報収集や現地の温度感の調査を行い、得た知見を会社に持ち帰ることで、全社的な技術力向上に努めています。 この制度を活用し、2024年5月13日と14日にアメリカ・サンフランシスコ州マウンテンビューで実施された「Google I/O 2024」に現地参加してきました。 現地のエンジニアと実際に触れ合った中で、その熱意の高さからも重要であると感じ、さらにLINEヤフーでも導入の検討が進められているフロントエンド技術について解説します。 Built-in AI 兎にも角にもAI一色の「Google I/O 2024」でした。AI関連の発表が

      Google I/O 2024 注目のフロントエンド技術
    • TypeScriptの標準ライブラリで使われているdeclaration mergingのテクニック

      TypeScriptの標準ライブラリとは、TypeScriptに組み込みで備わっている型定義のことです。ECMAScript仕様で定義されているJavaScriptの言語機能に対する型定義が含まれています。また、ブラウザに組み込まれているWeb標準のAPIに対する型定義も含まれています。 TypeScriptの標準ライブラリでは、declaration mergingというテクニックが使われています。皆さんが普段書くアプリケーションコードではあまり使う機会がないかもしれませんが、TypeScriptの型定義、とりわけ標準ライブラリの型定義においては重要なテクニックです。 この記事では、declaration mergingの概要と、TypeScriptの標準ライブラリでどのように使われているかについて解説します。 declaration mergingとは Declaration merg

        TypeScriptの標準ライブラリで使われているdeclaration mergingのテクニック
      • インストール不要でLlama 3やMistralなどオープンソースLLMをブラウザで動かせるチャットボット「Secret Llama」が登場

        Llama 3やMistral-7Bといったオープンソースの大規模言語モデル(LLM)をサポートし、WebGPUを使ってブラウザ上で完全に動作するチャットボット「Secret Llama」が公開されています。 Secret Llama https://secretllama.com/ GitHub - abi/secret-llama: Fully private LLM chatbot that runs entirely with a browser with no server needed. Supports Mistral and LLama 3. https://github.com/abi/secret-llama 実際にSecret LlamaのデモサイトでLlama 3を動作させて会話してみたところが以下のムービー。 大規模言語モデルを完全にブラウザで動作できる「Secr

          インストール不要でLlama 3やMistralなどオープンソースLLMをブラウザで動かせるチャットボット「Secret Llama」が登場
        • EdgeがChromeで開いたタブを盗み取る謎現象が発生しているとの報告

          Microsoft Edgeを起動すると、データをインポートしたり同期したりしていないにもかかわらず、直前までGoogle Chromeで閲覧していたウェブサイトがEdgeで開かれるという挙動が報告されました。 Microsoft stole my Chrome tabs, and it wants yours, too - The Verge https://www.theverge.com/24054329/microsoft-edge-automatic-chrome-import-data-feature Microsoft Edge is apparently usurping Chrome on people’s PCs | Ars Technica https://arstechnica.com/gadgets/2024/01/microsoft-edge-is-appare

            EdgeがChromeで開いたタブを盗み取る謎現象が発生しているとの報告
          • インターネット黎明期に登場したウェブブラウザ「Mosaic」と「Netscape」の生みの親が開発当時を振り返る

            By National Science Foundation 現代ではさまざまなウェブブラウザが存在しており、ユーザーは好みに合わせて自由にブラウザを選択することができます。しかし、1990年代前半には「NCSA Mosaic」や「Netscape」といった数少ない選択肢しか存在しませんでした。そんなNCSA MosaicとNetscapeの開発に携わったマーク・アンドリーセン氏が、これらが誕生するまでの秘話を語っています。 The true story -- as best I can remember -- of the origin of Mosaic and Netscape. https://pmarca.substack.com/p/the-true-story-as-best-i-can-remember アンドリーセン氏は、NCSA MosaicやNetscapeといったイ

              インターネット黎明期に登場したウェブブラウザ「Mosaic」と「Netscape」の生みの親が開発当時を振り返る
            • Edgeが神ブラウザになる可能性がでてきた #MicrosoftBuild

              Edgeが神ブラウザになる可能性がでてきた #MicrosoftBuild2024.05.22 07:0060,278 三浦一紀 音声で聞けるの、ありがたいね。 Microsoft(マイクロソフト)は、開催中の開発者向けカンファレンス「Microsoft Build 2024」で、同社開発のウェブブラウザ「Microsoft Edge」に、多言語リアルタイム翻訳機能を追加すると発表しました。 どういう機能かというと、YouTubeやLinkedIn、ロイター、CNBC、ブルームバーグなどのサイトにある動画を指定した言語でリアルタイム翻訳してくれるというもの。音声にも字幕にも対応するようです。 短いですけど、デモ動画があるのでご覧ください。 Video: Microsoft Edge/YouTubeちょっとわかりにくいかもしれませんが、LinkdInの英語の動画をスペイン語にリアルタイム翻訳

                Edgeが神ブラウザになる可能性がでてきた #MicrosoftBuild
              • 「Google Chrome」でWebページのコンテンツが一時的に表示されなくなる問題が発生中/原因は特定済み

                  「Google Chrome」でWebページのコンテンツが一時的に表示されなくなる問題が発生中/原因は特定済み
                • Firefoxにプライバシーを保護しつつブラウザ使用状況を集めるシステム「Oblivious HTTP(OHTTP)」と「Distributed Aggregation Protocol(DAP)」が導入される予定

                  Mozillaがプライバシーを保護しつつブラウザ使用状況を収集するためにプライバシー保護技術「Oblivious HTTP(OHTTP)」と「Distributed Aggregation Protocol(DAP)」をFirefoxに導入することを発表しました。同時に、OHTTPとDAPを実装するためにテクノロジー企業「Fastly」やInternet Security Research Group(ISRG)傘下の「Divvi Up」と協力することも発表されています。 Built for Privacy: Partnering to Deploy Oblivious HTTP and Prio in Firefox https://blog.mozilla.org/en/products/firefox/partnership-ohttp-prio/ Firefox and Fastl

                    Firefoxにプライバシーを保護しつつブラウザ使用状況を集めるシステム「Oblivious HTTP(OHTTP)」と「Distributed Aggregation Protocol(DAP)」が導入される予定
                  • 3PCA 29 日目: Privacy Sandbox の方針転換は何を意味するか | blog.jxck.io

                    Intro このエントリは、 3rd Party Cookie Advent Calendar の 29 日目である。 3rd Party Cookie のカレンダー | Advent Calendar 2023 - Qiita https://qiita.com/advent-calendar/2023/3rd-party-cookie 先日、 Google より Privacy Sandbox の方針転換について発表があった。 本当は、まだ記事を書くには情報が足りていないため、あまり書く気はなかったが、今後出てくる発表に備えて経緯をまとめるために、「何がまだ分かっていないか」の現状を書いておくことにする。 Privacy Sandbox の方針転換 問題の記事は 2024/07/22 に公開された以下だ。 A new path for Privacy Sandbox on the we

                      3PCA 29 日目: Privacy Sandbox の方針転換は何を意味するか | blog.jxck.io
                    • zstd圧縮に対応した「Firefox 126」、追跡コードを除いてURLをコピーする機能も強化/セキュリティ関連の修正は16件

                        zstd圧縮に対応した「Firefox 126」、追跡コードを除いてURLをコピーする機能も強化/セキュリティ関連の修正は16件
                      • Firefox開発のMozillaが「Appleの代替ブラウザを認める新規則は可能な限りの苦痛を強いるもの」と批判

                        AppleはEUのデジタル市場法を順守するため、iOS向けのブラウザエンジンをWebKitしか認めなかったこれまでの姿勢を崩し、サードパーティー製ブラウザエンジンを許可する新規則を発表しました。しかし、Firefoxを開発するMozillaは、Appleの新規則は開発者に不必要な負担をかけるものだと主張しています。 Mozilla says Apple’s new browser rules are ‘as painful as possible’ for Firefox - The Verge https://www.theverge.com/2024/1/26/24052067/mozilla-apple-ios-browser-rules-firefox Apple's plan to allow browser competition dubbed unworkable - Ope

                          Firefox開発のMozillaが「Appleの代替ブラウザを認める新規則は可能な限りの苦痛を強いるもの」と批判
                        • 静的サイトジェネレータ「Astro 3.2」早くも正式リリース。ブラウザの履歴操作、遷移のタイミング制御など新機能

                          静的サイトジェネレータ「Astro 3.2」早くも正式リリース。ブラウザの履歴操作、遷移のタイミング制御など新機能 オープンソースで開発されている静的サイトジェネレータ「Astro」の最新バージョンとなる「Astro 3.2」が正式にリリースされました。 先月(2023年9月)にAstro 3.0がリリースされたばかりで、1カ月足らずでのマイナーバージョンアップとなります。 参考:静的サイトジェネレータ「Astro 3.0」正式リリース。JavaScriptなしでSPAのようなアニメーションの画面遷移など新機能 Astro 3.2ではAstro 3.0で導入された、SPAのようなアニメーションの画面遷移を実現するView Transitionsをよりよく利用できる新機能などが追加されました。 We just released 3.2 with a bundle of view transi

                            静的サイトジェネレータ「Astro 3.2」早くも正式リリース。ブラウザの履歴操作、遷移のタイミング制御など新機能
                          • Google、Chromeのタブ増えすぎ問題をAIで解決。スマートタブ整理やどこでも文例生成など3つの実験AI機能を導入 | テクノエッジ TechnoEdge

                            著書に『宇宙世紀の政治経済学』(宝島社)、『ガンダムと日本人』(文春新書)、『教養としてのゲーム史』(ちくま新書)、『PS3はなぜ失敗したのか』(晋遊舎)、共著に『超クソゲー2』『超アーケード』『超ファミコン』『PCエンジン大全』(以上、太田出版)、『ゲーム制作 現場の新戦略 企画と運営のノウハウ』(MdN)など。 米Googleはデスクトップ用Chromeブラウザの最新版「M121」をリリースし、実験的な生成AI機能を3つ導入しました。 ただし、現時点(1月24日)では米国ユーザーのみが利用できます。また初期の公開実験という位置づけのため、企業や教育機関向けのアカウントでは当面は使用できません。 タブのスマート整理開いているタブに基づき、Chromeが自動的にタブグループを提案・作成してくれる機能。 複数のタブをまとめてタイトルをつけ、畳んだり開いたりできる機能「タブグループ」はこれまで

                              Google、Chromeのタブ増えすぎ問題をAIで解決。スマートタブ整理やどこでも文例生成など3つの実験AI機能を導入 | テクノエッジ TechnoEdge
                            • グーグル「Chrome」に生成AI活用の新機能が追加

                                グーグル「Chrome」に生成AI活用の新機能が追加
                              • Sass は役目を終えつつある!? 2023年、Web 開発の「ベースライン」とは

                                本記事は、TechFeed Experts Night#26 〜 Web標準技術最前線 ー HTML/CSS/JSの「いま」のセッション書き起こし記事になります。 イベントページのタイムテーブルから、その他のセッションに関する記事もお読み頂けますので、一度アクセスしてみてください。 本セッションの登壇者 セッション動画 「2023年の Web 開発のベースライン」というタイトルで発表させていただきます。Web のエンジニアリングに関わって10年ほど経ちますが、フロントエンドが領域として成立して、多くの変遷を遂げる様を見てきました。それらを振り返りながら「今の Web 開発の現在地がどこなのか」みたいな話をできればと思います。 改めまして泉水と申します。株式会社ハウテレビジョンでプロダクト部門を担当しております。事業計画を引いたり、いろんなことをやっております。 今日のトークの目的としては、

                                  Sass は役目を終えつつある!? 2023年、Web 開発の「ベースライン」とは
                                • Rust製ブラウザエンジンの「Servo」がElectron代替を目指す「Tauri」への組み込みに対応、プロトタイプとして実装

                                  Rust製ブラウザエンジンの「Servo」がElectron代替を目指す「Tauri」への組み込みに対応、プロトタイプとして実装 Linux Foundation傘下でRust製のWebブラウザエンジンとして開発が進められている「Servo」は、Electron代替を目指すフレームワーク「Tauri」への組み込みサポートを、プロトタイプとして実装したことを明らかにしました。 Servo can now be used in an experimental build of WRY, the webview library behind Tauri! More on offscreen rendering, multiple webviews, and other embedding improvements ↓ pic.twitter.com/jElJUusZZU — Servo (@Se

                                    Rust製ブラウザエンジンの「Servo」がElectron代替を目指す「Tauri」への組み込みに対応、プロトタイプとして実装
                                  • HTTP/2 Rapid Reset: deconstructing the record-breaking attack

                                    HTTP/2 Rapid Reset: deconstructing the record-breaking attack10/10/2023 This post is also available in 简体中文, 繁體中文, 日本語, 한국어, Deutsch, Français and Español. Starting on Aug 25, 2023, we started to notice some unusually big HTTP attacks hitting many of our customers. These attacks were detected and mitigated by our automated DDoS system. It was not long however, before they started to reach record b

                                      HTTP/2 Rapid Reset: deconstructing the record-breaking attack
                                    • Edgeの新機能「Microsoft Edgeセキュアネットワーク」とは

                                      Microsoft Edgeの新機能「Microsoft Edgeセキュアネットワーク」とは Microsoft Edgeに「Microsoft Edgeセキュアネットワーク」という機能が追加された。この機能はどのようなものなのか解説する。 「Windows 11 2022 Update(バージョン22H2)」にCopilot in Windowsなどを有効にするMoment 4と呼ばれる更新プログラムを適用したり、「Windows 11 2023 Update(バージョン23H2)」に更新したりすると、同時にMicrosoft Edgeも更新される。 この更新では、新たに「Microsoft Edgeセキュアネットワーク」と呼ばれる機能がサポートされた(原稿執筆時点では、「プレビュー」の扱い)。この機能は、どういったものなのか、どのような場面で有用なのかについて解説しよう。 Micros

                                        Edgeの新機能「Microsoft Edgeセキュアネットワーク」とは
                                      • CSS Gridのしっかりとした知識とレイアウトやUIコンポーネントを実装するテクニックを学びたい人にお勧めの解説書 -作って学ぶ HTML+CSSグリッドレイアウト

                                        ※本ページは、アフィリエイト広告を利用しています。 CSS Gridをそろそろ真剣に覚えないと、思っている人にぴったりの解説書を紹介します。 Web制作系の解説書で評価が高いエビスコム様の最新刊で、本書もかなり充実した内容となっています。CSS Gridの基礎知識はもちろん、基本のグリッド、さまざまなレイアウトやUIコンポーネントの実装も豊富で、簡潔なコードでかなりしっかりと解説されています。 本書は、先週発売されたばかり! Web制作に携わる人すべてにお勧めの解説書。HTMLとCSSに携わるコーダーの人はもちろん、こういうレイアウトやコンポーネントができるというのがよく分かるのでデザイナーやディレクターの人にもお勧めです。

                                          CSS Gridのしっかりとした知識とレイアウトやUIコンポーネントを実装するテクニックを学びたい人にお勧めの解説書 -作って学ぶ HTML+CSSグリッドレイアウト
                                        • DockerがWebGPUを用いてGPUを抽象化、AI処理などGPUを使ったコンテナ化アプリのポータビリティを実現する技術を開発中。DockerCon 23

                                          DockerがWebGPUを用いてGPUを抽象化、AI処理などGPUを使ったコンテナ化アプリのポータビリティを実現する技術を開発中。DockerCon 23 Docker社は米ロサンゼルスで10月3日と4日の2日間、年次イベントとして開催した「DockerCon 23」で、WebGPUを抽象化レイヤとすることで、コンテナ化されたGPUアプリケーションをポータブルにする技術を開発中であると明らかにしました。 この技術は2日目の基調講演の後半、Docker CTOであるJustin Cormack氏がOne more thingとして発表したものです。 GPUを用いたアプリケーションのポータビリティが課題に Dockerコンテナはポータビリティが大きな特長です。ノートPCからオンプレミスのサーバ、クラウド上の仮想マシンまで、簡単にDockerコンテナを移動し、そのまま実行できます。 Docke

                                            DockerがWebGPUを用いてGPUを抽象化、AI処理などGPUを使ったコンテナ化アプリのポータビリティを実現する技術を開発中。DockerCon 23
                                          • YouTubeがLinux搭載ARMデバイスでFirefoxを利用している場合に動画解像度を低下させているという指摘

                                            AppleのM1チップ搭載Macで動作するLinuxディストリビューション・Asahi Linuxの開発者であるヘクター・マーティン氏が、「YouTubeがLinux搭載ARMデバイスのFirefoxで意図的に動画解像度を低下させている」と分散型SNSのマストドンで報告しました。 Hector Martin: "Today I learned that YouTube i…" - Treehouse Mastodon https://social.treehouse.systems/@marcan/111567255619206929 When evaluating browsers that support an arm-based system reporting "x86_64", YouTube only allows for lower quality options - Gam

                                              YouTubeがLinux搭載ARMデバイスでFirefoxを利用している場合に動画解像度を低下させているという指摘
                                            • Chrome拡張機能によるトラブルを未然に防ぐ? 開発者交代を教えてくれる拡張機能が登場【やじうまWatch】

                                                Chrome拡張機能によるトラブルを未然に防ぐ? 開発者交代を教えてくれる拡張機能が登場【やじうまWatch】
                                              • WebKit Features in Safari 17.0

                                                Sep 18, 2023 by Jen Simmons and the Safari / WebKit Team Today’s the day for Safari 17.0. It’s now available for iOS 17 and iPadOS 17. [Update September 26th] And now, Safari 17.0 is available for macOS Ventura, and macOS Monterey, and macOS Sonoma. Safari 17.0 is also available in the vision OS Simulator, where you can test your website by downloading the latest beta of Xcode 15, which supports t

                                                  WebKit Features in Safari 17.0
                                                • 「1 分 de Web 標準」のやり方 at Web Developer Conference 2024 #wdc2024 | blog.jxck.io

                                                  Intro 9/7 開催予定の Web Developer Conference 2024 では、 「1 分 de Web 標準」という LT 大会を予定しています。 CFP も募集中ですが、(筆者の周り以外では)聞き馴染みのないやり方だと思うので、この LT のやり方を解説します。 プロポーザル | Web Developer Conference 2024 - fortee.jp https://fortee.jp/web-dev-conf-2024/proposal/all 1 分 de Web 標準 「Web 標準」な何らかのトピックについて、 1 人 1 ページ 1 分で LT するというものです。 Slide スライドはこちらで用意する Google Slides を共有し、そこに割り当てられた 1 ページのみを使えます。 その 1 ページは、マスターで振るページ番号以外は、ど

                                                    「1 分 de Web 標準」のやり方 at Web Developer Conference 2024 #wdc2024 | blog.jxck.io
                                                  • JavaScriptの標準規格「ECMAScript」を見直す。これからの注目機能も紹介

                                                    JavaScriptの標準規格「ECMAScript」を見直す。これからの注目機能も紹介 2024年6月5日 執筆 山内 直 有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ(代表 山田祥寛)に所属するテクニカルライター。出版社を経てフリーランスとして独立。ライター、エディター、デベロッパー、講師業に従事。屋号は「たまデジ。」。著書に『Bootstrap 5 フロントエンド開発の教科書』、『作って学べるHTML+JavaScriptの基本』など。 監修 山田 祥寛 静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for Visual Studio and Development Technologies。執筆コミュニティ「WINGSプロジェクト」代表。 主な

                                                      JavaScriptの標準規格「ECMAScript」を見直す。これからの注目機能も紹介
                                                    • ウェブブラウザの相互運用性を改善する「Interop」プロジェクトとはどんなものなのか?

                                                      ウェブサイトを閲覧する際に使用するブラウザには、Google Chrome以外にもFirefoxやSafariなどが存在しています。「どのブラウザで見てもサイトが同じように表示される」ようにするため、ウェブサイトの規格であるウェブ標準が策定されていますが、さらに互換性を向上させるために発足したのが「Interop」プロジェクトです。 The web just gets better with Interop 2024 | WebKit https://webkit.org/blog/14955/the-web-just-gets-better-with-interop/ ブラウザはウェブ標準に従うべきとされていますが、全てのブラウザが完全にウェブ標準に従うことができているわけではありません。ウェブ標準にどれくらい従っているかのチェックにはウェブプラットフォームテストなどの自動テストが使用さ

                                                        ウェブブラウザの相互運用性を改善する「Interop」プロジェクトとはどんなものなのか?
                                                      • Apple、「macOS Sonoma 14.0」を正式公開 ~ウィジェットをデスクトップへ置けるように/ビデオ会議、ゲーム、「Safari」なども強化。「WebKit」のゼロデイ脆弱性にも対処済み

                                                          Apple、「macOS Sonoma 14.0」を正式公開 ~ウィジェットをデスクトップへ置けるように/ビデオ会議、ゲーム、「Safari」なども強化。「WebKit」のゼロデイ脆弱性にも対処済み
                                                        • 「Firefox 121」正式版リリース、リンク部分に強制的に下線を表示する設定が追加される

                                                          ウェブブラウザ「Firefox 121」の正式版が公開されました。AV1のハードウェアデコードを有効化するための拡張機能が案内されるようになったほか、サイトのデザインを上書きしてリンクに強制的に下線を表示する設定の追加や、PDFビューアーで図面やテキスト、画像を追加した場合に簡単に削除できるボタンの追加が行われています。 Firefox 121.0, See All New Features, Updates and Fixes https://www.mozilla.org/en-US/firefox/121.0/releasenotes/ ◆AV1のハードウェアデコードを有効化するために必要な拡張機能が案内されるように これまでは可能な場合にのみAV1のハードウェアデコードが有効化されていましたが、Firefox 121からはWindows版Firefoxの「about:support

                                                            「Firefox 121」正式版リリース、リンク部分に強制的に下線を表示する設定が追加される
                                                          • HTTP/2 Rapid Reset Attack Impacting F5 NGINX Products - NGINX

                                                            Analytics cookies are off for visitors from the UK or EEA unless they click Accept or submit a form on nginx.com. They’re on by default for everybody else. Follow the instructions here to deactivate analytics cookies. This deactivation will work even if you later click Accept or submit a form. Check this box so we and our advertising and social media partners can use cookies on nginx.com to better

                                                              HTTP/2 Rapid Reset Attack Impacting F5 NGINX Products - NGINX
                                                            • Xのインプレゾンビを消すChrome拡張を使ってみた

                                                              大事な情報を見逃さないためにも。 Twitterが「X」となり、インプレッションに応じて報酬がもらえるように…なったのはいいけど、その弊害も起こっていますよね。そう、インプレッション稼ぎのためにポストにぶら下がって内容の無い投稿を連投するユーザー、いわゆる「インプレゾンビ」。 フォロワーの多いユーザーからのポストにぐわーっと群がってきて、返信ツイートが埋め尽くされてしまうため、大事な返信や有益な情報を見逃してしまう…といったことが問題視されています。 このインプレゾンビを非表示にできるChrome機能拡張「X-zombie-killer」を試してみました。 「X-zombie-killer」でインプレゾンビ対策。結果は…?Image: 小暮ひさのり拡張機能はChromeウェブストアからインストール。その後Chromeを再起動。 Xを表示すると右上に機能のON/OFFボタンが表示されます。イ

                                                                Xのインプレゾンビを消すChrome拡張を使ってみた
                                                              • ウェブ開発の未来を左右するかもしれない大規模アンケート「State of HTML 2023」がスタート

                                                                ウェブ開発者を対象にHTMLの使用状況について調査するアンケートプロジェクト「State of HTML」が開始しました。このプロジェクトはGoogleとニジボックスによる協賛を得ており、ブラウザ開発におけるロードマップの優先順位にも影響を与えるとのことです。 State of HTML https://stateofhtml.com/ja-JP/ State of HTML 2023 now open! • Lea Verou https://lea.verou.me/blog/2023/state-of-html-2023/ ウェブ開発において、HTMLはJavaScriptやCSSと並んでよく使われる言語であり、さらにさまざまなウェブサービスやウェブページの基盤として機能しています。World Wide Webの国際標準化団体・World Wide Web Consortium(W3

                                                                  ウェブ開発の未来を左右するかもしれない大規模アンケート「State of HTML 2023」がスタート
                                                                • CSSの進化が止まらない! Chrome 120で追加された7つの新しいCSSの機能

                                                                  年末になっても、CSSの進化が止まりません! 先日リリースされたChrome 120で追加された7つの新しいCSSの機能を紹介します。JavaScriptをサポートしているかチェックできる新しいメディアクエリ、新しい指数関数、CSSネストの記述方法がより簡単になったり、要チェックです。 New in Chrome 120 Chrome 120 beta 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 Chrome 120で追加された7つの新しいCSSの機能 カスタムプロパティに対する<image>構文 カスタムプロパティ用の<transform-function>および<transform-list>構文 JavaScriptをサポートしているかチェックできる新しいメディアクエリ :dir

                                                                    CSSの進化が止まらない! Chrome 120で追加された7つの新しいCSSの機能
                                                                  • CSSをより深く理解する、プロパティの値に無効な値を設定する(IACVT)とどのように処理されているのかを解説

                                                                    CSSで無効な値、たとえばcolor: 20px;のようにcolorプロパティにカラー値以外を設定したり、background-colorにカラー値以外をカスタムプロパティで設定したりすると当然その値は反映されません。 CSSにおいて値の処理がどのように実行されているのかを紹介します。無効な値だけでなく、値の上書き、値の継承、キーワードから変換した値など、いろいろな処理がされています。 CSS Foundations: What is IACVT? by Bramus! 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSにおける無効な宣言(Invalid Declarations)とは CSSにおける値の処理 カスタムプロパティの場合 IACVT: 無効な値を含む有効な宣言 IACVTの結果 終わりに はじめに 先

                                                                      CSSをより深く理解する、プロパティの値に無効な値を設定する(IACVT)とどのように処理されているのかを解説
                                                                    • Firefox、サイドバーに統合する生成AIを選択可能に。まずはChatGPTやGoogle Gemini、HuggingChatなど、今後も選択肢を追加

                                                                      Firefox、サイドバーに統合する生成AIを選択可能に。まずはChatGPTやGoogle Gemini、HuggingChatなど、今後も選択肢を追加 Mozillaは、Firefoxの新機能としてサイドバーにChatGPTやGoogle Geminiなど任意の生成AIサービスを選択して統合できるようにすることを明らかにしました。 今後数カ月のうちに登場するFirefoxの開発バージョンであるNightlyにおいて、実験的実装を開始する予定です。 下記はその動作を説明している画像で、左側にあるサイドバーに生成AIのチャットボットが統合され、Webページ上で選択された文字列をチャットボットに送り、要約してもらうといったことが可能です。 ほとんどのWebブラウザでは、Googleなどの検索エンジンの機能が統合されていますが、ユーザーはどの検索エンジンを利用するかを設定で変更可能になっていま

                                                                        Firefox、サイドバーに統合する生成AIを選択可能に。まずはChatGPTやGoogle Gemini、HuggingChatなど、今後も選択肢を追加
                                                                      • Apple announces changes to iOS, Safari, and the App Store in the European Union

                                                                        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, and the App Store impacting developers’ apps in the European Union (EU) to comply with the Digital Ma

                                                                          Apple announces changes to iOS, Safari, and the App Store in the European Union
                                                                        • 「Google Chrome」でパスワードがダダ漏れに そのカラクリとは?

                                                                          Webブラウザと拡張機能の組み合わせは便利だが、セキュリティホールを生み出してしまうこともある。Amazon.comやGmailのパスワードを第三者が盗む方法を研究チームが発見した。 Webブラウザと拡張機能を組み合わせることで利便性が増す一方で、セキュリティホールを生む原因にもなり得る。 あまりにも簡単にパスワードが手に入る ウィスコンシン大学マディソン校の研究チームが2023年8月30日に発表した論文によれば、Amazon.comやgmail.comが入力されたパスワードを一時的に保持する方法に欠陥があり、あるWebブラウザの拡張機能を使うと、第三者がパスワードを読み取れる可能性があるという。これは現実的な危険なのだろうか。 結論から言えば現実的な危険だ。理由は2つある。理由の一つはトラフィックの多いWebサイトの一部にセキュリティ設計が甘いものがあること。もう一つの理由は、悪意のある

                                                                            「Google Chrome」でパスワードがダダ漏れに そのカラクリとは?
                                                                          • Bun の非互換な拡張 API - moriken's project

                                                                            Bun は WinterCG meetings に参加せず、標準から外れた拡張を利便性のために結構取り入れている。またエコシステムとして合意の取れていない実装をすることもある。これら API を使ってしまうと Node.js や Deno、Cloudflare Workers などで扱えず相互運用性の問題となる。知らず知らずのうちに使ってしまわないようにまとめておく。 Jarred Sumner @jarredsumner 2024/02/18 02:45 JS runtimes obsess about web standards but web standards orgs are incentivized to only care about browsers Luca Casonato 🏳️‍🌈 @lcasdev 2024/02/18 05:48 @jarredsumner J

                                                                              Bun の非互換な拡張 API - moriken's project
                                                                            • 「Firefox アカウント」が「Mozilla アカウント」に、Google/Appleアカウントでもログイン可能/「Pocket」など、「Firefox」ブランド以外の製品にも利用が広まる

                                                                                「Firefox アカウント」が「Mozilla アカウント」に、Google/Appleアカウントでもログイン可能/「Pocket」など、「Firefox」ブランド以外の製品にも利用が広まる
                                                                              • 【JavaScript】ここがしんどかったよTauri開発【Rust】 - Qiita

                                                                                2024年2月2日にTauri 2.0がβ版となりました。昨年から個人的にいくつかTauriの1系でデスクトップアプリケーションを開発してきたのですが、ここが辛かった!というのを列挙してみました。 因みに公開しているのは以下となります。 Iron Beads Editor(Mac OS版) String Scouter(Mac OS版)(Windows版) 尚、Iron Beads Editor(以下IBE)に関しては元々Vanilla.jsでweb側を作っていて、それの機能追加版となります。 なぜTauriを選択したのか? まずTauriを選択する前に以下のプラットフォームを検討しました。 Platform 所感とか

                                                                                  【JavaScript】ここがしんどかったよTauri開発【Rust】 - Qiita
                                                                                • Why HTTP/3 is eating the world | APNIC Blog

                                                                                    Why HTTP/3 is eating the world | APNIC Blog