ECMA

即時関数という語を知りました。なんだそれ。とりあえずググって「即時関数の使い方と構造について」という記事を流し読み。ざっくり「即時実行される関数の書き方」というような印象。下のような書き方になります。 (function() { // 処理 })() ショートハンドで下のようにも書けます。 (() => { // 処理 })() ここまで来るとどこかで見たような記述です。下のような場合です。 window.addEventListener("click", () => { // 処理 }) 構造上、メソッド addEventLinstener() に引数 "click" が渡されていますが、そ…

はじめに 今年は Typescript を勉強してみようと思い、まずは環境構築をするところから何にもわからん状態だったので調べたことの覚え書きです。

お仕事でよく使ってきたプログラム言語 JavaScript について、今まであまり分かっていなかった周辺知識や歴史についてまとめてみました。 誕生～CommonJS誕生まで ECMAScriptについて Ajax について 誕生～CommonJS誕生まで JavaScriptの誕生から2009年のCommonJS誕生までの概要です。 一つ一つの出来事について掘り下げてゆくと、膨大な情報量になると思いますし、ここでは登場していない内容もたくさんありますが、 それらはまた別の記事で触れようと思います。 1995年 NetScape社のNetScape 2.0 というブラウザに実装された。 NetS…

Intl.Segmenter とは 文字数をカウントする 単語や文に分割する まとめ 余談 こんにちは、システム事業部の松永です。 突然ですが、みなさんはJavaScriptで文字数をカウントした経験はありますか？ 私は先日、とあるプロジェクトで文字数のカウントを行う機会があり、何も考えずに .length を使って以下のようにカウントしてました。 "ゼネットテックブログ".length // => 10 ところがこの書き方だとうまくいかない文字というのも存在します。 （詳しくは以下のサイトに分かりやすくまとめられています） JavaScript における文字コードと「文字数」の数え方 | b…

Temporal とは JavaScript で日付を扱うための新しい API。 github.com ポリフィルが 2 つあって、1 つはブラウザでポリフィルが試せる。 www.npmjs.com 現在のステータスは stage 3 なので、普通はいくつかのランタイムで実装されれば stage 4 になり、晴れて ECMA Script の仕様として標準化される。 しかし、この提案はそうはいかない（後述）。 なぜ Temporal が必要なのか JavaScript では日時を扱うのに Date オブジェクトを使用している。 一部では有名な話だが、JavaScript の Date は Ja…

JavaScript の型変換において、ちょっと面白いと思うことがあったので記事に残す。 問題 JavaScript (ECMAScript) で、以下を評価する。 const a = 1 + '1'; const b = 1 - '1'; すると、a には string 型の '11' が、b には number 型の 0 が、それぞれ入る（Safari の開発者ツールと Node.js で試したが、結果は同じ）。 a // '11' b // 0 直感的に、(a, b) は (2, 0) か ('11', '') になるだろうと思っていたので、ちょっと意外な結果となった。 調査 このように…

こんにちは、プロダクト開発部の阿部です。 この記事はコドモン Advent Calendar 2022 15日目とJavaScript Advent Calendar 2022 16日目の記事として作成されました。 Calendar for コドモン | Advent Calendar 2022 - Qiita Calendar for JavaScript | Advent Calendar 2022 - Qiita まとめ JavaScriptのclassをtypeof演算子で調べると"function"になる これはJavaScriptが「プロトタイプベース言語」のため classはfu…

■ 思ったこと Reactをやる前に、TypeScriptの勉強をガッツリしたい。 ■ 覚えておきたいこと ECMAScriptって何 やばい！初めて聞いた！ 言語！ ・・もっというと、ブラウザことに自由に使われていたJavaScriptをECMAという標準化団体が規格を定め標準化した言語！ たくさんバージョンがあるが、後方互換性があり、便利。 TypeScriptはというと、ECMAScript + 型システム！ そもそも型について プログラムで使用する値を分類するラベル的なものだ 正しく分類した型通りにプログラムを動かす仕組みが「型システム」 実行前に判別するのが静的型付け、実行しながら判…

やあ子供たち。 「最近のブラウザ上で走るjavascriptのsort()関数は、すっかりStableな sort になっている」ということのようなので、実験してみたよ。ま、それだけの内容のつまらないポストだけれども、中盤あたりの、比較関数定義（comp_*という名前）のところで、「arrow演算子におけるreturnの省略」というものに挑戦してみたよ！コメントアウトしたコードブロックはすべてその直下の、{}やreturnを省略した形にかけるので、是非みんなもこれは覚えてしまってほしい。 今日実はそのようなコードを見つけてしまってね、もしやと思って「javascript omit return…

JSONについて https://www.publickey1.jp/blog/17/jsonrfc_8259ecma-404_2nd_editonutf-8.html が面白いし、参考になる。コメント記述の経緯は https://qiita.com/yokra9/items/1ac03876415d7fd47a65 。https://json-schema.org/draft/2019-09/json-schema-core.html#rfc.section.8.3 が参照されている。スキーマのホームは https://json-schema.org/specification.html。ダ…

JavaScriptの Date.parse の挙動が、期待していたものと違っていたことから、仕事で変なバグを作り込んでしまいました。 このブログ記事はその反省文です。 タイトルは575です。