[JS]Temporalの嬉しい進捗 MDNドキュメント＆Firefox対応開始
こんにちは、booost technologiesバックエンドエンジニアのma_meです。 直近の業務でフロントエンドのタイムゾーンで苦しめられていた中、JSの日付処理を劇的に改善するTemporalの明るい進捗ニュースが飛び込んできて、大変喜んでいます。 今回はそんなTemporalの明るいニュースをお伝えしたいと思います。 記事の概要まとめ Temporalの包括的なドキュメントがMDNに追加された Firefox Nightlyにも実装されはじめた 嬉しいニュース JavaScript Temporal is coming | MDN Blog Temporal って何？ そもそもTemporalについての説明です。 JSの日付APIは選択肢が殆ど無いうえ、あまり機能が充実しておらず、フロントエンドで日付を扱う際にはライブラリが必須な状況でした。 ライブラリも一筋縄ではなかなかいかず
![[JS]Temporalの嬉しい進捗 MDNドキュメント＆Firefox対応開始](https://cdn-ak-scissors.b.st-hatena.com/image/square/0fa51646125c7b1cc66253ced53c444e567c7115/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--bH2aoryE--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%25255BJS%25255DTemporal%2525E3%252581%2525AE%2525E5%2525AC%252589%2525E3%252581%252597%2525E3%252581%252584%2525E9%252580%2525B2%2525E6%25258D%252597%2525E3%252580%252580MDN%2525E3%252583%252589%2525E3%252582%2525AD%2525E3%252583%2525A5%2525E3%252583%2525A1%2525E3%252583%2525B3%2525E3%252583%252588%2525EF%2525BC%252586Firefox%2525E5%2525AF%2525BE%2525E5%2525BF%25259C%2525E9%252596%25258B%2525E5%2525A7%25258B%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_34%3Ama_me%252Cx_220%252Cy_108%2Fbo_3px_solid_rgb%3Ad6e3ed%252Cg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzY1MDIxZThkNDcuanBlZw%3D%3D%252Cr_20%252Cw_90%252Cx_92%252Cy_102%2Fco_rgb%3A6e7b85%252Cg_south_west%252Cl_text%3Anotosansjp-medium.otf_30%3Abooost%252520technologies%252Cx_220%252Cy_160%2Fbo_4px_solid_white%252Cg_south_west%252Ch_50%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzMzZjVkODUyNTcuanBlZw%3D%3D%252Cr_max%252Cw_50%252Cx_139%252Cy_84%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
Firefox 121 がリリースされて :has() が使えるようになりました。そして Intl.Segmenter は Nightly で使えるようになりました。 - Qiita
はじめに この記事は 2023 年の MDN 翻訳 Advent Calendar 向けに作成したものです。 こんにちは。debiru です。「Firefox は利用者数が少ないので対応ブラウザから外します」とか言っているサービスは Web 標準を冒涜しているので滅んでどうぞ。 今日は記念すべき Firefox 121 リリース日なので、改めて Firefox 121 でできるようになったことをお伝えするとともに、Firefox 122 あるいは 123 でサポートされる重要な機能についてお話したいと思います。 Firefox 121 がリリースされたよ Firefox 121 でのキャプチャ画像です。 See the Pen :has() selector by arcxor (@arcxor) on CodePen. :has() 疑似クラスがサポートされました。 text-inden
Safely reviving shared memory – Mozilla Hacks - the Web developer blog
At Mozilla, we want the web to be capable of running high-performance applications so that users and content authors can choose the safety, agency, and openness of the web platform. One essential low-level building block for many high-performance applications is shared-memory multi-threading. That’s why it was so exciting to deliver shared memory to JavaScript and WebAssembly in 2016. This provide
GitHub - intoli/remote-browser: A low-level browser automation framework built on top of the Web Extensions API standard.
Remote Browser is a library for controlling web browsers like Chrome and Firefox programmatically using JavaScript. You've likely heard of similar browser automation frameworks before, such as Puppeteer and Selenium. Much like these other projects, Remote Browser can be used to accomplish a wide variety of tasks relating to UI testing, Server Side Rendering (SSR), and web scraping. What makes Remo
WebAssembly対応、主要ブラウザChrome/Firefox/Edge/Safariで整う。Webアプリの開発言語としてJavaScript以外の選択肢は広がるか？
主要なWebブラウザでのWebAssembly対応が整った。これによりJavaScriptを超える高速なWebアプリケーションの実行に加え、JavaScript以外の言語によるWebアプリ開発の選択肢が開かれることになる。 WebAssemblyは、Webブラウザ上でネイティブコードに近い実行速度で高速に実行できるバイナリフォーマットを実現しようと、マイクロソフト、Google、Mozilla、Appleなどの主要なWebブラウザベンダがW3CのWebAssembly Community Groupなどを通じて共同で開発に取り組んでいる技術です。 主要なWebブラウザによるWebAssembly対応が整う 1年前の2016年11月には、各社が足並みをそろえてWebAssemblyの試験的実装を発表し、2017年2月にはWebAssembly APIとバイナリフォーマットについて主要ブラウザ
V8、Firefox、Microsoft Edgeが「WebAssembly」の実装を発表。将来のWebの共通バイナリフォーマットへ期待 － Publickey
V8、Firefox、Microsoft Edgeが「WebAssembly」の実装を発表。将来のWebの共通バイナリフォーマットへ期待 WebAssemblyは、JavaScriptのようにどのWebブラウザでも実行可能なポータブル、かつコンパイル済みでロード時間が小さくて済み、汎用的なハードウェアの能力を活用したネイティブスピードで高速に実行できるという特性を備えた共通のバイナリフォーマットを目指してオープンソースで開発が進んでいます。 2015年6月には、Chrome、Firefox、WebKit、マイクロソフトなど主要なWebブラウザやW3Cが相次いでWebAssemblyのサポートを表明しました。 そして、ChromeのJavaScript実行エンジンであるV8、MozillaのFirefox、そしてMicrosoft Edgeで、このWebAssemblyのテスト実装が相次いで
JavaScriptでFirefox使用者がページをブックマークする方法 - OKWAVE
利用可能なお気に入りボタンのみ表示させるスクリプトを書いてみました。 JavaScript が ON である場合のみ表示されますが、 自分の環境で利用できないものは何も表示されないスクリプトです。 コレでお気に入り登録部分がシンプルにまとまると思います。 細部は適宜書き換えてくださいますようお願い致します。 尚、注意点がふたつ。Gecko の window.sidebar.addPanel はサイドバー用に作成された Web ページをサイドバーへ追加するための独自拡張です。 Mozilla のサイドバーと互換性を持ったサイドバー機能つきブラウザでは、 すべてブックマークに追加されずサイドバーに追加されてしまいます。 ブックマークへ追加できるのは Firefox のみであるという検証結果が出ました。 （Firefox 専用お気に入り追加ボタンとして利用したほうが便利かも知れません。） Ope
FireFoxのバージョン23.0以降、javascriptでお気に入りを追加したかった（その後） - まるでちょんまげハリウッド
結局、FireFoxのバージョン23.0以降で。。。 ブックマークを追加することができず！！ でも、どうにかしてボタン一つで、 それっぽい動きを実現したい！ ちなみに、こちらが前回のお話。 ブラウザにjavascriptでブックマークを追加したい こちらは、山口県の「こ熊や」のカレー。 うまかった。 閑話休題。 ちょっと探したら、HTML5で、 <a rel="sidebar" href="登録url" title="登録URLの名前">君のお気に入りになりたいな</a> という感じで書けるっぽい。 aタグの、rel属性を、sidebarにするのがミソだそうな。 ↑↑ 超適当。 ↓↓ 君のお気に入りになりたいな こいつをjavascript使って、ブラウザのバージョンとかでHTMLごと書き分けてやれば、 えぇ感じにブックマークに追加できるはず。 なお、上の動作は FireFoxのVer24
JavaScript : 日本語入力時のキーイベント。 - freefielder.jp
さてさて、JavaScriptで「日本語入力がON & 変換確定時に何か処理をしたい」と考えました。「日本語の変換が確定した」という情報を得なくてはなりません。キーイベントを受け取ることで、日本語入力中 / 変換確定 の区別は可能なんだろうか。 手元にある、いくつかのブラウザで挙動を調べてみた。 Firefox 3.6.x (Gecko 1.9.2) : Mac OS X , Windows , Linux(Xubuntu) 日本語変換中は、全てのキーで keydown,keypress,keyup,全てのイベントを受け取らない。 確定のエンターキーを押したときのキーアップイベントから復活。 Internet Explorer 8 日本語入力中、keydownにはキーコード"229"が、keyupには押したキーのキーコードが返ってくる。キープレスイベントは発生しない。 日本語変換中の 複数
JavaScript.Next Returns
JavaScript : What is it really? AND Some new features in ES6
JavaScript の分割代入まとめ - mooz deceives you
幻の ECMAScript 4th 幻となった ECMAScript 4th のドラフトを眺めていたところ, p.33 に Destructuring assignment and binding (分割代入, 分割束縛) という項目を発見した. 分割代入に関しては JavaScript 1.7 (Firefox などが用いる SpiderMonkey や Rhino に実装済み) から使用が可能であるため, ご存知の方も多いのではないかと思う. 「そういえば詳しい仕様は見たことがなかったな」と軽い気持ちで読み進めていたところ, そこに述べられていることが Haskell や OCaml など関数型言語におけるパターンマッチと同等であると分かり, 驚いた. 例えば, 分割代入においては次のように deep なパターンが利用可能であると書かれている. let { x: {a, b}, y:
JavaScript でブロックスコープを実現する: Days on the Moon
JavaScript には基本的にブロックスコープというものが存在しない。どうしてもブロックスコープを扱いたいときは function 式を使ったりする。 var a = 10; { var a = 20; print(a); // 20 } print(a); // 20 var a = 10; (function () { var a = 20; print(a); // 20 })(); print(a); // 10 だがやはりブロックスコープがあったほうが便利ということで JavaScript 1.7 では let 式、let 文、let 宣言が導入される。 var a = 10; let (a = 20) { print(a); // 20 } print(a); // 10 しかしこれでは対応するブラウザが Firefox 2 以降などに限られる。ところが、with 文とオブ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - redfire75369/spiderfire: JavaScript Runtime built with Mozilla's SpiderMonkey Engine
GitHub - mozilla/addons-linter: 🔍 Firefox Add-ons linter, written in JavaScript. 👁
GitHub - LinusU/wext-shipit: Automate the process of shipping Web Extensions for Chrome, Firefox, Safari, Opera and Edge
1233809 - Daylight Savings Time Displays the Wrong Date in JavaScript on Windows
Object.values/Object.entries - Qiita
https://qiita.com/falsandtru/items/0e92c2ee8f4a6b940133
Post by @swdyh
Mozilla と WebKit，縮小された JS や CoffeScript など JS 言語のデバッグサポートを目指す
