(Translated by https://www.hiragana.jp/)
ECMAScriptの人気記事 288件 - はてなブックマーク

検索けんさく対象たいしょう

並ならび順じゅん

ブックマーク数すう

期間きかん指定してい

  • から
  • まで

1 - 40 件けん / 288件けん

新着しんちゃく順じゅん 人気にんき順じゅん

ECMAScriptの検索けんさく結果けっか1 - 40 件けん / 288件けん

ECMAScriptに関かんするエントリは288件けんあります。 javascript、 プログラミング、 programming などが関連かんれんタグです。 人気にんきエントリには 『2021年ねんにJavaScriptやNode.jsを勉強べんきょうし始はじめたので、読よんで良よかった資料しりょうをまとめる』などがあります。

ECMAScriptの関連かんれんエントリー

  • 2021年ねんにJavaScriptやNode.jsを勉強べんきょうし始はじめたので、読よんで良よかった資料しりょうをまとめる

    2021年ねんになってJavaScript、TypeScript、Node.jsの勉強べんきょうを始はじめました。 この記事きじでは、読よんで良よかった本ほん、記事きじ、公式こうしきドキュメントなどをまとめていきます。 ※2021/03時じ点てんの情報じょうほうです。 個人こじん的てきなリンク集しゅうですが、「これも読よむと良よいよ」というものがあればぜひ教おしえてください。 ECMAScript ECMAScriptの仕様しようは、EcmaのTC39で策定さくていされている Ecma TC39 GitHub organization ep78 TC39 | mozaic.fm Node.jsの各かくバージョンでのECMAScriptサポート状じょう況きょう JavaScript Misreading Chat - #86: JavaScript: the first 20 years JavaScript 二に十じゅう年ねんの歴史れきしについての回かい JavaScript チュートリアル | MDN JavaScri

    • プログラミング初心者しょしんしゃのための JavaScript と Node.js の歴史れきし、それを踏ふまえた勉強べんきょう方法ほうほう

      プログラミング初心者しょしんしゃのための JavaScript と Node.js の歴史れきし、それを踏ふまえた勉強べんきょう方法ほうほう 2020年ねんでJavaScript学まなぶならきっとブラウザ向むけJSガン無視むししていきなり初手しょてnode.js（ただし暫しばらく何なにも足たさない）がいいんじゃないかというメモ - min.t (ミント) Node.js を教おしえることについて、自分じぶんは賛成さんせいなんですが、その学習がくしゅうパスが整理せいりされてないなと思おもっていたのと、学習がくしゅうパスがなぜ整理せいりされていないかについて書かきます。 はじめに 問題もんだい意識いしきとして、今いまのプログラミングスクールや独学どくがく勢ぜいが Ruby on Rails に偏かたよっていて、 Node.js の人間にんげんとしては、歯はがゆく感かんじているんですが、実際じっさい Node.js を教おしえるとしても問題もんだいも多おおいと認識にんしきしています。 歴史れきしの話はなしは、当時とうじの実情じつじょうや政治せいじを省はぶいて結果けっかだけを書かきます。具体ぐたい的てきには第だい一いち次じブラウザ戦争せんそう、第だい二に次じブラウザ戦争せんそうを言及げんきゅうしませ

        プログラミング初心者のための JavaScript と Node.js の歴史、それを踏まえた勉強方法

      • "レガシー"と言いわれないためのJavaScript再さい入門にゅうもん

        追記ついき: 10/11 ハテブでバズっているようで、色々いろいろ指摘してきがあったので追記ついき getElement*は動作どうさが早はやいのでIDやクラス名めいが自明じめいの場合ばあいはgetElement*を使つかう方ほうがいいと言いう意見いけんもあり、また、ページの表示ひょうじで大量たいりょうに呼よび出だされるわけではないからボトルネックにはならないと言いう意見いけんもある。 getElement*で返かえされるオブジェクトは動的どうてきな変化へんかに対応たいおうしており、querySelector*は動的どうてきな変化へんかに対応たいおうしていないため、場合ばあいによってはgetElement*を使つかうといい。このサイトで遊あそんでみよう。 https://ja.javascript.info/searching-elements-dom#ref-263 for await ... ofは非ひ推奨すいしょうなので Promise.allを現代げんだい的てきな書かき方かたにした 顧客こきゃく先さきのブラウザが古ふるい場合ばあいも考慮こうりょして、あえてレガシーな書かき方かたもする場合ばあいがあるらしい。現げん

          "レガシー"と言われないためのJavaScript再入門

        • 現代げんだいウェブフロントエンド（ウェブアプリケーション）について理解りかいする唯一ゆいいつの方法ほうほう｜erukiti

          この記事きじは、ウェブ技術ぎじゅつの開発かいはつ者しゃ（Java, PHP, Ruby, Go... 全すべて含ふくむ）のうち、少すこしでもJavaScriptを触さわったことがあるけど、現代げんだいウェブフロントエンドというか、特とくにウェブアプリケーション —— React, Vue, Angular など—— が分わからない人ひとに向むけて、たったひとつの理解りかい方法ほうほうを提示ていじするものです。 追記ついき: ちなみに果はてしなくどうでもいいですが、今回こんかいの記事きじが記念きねんすべき100記事きじ目めらしいです。（Noteさん！その手てのヤツはいっそ自動じどうで記事きじにバッヂを表示ひょうじするとかしてくれるとうれしいです！） 対象たいしょう読者どくしゃは、Java, PH(以下いか略りゃく）などのコードと一緒いっしょに、ほんの少すこしでもJSのコードを触さわった、見みたことがあるというレベル感かんの人ひとなので、既すでにReact, Vue, Angular などでガリガリコードを書かいている人ひとは対象たいしょうではありません。 あとホームページ屋やさんとかウェブコーダ

            現代ウェブフロントエンド（ウェブアプリケーション）について理解する唯一の方法｜erukiti

            • ECMAScriptの関連かんれんエントリー

          • TypeScriptをプロダクト開発かいはつに使つかう上うえでのベストプラクティスと心得こころえ - Qiita

            同おなじTypeScriptという言語げんごを利用りようする場合ばあいにおいても、トランスパイラによってTypeScript自体じたいの機能きのう制限せいげんがかかったり、思おもわぬトラブルを招まねく場合ばあいがあります。それぞれのトランスパイラの特徴とくちょうを踏ふまえた上うえで、それにより生しょうじる問題もんだいも見みていきましょう。 1-1. tsc TypeScriptの開発元かいはつもとであるMicrosoft純正じゅんせいのTypeScriptトランスパイラです。TypeScriptを利用りようする際さいに typescript パッケージをインストールする必要ひつようがありますが、それに同どう梱こりされています。 公式こうしきツールなだけあって最もっとも早はやく最新さいしんバージョンのTypeScriptに対応たいおうしたり、言語げんごすべての機能きのうを利用りようすることができる一方いっぽうで、バンドラではないためminifyやchunkの設定せっていはできません。また、Path Aliasesの未み解決かいけつや旧きゅうESへの互換ごかん性せいが不完全ふかんぜんであることが欠点けってんとして挙あげられます。 tsco

              TypeScriptをプロダクト開発に使う上でのベストプラクティスと心得 - Qiita

            • JavaScriptのモダンな書かき方かた - ES2020のオプショナルチェーン、null合体がったい演算えんざん子こ、動的どうてきimport、globalThis等とうを解説かいせつ - ICS MEDIA

              JavaScriptのモダンな書かき方かた - ES2020のオプショナルチェーン、null合体がったい演算えんざん子こ、動的どうてきimport、globalThis等とうを解説かいせつ JavaScriptの仕様しようであるECMAScriptは年次ねんじで仕様しようが更新こうしんされています。ECMAScript 2020（ES2020）は2020年ねん6月がつにリリースとなりました。現行げんこうのすべてのブラウザでES2020の機能きのうは利用りようできますが、フロントエンドエンジニアにとって使つかいこなしたい記法きほうばかりです。 本ほん記事きじではES2020に焦点しょうてんをあて、JavaScriptの新あたらしい記述きじゅつ方法ほうほうのメリットと使つかいどころを解説かいせつします。 オプショナルチェーン Optional Chaining（オプショナルチェーンやオプショナルチェーニングと呼よばれています）とは、?.構文こうぶんを用もちいてnullやundefinedになりうる値ねへ安全あんぜんにアクセスできる仕組しくみです。 利用りようシーン nullやunde

                JavaScriptのモダンな書き方 - ES2020のオプショナルチェーン、null合体演算子、動的import、globalThis等を解説 - ICS MEDIA

              • JavaScript 今こんドキな書かき方かた ES2020

                配信はいしん動画どうがはこちら https://www.youtube.com/watch?v=x1XdqWtPUdg もし良よかったらムーザルちゃんねるのチャンネル登録とうろくお願ねがいします！ https://www.youtube.com/channel/UCLPHXwLp90A5R69Eltxo-sg Tw…

                  JavaScript 今ドキな書き方 ES2020

                • 正式せいしき仕様しようリリース！ JavaScriptの最新さいしん仕様しようES2022で追加ついかされた「全あきら」新しん機能きのう

                  JavaScriptの仕様しようはECMAScriptで、ECMAScript 2015（ES2015）、ECMAScript 2016（ES2016）...というように毎年まいとし進化しんかを続つづけています。 これまでの仕様しようはES2021でした。 本日ほんじつ6月がつ22日にち、ES2022は正式せいしき仕様しようとして承認しょうにんされ、ES2022が最新さいしん仕様しようとなりました。 22.06.2022 Ecma International approves new standards - Ecma International ブラウザ対応たいおうも完了かんりょうしており、全ぜんモダンブラウザ（Google Chrome・Firefox・Safari・Microsoft Edge）でES2022の全ぜん機能きのうが使つかえます。 本ほん記事きじでは、ES2022すべての新しん機能きのうを紹介しょうかいします。「何なにが使つかえるようになったのか？」「どうしてそれが必要ひつようだったのか？」が、できるだけわかりやすいように解説かいせつしました

                    正式仕様リリース！ JavaScriptの最新仕様ES2022で追加された「全」新機能

                  • JavaScript: 通常つうじょうの関数かんすうとアロー関数かんすうの違ちがいは「書かき方かただけ」ではない。異ことなる性質せいしつが10個こほどある。 - Qiita

                    本稿ほんこうでは、アロー関数かんすうとfunctionキーワードを使つかって定義ていぎされる関数かんすうを区別くべつするため、functionキーワードを使つかうほうの関数かんすうを「通常つうじょう関数かんすう」と呼よぶことにします。英文えいぶんで見みかけるregular functionの翻訳ほんやくになりますが、これは公式こうしきの用語ようごではなく、解説かいせつの便宜べんぎ上じょうのものとご理解りかい頂いただければと思おもいます。単たんに「関数かんすう」というときは、通常つうじょう関数かんすうとアロー関数かんすうどちらも指さすこととします。 関数かんすうの歴史れきし 歴史れきし的てきに見みると、通常つうじょう関数かんすうは古ふるくからある言語げんご機能きのうであるのに対たいし、アロー関数かんすうは新あたらしいものです。アロー関数かんすうはES2015(ES6)で導入どうにゅうされました。導入どうにゅうにあたっては、関数かんすうを短みじかく書かきたい、thisを束縛そくばくしたくないという2つの理由りゆうがあります。 通常つうじょう関数かんすうとアロー関数かんすうの性質せいしつの違ちがい 通常つうじょう関数かんすうとアロー関数かんすうでは、構文こうぶんが違ちがうというのは見みて分わかると思おもいます。構文こうぶんについての違ちがいはここでは解説かいせつしません。 ここでは、文法ぶんぽう以外いがいの相違そうい点てんをひとつ

                      JavaScript: 通常の関数とアロー関数の違いは「書き方だけ」ではない。異なる性質が10個ほどある。 - Qiita

                    • JavaScriptエンジンの仕組しくみをGIFアニメで分わかりやすく解説かいせつ

                      Node.jsおよびChromiumベースのブラウザで使用しようされるJavaScriptエンジンの仕組しくみについてGIFアニメーションで分わかりやすく解説かいせつされた記事きじを紹介しょうかいします。 🚀⚙️ JavaScript Visualized: the JavaScript Engine by Lydia Hallie 下記かきは各かくポイントを意訳いやくしたものです。 ※当とうブログでの翻訳ほんやく記事きじは、元もとサイト様さまにライセンスを得えて翻訳ほんやくしています。 JavaScriptを視覚しかく的てきに解説かいせつ: JavaScriptエンジン JavaScriptはクールです（私わたしはそう思おもいます）が、あなたが書かいたコードをマシンが実際じっさいに理解りかいするにはどうすればいいのでしょうか。JavaScriptデベロッパーは通常つうじょう、コンパイラを自分じぶんで扱あつかう必要ひつようはありません。しかし、JavaScriptエンジンの仕組しくみを理解りかいし、人ひとに優やさしいJavaScriptコードをどのように処理しょり

                        JavaScriptエンジンの仕組みをGIFアニメで分かりやすく解説

                      • モダンJavaScript再さい入門にゅうもん / Re-introduction to Modern JavaScript

                        FRONTEND CONFERENCE 2019の登壇とうだん資料しりょうです。 https://2019.kfug.jp/session/onoueyosuke Webサイト・Webアプリ制作せいさくへの高たかまる要求ようきゅうに耐たえられるようにJavaScriptは進化しんかを続つづけてきました。特とくにこの約やく5年間ねんかんで、JavaScriptは…

                          モダンJavaScript再入門 / Re-introduction to Modern JavaScript

                        • JavaScriptの非同期ひどうき処理しょりをじっくり理解りかいする (1) 実行じっこうモデルとタスクキュー

                          対象たいしょう読者どくしゃと目的もくてき 非同期ひどうき処理しょりの実装じっそう方法ほうほうは知しっているが、仕組しくみを詳くわしく知しらないのでベストプラクティスがわからないときがある 実行じっこう順序じゅんじょの保証ほしょうがよくわからないので自信じしんをもってデプロイできない変更へんこうがある より詳くわしい仕組しくみを理解りかいすることでより計画けいかく的てきな実装じっそうをできるようになりたい という動機どうきで書かかれた記事きじです。同様どうようの課題かだいを抱かかえる人ひとを対象たいしょう読者どくしゃとして想定そうていしています。 目次もくじ 実行じっこうモデルとタスクキュー Promise async/await AbortSignal, Event, Async Context WHATWG Streams / Node.js Streams (執筆しっぴつ中ちゅう) 未定みてい 入門にゅうもん記事きじへのリンク プロミスの使用しよう - JavaScript | MDN Promise, async/await (現代げんだいの JavaScript チュートリアル) JSの初心者しょしんしゃにPromiseとasync/awaitの使つかい方かた

                            JavaScriptの非同期処理をじっくり理解する (1) 実行モデルとタスクキュー

                          • モダンフロント開発かいはつに必須ひっすの知識ちしき(ES2015~ES2023まとめ + 高階たかしな関数かんすう) - Qiita

                            はじめに モダンフロント開発かいはつに必須ひっすの知識ちしきであるES2015〜以降いこうの記法きほうと、実務じつむでよく使用しようされる高階たかしな関数かんすうについて、自分じぶんの中なかで改あらためて復習ふくしゅう、整理せいりしておきたいと思おもいます。 それぞれの項目こうもくに★~★★★の重要じゅうよう度ども記述きじゅつしています。 ★★★ => 必かならず覚おぼえておくべき ★★ => 覚おぼえておくべきだが、使つかう場面ばめんが限かぎられる ★ => 知識ちしきとしては知しっておいた方ほうが良よい 現在げんざいフロントエンドエンジニアの方ほうやフロントエンジニアになりたての方ほう、フロントエンドエンジニアを目指めざして勉強べんきょう中ちゅうの方ほうに読よんでいただけたら幸さいわいです。 ES(ECMAScript)とは？ JavaScriptの標準ひょうじゅん仕様しよう。 現在げんざいブラウザで使つかわれているJavaScriptは、ECMAScriptの仕様しように則のっとって開発かいはつされています。 JavaScriptは他たの言語げんごのようにversionなどが存在そんざいせず、「ECMAScriptのversion~~に対応たいおうしているJavaS

                              モダンフロント開発に必須の知識(ES2015~ES2023まとめ + 高階関数) - Qiita

                            • モダンJavaScript概論がいろん − Node, npm, ECMAScript, Babel, Webpack | Hypertext Candy

                              2020.04.30 モダンJavaScript概論がいろん − Node, npm, ECMAScript, Babel, Webpack この記事きじでは、モダンな JavaScript を書かくための前提ぜんていとして知しっておくべき、いくつかのキーワードを紹介しょうかいします。想定そうてい読者どくしゃは、初心者しょしんしゃ 〜 jQuery なら書かけるレベルの開発かいはつ者しゃです。これから React や Vue.js を学まなびたい方ほう、または Web 開発かいはつの世界せかいに飛とび込こむ新人しんじんさんなどの学習がくしゅうの助たすけになれば、と思おもいます。 「モダン」な JavaScript ここで言いう「モダン」とはどういう意味いみでしょうか？ 「モダン JavaScript」という表現ひょうげんは数すう年ねん前まえから目めにしますが、大抵たいてい ES2015（JavaScript の 2015 年ねんバージョン）以降いこうの JavaScript を指さしているようです。確たしかに、const / let やアロー関数かんすうなどの文法ぶんぽう的てきな改善かいぜん、A

                              • 2019年ねん5月がつ時点じてん　JavaScript初心者しょしんしゃが参考さんこうにしていいモダンJavaScript解説かいせつサイト2つ - Qiita

                                初心者しょしんしゃ向むけ解説かいせつによくある例れいです。 これが現時点げんじてん（2019年ねん5月がつ時点じてん）で非ひ推奨すいしょうな書かき方かただと、初心者しょしんしゃは気付きづくことができない。つらい。 【JavaScript初心者しょしんしゃのつらいところ】 初心者しょしんしゃ向むけ解説かいせつ（チュートリアル）のvarをconstやletに置おき換かえなきゃいけない 何なにも知しらずvarで写経しゃきょうすると悪癖あくへきがつく 他ほかにも「今いまは覚おぼえなくていい書かき方かた」がどうやらたくさんある 「歴戦れきせんのJavaScripterがモダンJavaScipt知識ちしきをアップデートするためのまとめ」を読よむには、そもそも必要ひつようとされる前提ぜんてい知識ちしきを持もってない 「何なにが正解せいかいかわからない→ググる」と、正ただしい情報じょうほう探さがしに時間じかんが消きえる 解説かいせつ途中とちゅうでググらなくても良よい、チュートリアル的てきに読よみ通とおせるサイトってどこ！？！？ そんな私わたしのニーズを満みたせそうなサイトにたどり着ついたので、記事きじにしてみます。 【js-primer】 js-primer これからJavaScri

                                  2019年5月時点　JavaScript初心者が参考にしていいモダンJavaScript解説サイト2つ - Qiita

                                • TypeScriptの設定せっていの良よし悪あし

                                  You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                    TypeScriptの設定の良し悪し

                                  • TypeScript誕生たんじょうの背景はいけい | TypeScript入門にゅうもん『サバイバルTypeScript』

                                    TypeScriptは、JavaScriptでも大だい規模きぼなアプリケーションを開発かいはつしやすくすることを目的もくてきに開発かいはつされたプログラミング言語げんごです。 確たしかにJavaScriptは元々もともと、大だい規模きぼな開発かいはつを想定そうていした設計せっけいではありませんでした。それでも、JavaScript自体じたいが進化しんかして、大だい規模きぼ開発かいはつに対応たいおうしてゆけば良よかったはずです。しかし、実際じっさいはそううまくは行いきませんでした。代かわりに、大だい規模きぼ開発かいはつの一部いちぶはTypeScriptが引ひき受うけることになったのです。 なぜ、そうなったのでしょうか？その答こたえはJavaScriptの歴史れきしにあります。TypeScriptが必要ひつような発明はつめいで、そして、今いまもなお必要ひつようとされている理由りゆうが見みえてきます。それでは、TypeScript誕生たんじょう以前いぜんの歴史れきしをひも解といていきましょう。 1990年代ねんだい​JavaScriptの誕生たんじょう​JavaScript誕生たんじょう以前いぜんは、簡単かんたんなフォームのバリデーションをするのも、サーバーサ

                                      TypeScript誕生の背景 | TypeScript入門『サバイバルTypeScript』

                                    • JavaScript Primerを出版しゅっぱんしました！/JavaScript Primerはなぜ書かかれたのか？

                                      この3つの原則げんそくは書籍しょせきの構成こうせいにも現あらわれています。 第だい一部いちぶの基本きほん文法ぶんぽうで「書かき方かた」を学まなび、第だい二に部ぶのユースケースで「作つくり方かた」を学まなべるようになっています。 「学まなび方かた」は、章あきらとしてではなく全体ぜんたい的てきな流ながれとして取とり入いれることにしました。 なぜなら、「学まなび方かた」自体じたいは学まなびたいことによっても異ことなる方法ほうほうを取とる場合ばあいがあります。 そのため、「学まなび方かた」で個別こべつの章しょうとするよりは、他たの章しょうで「書かき方かた」や「作つくり方かた」と一緒いっしょに見みたほうがよいと考かんがえたためです。 たとえば、基本きほん文法ぶんぽうなどの学まなび方かたにはMDNのようなリファレンスサイトを見みたほうがいいし、 アプリケーションの作つくり方かたは実際じっさいのサイトなどを参考さんこうにしたほうがよいためです。 第だい一部いちぶと第だい二に部ぶがどのように書かかれたのかをざっくりと振ふりかえってみます。 第だい一部いちぶ: 基本きほん文法ぶんぽう 第だい一部いちぶ: 基本きほん文法ぶんぽうはJavaScriptの基本きほん的てきな文法ぶんぽうについて扱あつかっています。 プログラミングの入門にゅうもん書しょで文法ぶんぽうについては避さけること

                                        JavaScript Primerを出版しました！/JavaScript Primerはなぜ書かれたのか？

                                      • JavaScriptのES2021で追加ついかされた新しん機能きのうまとめ

                                        2022/06/22追記ついき 最新さいしん仕様しようES2022がリリースされたので、新あたらしく記事きじを書かきました。 JavaScriptの仕様しようはECMAScriptで、ECMAScript 2015（ES2015）、ECMAScript 2016（ES2016）...というように毎年まいとし進化しんかを続つづけています。 これまでの仕様しようはES2020でしたが、先日せんじつ2021年ねん6月がつ22日にちにES2021が正式せいしき仕様しようとして承認しょうにんされました。 22.06.2021 Ecma International approves new standards - Ecma International ブラウザ対応たいおうも完了かんりょうしており、全ぜんモダンブラウザ（Google Chrome・Firefox・Safari・Microsoft Edge）でES2021の全ぜん機能きのうが使つかえます。 本ほん記事きじでは、ES2021すべての新しん機能きのうをまとめて紹介しょうかいします。 大おおきな数値すうちを_区切くぎりで書かけ

                                          JavaScriptのES2021で追加された新機能まとめ

                                        • JavaScript の undefined と null を完全かんぜんに理解りかいする

                                          JavaScript で頻出ひんしゅつする undefined と null について語かたります。 言語げんご仕様しよう上じょうの違ちがい JavaScript (ECMAScript) において、仕様しよう上じょう undefined と null は当然とうぜんながら明確めいかくに区別くべつされています。いくつか言語げんご仕様しよう上じょうの扱あつかいについて挙あげてみます。 比較ひかく 厳密げんみつな比較ひかく演算えんざん子こ === において undefined と null は区別くべつされます。ゆるい比較ひかく演算えんざん子こ == においては両者りょうしゃは区別くべつされません（仕様しよう 7.2.14）。 console.log(undefined === null); // false console.log(undefined == null); // true

                                          • JavaScript Visualized - Promise Execution

                                            Promises in JavaScript can seem a bit daunting at first, but understanding what's happening under the hood can make them much more approachable. In this blog post, we'll dive deep into some of the inner workings of promises and explore how they enable non-blocking asynchronous tasks in JavaScript. I'm still working on making this blog better on mobile devices, mobile browsers don't always render t

                                              JavaScript Visualized - Promise Execution

                                            • 2021年ねんに知しっておきたいJavaScript最適さいてき化か技術ぎじゅつ34選せん - Qiita

                                              最新さいしんの省略しょうりゃくテクニック、コツ、秘訣ひけつで、JavaScriptコードを最適さいてき化かする。 開発かいはつ者しゃの生活せいかつというのは常つねに新あたらしいことを学まなぶことで、その変化へんかについていくことは決けっして難むずかしいことではありません。私わたしは、フロントエンド開発かいはつ者しゃとして知しっておく必要ひつようのある省略形しょうりゃくけいや機能きのうなど、JavaScriptのすべてのベストプラクティスを紹介しょうかいして、2021年ねんの生活せいかつをより快適かいてきにしたいと考かんがえています。 JavaScript開発かいはつに長ながく携たずさわっている人ひとでも、コードを追加ついかしなくても問題もんだい解決かいけつできるような最新さいしん機能きのうを知しらないこともあるかもしれません。ここで紹介しょうかいするものは、クリーンで最適さいてき化かされたJavaScriptのコード記述きじゅつにも、2021年ねんのJavaScriptの面接めんせつ準備じゅんびにも役立やくだちます。 これは新あたらしいシリーズで、2021年版ねんばんのJavaScriptコーディングチートシートです。 1. 複数ふくすうの条件じょうけんを持もつif 配列はいれつに複数ふくすうの値ねを格納かくのうし、includ

                                                2021年に知っておきたいJavaScript最適化技術34選 - Qiita

                                              • 今こんPartytownがヤバい。JavaScript Sandboxの未来みらいはどっちだ？

                                                概要がいよう Partytownというプロジェクトが先月せんげつ発表はっぴょうされた。このプロジェクト自体じたいはWebのパフォーマンス向上こうじょう(3rd Party Scriptによるブロッキングの低減ていげん)を主おも目的もくてきとしているが、実質じっしつブラウザにおけるJavaScript Sandboxの方向ほうこう性せいに一いち石せきを投とうじるものであるとして自分じぶんは理解りかいした。本稿ほんこうではこちらについて背景はいけいとともに解説かいせつを試こころみる。 WebブラウザにおけるJavaScript Sandbox JavaScriptで記述きじゅつされたWebアプリケーションにおいて、たとえばプラグイン機構きこうを実現じつげんしたいなど、他たPartyが提供ていきょうあるいはユーザ自身じしんが記述きじゅつしたスクリプトを、ホストとなるアプリケーションに影響えいきょうを与あたえることなく実行じっこうすることを許可きょかしたい、というケースはままある。2000年代ねんだいに跋扈ばっこしたブログパーツの類るいはWebコンテンツに対たいするプラグインの代表だいひょう例れいとも言いえるが、埋うめ込こみ先さきページに対たいしての全権ぜんけん

                                                  今Partytownがヤバい。JavaScript Sandboxの未来はどっちだ？

                                                • JavaScriptの歴史れきしについては「JavaScript: The First 20 Years」を読よむ

                                                  JavaScript/ECMAScriptというプログラミング言語げんごの歴史れきしについて書かいた文章ぶんしょうはWikipediaなどいろいろなものがあります。 その中なかでも、ECMAScript 2015のSpec EditorであるAllen Wirfs-Brockによって書かかれた”JavaScript: The First 20 Years”が特とくにおすすめです。 JavaScript: The First 20 Years JavaScript: The First 20 Years | Zenodo “JavaScript: The First 20 Years”はHOPL IV - History of Programming Languages向むけに書かかれたPaperです。 JavaScriptの誕生たんじょうからECMAScriptの策定さくてい、ECMAScript/JavaScript各かくバージョンでの違ちがい、ブラ

                                                    JavaScriptの歴史については「JavaScript: The First 20 Years」を読む

                                                  • JavaScriptの非同期ひどうき処理しょりをじっくり理解りかいする (2) Promise

                                                    対象たいしょう読者どくしゃと目的もくてき 非同期ひどうき処理しょりの実装じっそう方法ほうほうは知しっているが、仕組しくみを詳くわしく知しらないのでベストプラクティスがわからないときがある 実行じっこう順序じゅんじょの保証ほしょうがよくわからないので自信じしんをもってデプロイできない変更へんこうがある より詳くわしい仕組しくみを理解りかいすることでより計画けいかく的てきな実装じっそうをできるようになりたい という動機どうきで書かかれた記事きじです。同様どうようの課題かだいを抱かかえる人ひとを対象たいしょう読者どくしゃとして想定そうていしています。 目次もくじ 実行じっこうモデルとタスクキュー Promise async/await AbortSignal, Event, Async Context WHATWG Streams / Node.js Streams (執筆しっぴつ中ちゅう) 未定みてい 用語ようごに関かんする注意ちゅうい 前回ぜんかい定義ていぎした以下いかの用語ようごを今回こんかいも使つかいます。 1 tick ... タスクキューが1周しゅうすること。 1 microtick ... マイクロタスクキューが1周しゅうすること。 これらの単位たんいは非同期ひどうき処理しょりの間あいだの相対そうたい的てきな優先ゆうせん順じゅん

                                                      JavaScriptの非同期処理をじっくり理解する (2) Promise

                                                    • JavaScript Primer 2.0 - ECMAScript 2020に対応たいおうした入門にゅうもん書しょを公開こうかいしました

                                                      ECMAScript 2020の変更へんこうに対応たいおうしたJavaScriptの入門にゅうもん書しょとしてJavaScript Primer 2.0.0を公開こうかいしました。 JavaScript Primerのウェブサイトから閲覧えつらんできます。 ウェブサイト: https://jsprimer.net/ サマリIssue: ECMAScript 2020の対応たいおう · Issue #1145 · asciidwango/js-primer 変更へんこう内容ないようの詳細しょうさいはリリースノートを参照さんしょうしてください。 Release 2.0.0: ECMAScript 2020対応たいおう · asciidwango/js-primer 2.0.0の目的もくてき JavaScript Primerは、継続けいぞく的てきにメンテナンスするためにOSSとして開発かいはつしています。 ECMAScriptの仕様しようは年としに一いち度どアップデートされていて、現実げんじつでのJavaScriptの使つかわれ方かたも変化へんかしていく

                                                        JavaScript Primer 2.0 - ECMAScript 2020に対応した入門書を公開しました

                                                      • JavaScriptのES2023・ES2022の新しん機能きのうまとめ - ICS MEDIA

                                                        JavaScriptの仕様しようであるECMAScriptはEcma Internationalによって定さだめられています。ECMAScript 2015（ES6）の登場とうじょう以降いこうは、ECMAScript 2016、ECMAScript 2017･･･と、年次ねんじで仕様しようが更新こうしんされています。ECMAScript 2022（ES2022）は2022年ねん6月がつ22日にちのEcma InternationalのGA 123rd meetingにて、ECMAScript 2023（ES2023）は2023年ねん6月がつ27日にちのGA 125th meetingで承認しょうにんされました。 ES2022とES2023はすでに多おおくのブラウザやNode.js環境かんきょうで利用りよう可能かのうです。本ほん記事きじでは新しん仕様しようと使つかいどころを紹介しょうかいします。 ES2023 - 配列はいれつの非破壊ひはかい操作そうさ ES2023では配列はいれつを非破壊ひはかいで操作そうさできるメソッドが追加ついかされています。非破壊ひはかいとは、元もとの配列はいれつを変更へんこうせ

                                                          JavaScriptのES2023・ES2022の新機能まとめ - ICS MEDIA

                                                        • JS のビルドサイズを極限きょくげんまで絞しぼるための TIPS 集しゅう

                                                          ビルドサイズ限界げんかいまで絞しぼりたい人ひと向むけ。 あらゆる環境かんきょうで実践じっせんするものではないが、知しってたら簡単かんたんに避さけることができるのもあるので知しっておくと便利べんりなTIPS書かいていく。 基本きほんポリシー 未み使用しようコードはビルド時じに全部ぜんぶ落おとす。 何なにが未み使用しようコードで、何なにが定数ていすうかわかるようなインターフェースを人間にんげんが心こころがける。 用語ようご Dead Code Ellimination(DCE) Rollup や Terser で、未み使用しようコードを削除さくじょすること

                                                            JS のビルドサイズを極限まで絞るための TIPS 集

                                                          • JavaScript の MIME タイプが `text/javascript` に統一とういつされようとしている

                                                            現在げんざい、 JavaScript の MIME タイプは2006年ねん4月がつに公開こうかいされた RFC 4329(www.rfc-editor.org) にて text/javascript (OBSOLETE) application/javascript (COMMON) text/ecmascript (OBSOLETE) application/ecmascript (COMMON) の4つが定義ていぎされています。 この RFC 4329 では text/* の2つは OBSOLETE 扱あつかいな一方いっぽうで、 JavaScript を呼よび出だす HTML の仕様しようでは HTML5 以降いこう、 <script> 要素ようその type 属性ぞくせいを省略しょうりゃくすることが推奨すいしょう されたうえで、省略しょうりゃく時じの値ねは text/javascript である とされました。 このように RFC 側がわと HTML 側がわで矛盾むじゅんが生しょうじる事態じたいが長ながい間あいだ続つづいています。 実み

                                                              JavaScript の MIME タイプが `text/javascript` に統一されようとしている

                                                            • A Proposal For Type Syntax in JavaScript - TypeScript

                                                              Today we’re excited to announce our support and collaboration on a new Stage 0 proposal to bring optional and erasable type syntax to JavaScript. Because this new syntax wouldn’t change how surrounding code runs, it would effectively act as comments. We think this has the potential to make TypeScript easier and faster to use for development at every scale. We’d like to talk about why we’re pursuin

                                                              • JavaScriptにセミコロンは入いれるのか？入いれないのか？ - Qiita

                                                                結論けつろん どちらでもいい セミコロン付つけても付つけなくても落おとし穴あなはある ESLintを利用りようすることで落おとし穴あなを検知けんちできる 私わたしはセミコロンつけない派は 自動じどうセミコロン挿入そうにゅうとは 自動じどうセミコロン挿入そうにゅう(automatic semicolon insertion) この仕組しくみのおかげでセミコロンを使つかわなくてもコードを書かくことができ、コンパイラが行末ゆくすえを察さっしてセミコロンを挿入そうにゅうしてくれる 自動じどうセミコロン挿入そうにゅうのしくみはECMAScriptで規定きていされており、自動じどうセミコロン挿入そうにゅうはJavaScriptエンジン間あいだで可か搬性がある 自動じどうセミコロン挿入そうにゅうには落おとし穴あながあり、ルールを理解りかいしておく必要ひつようがある 第だい１のルール：セミコロンが挿入そうにゅうされるのは、"}"トークンの前まえか、改行かいぎょうの後のちか、プログラムの末尾まつびだけ

                                                                  JavaScriptにセミコロンは入れるのか？入れないのか？ - Qiita

                                                                • 2019年ねん、2020年ねんのJavaScript - 別べつにしんどくないブログ

                                                                  この記事きじは JavaScript Advent Calendar 2019 - Qiita の初日しょにちの記事きじです。 2019年ねんを締しめくくるアドベントカレンダーの初日しょにちということで、今年ことしのJavaScriptを簡単かんたんに振ふり返かえりたいと思おもいます。2020年ねんのJavaScriptについても予習よしゅうしましょう。 2019年ねん、2020年ねんが何なにを指さしているかは後述こうじゅつします。 カテゴリが「プログラミング言語げんご」なので、React、Vue、AngularやNode.jsなどJavaScriptを使つかった技術ぎじゅつではなく、JavaScriptの言語げんご機能きのうにフォーカスしたいと思おもいます。 はじめに ES2019 Optional catch binding JSON superset Symbol.prototype.description Object.fromEntries Well-formed JSON.stringify Arr

                                                                    2019年、2020年のJavaScript - 別にしんどくないブログ

                                                                  • JavaScriptの上限じょうげん・限界げんかい値ち - Qiita

                                                                    JavaScriptの文字もじ列れつや配列はいれつは最長さいちょうでどこまで格納かくのうできるか、気きにしたことはありますか？関数かんすうは何なん個こまで引数ひきすうを取とれるのでしょうか？ブロックのネストは何なん段だんまで？ この記事きじでは、そんな素朴そぼくな疑問ぎもんに答こたえてみます。 テストに使つかった環境かんきょうは、 macOS 12.3.1 (Arm64) Node.js v17.7.2 Firefox Nightly 102.0a1 (2022-05-29) です。当あたり前まえですが、この記事きじに載のせる数値すうちは環境かんきょうによって変かわる可能かのう性せいがあります。 テストに使つかったスクリプト類るいは https://github.com/minoki/javascript-limits に置おいてあります。 文字もじ列れつの長ながさ まずは文字もじ列れつの長ながさです。 規格きかくには The String type is the set of all ordered sequences of zero or more 16-bit

                                                                      JavaScriptの上限・限界値 - Qiita

                                                                    • JavaScriptの演算えんざん子この優先ゆうせん順位じゅんいと「禁止きんしルール」の一覧いちらん

                                                                      ただし、種別しゅべつは以下いかの通とおりです。 prefix (前ぜん置おけ演算えんざん子こ) …… もとの式しきの手前てまえに何なん個こでもつけられる演算えんざん子こ。 例れい: -~-~x postfix (後ご置おけ演算えんざん子こ) …… もとの式しきの直後ちょくごに何なん個こでもつけられる演算えんざん子こ。 例れい: x.foo()`bar`[0] postfix once …… もとの式しきの直後ちょくごに1個いっこだけつけられる演算えんざん子こ。 例れい: x++ は可能かのうだが x++-- はパースされない。 逆ぎゃくに ++--x はパースされるが、構文こうぶんとは別べつのルールで禁止きんしされる。 (後述こうじゅつ) infixL …… 中置ちゅうち演算えんざん子こで左ひだり結合けつごう (演算えんざん子この優先ゆうせん度どが同おなじ場合ばあいは左側ひだりがわにあるほうが優先ゆうせんされる) 例れい: 0.1 + 1.0 - 1.0 は (0.1 + 1.0) - 1.0 になる infixR …… 中置ちゅうち演算えんざん子こで左ひだり結合けつごう (演算えんざん子この優先ゆうせん度どが同おなじ場合ばあいは右側みぎがわにあるほうが優先ゆうせんされる) 例れい: 2 ** 2 ** 3 は 2 ** (2 **

                                                                        JavaScriptの演算子の優先順位と「禁止ルール」の一覧

                                                                      • 末尾まつび呼よび出だし最適さいてき化かとJavaScript

                                                                        著者ちょしゃ情報じょうほう : kota-yata.com プレゼン動画どうが : https://www.youtube.com/watch?v=BcaPCnWZuvY

                                                                          末尾呼び出し最適化とJavaScript

                                                                        • JavaScriptからletを絶滅ぜつめつさせ、constのみにするためのレシピ集しゅう - Qiita

                                                                          はじめに 本ほん記事きじでは、constこそが唯一ゆいいつ神かみであることを証明しょうめいしたあと、letを使つかいがちな場面ばめんでいかにしてconstを使つかうかをまとめていきます。なお、ES2018までの基本きほん構文こうぶん(reduce, async/await, 配列はいれつとオブジェクトのスプレッド構文こうぶん)を使用しようします。「いや、reduceとかスプレッド構文こうぶんとか難むずかしいからlet使つかうわ」という方ほうのために、便利べんりメソッド詰つめ合あわせであるLodashを使つかった例れいもご紹介しょうかいします。もちろん、Lodashは機能きのうに対たいしてサイズが大おおきいライブラリであるため、フロントエンド開発かいはつでバンドルサイズを軽減けいげんしたいという方ほうなどはLodashの例れいは無視むしし、Lodashを使つかっていない方ほうの例れいをご参照さんしょういただければと思おもいます。 追記ついき：Lodashの使用しようについて 「Lodashのコードにlet使つかわれてるやん」というご指摘してきを多おおく頂いただいたので追記ついきいたします。 誤解ごかいを招まねくタイトルにしてしまい申さる

                                                                            JavaScriptからletを絶滅させ、constのみにするためのレシピ集 - Qiita

                                                                          • 僕ぼくがTypeScriptを最善さいぜん手しゅの言語げんごとして認識にんしきしている理由りゆう｜erukiti

                                                                            いまのところ僕ぼくは、TypeScriptは決けっして理想りそうではないけど、最善さいぜん手しゅの言語げんごだと認識にんしきしていて、僕ぼくのフロントエンド技術ぎじゅつに対たいするスタンスという先日せんじつに記事きじにもそういうこと書かいてたんですけど、なぜTypeScriptを最善さいぜん手しゅだと認識にんしきしているか？を記事きじにしてみます。 VSCode の存在そんざい正確せいかくにはTypeScript Language server が持もってる機能きのうですが、VSCodeは他たのあらゆるIDEやテキストエディタと比較ひかくしても、軽量けいりょうな動作どうさを誇ほこるエディタ・IDEでありながら、強力きょうりょくな補完ほかん、tipsでドキュメント表示ひょうじなどの機能きのうを持もっています。 ES ModulesTypeScriptのベースであるECMAScriptのモジュール仕様しようも良よいものです。 歴史れきし的てき経緯けいいとDOM/ブラウザ仕様しようとガラの悪わるいコードを除のぞけば、ECMAScript のコードではグローバルを利用りようしません。 モジュールは export され

                                                                              僕がTypeScriptを最善手の言語として認識している理由｜erukiti

                                                                            • 書かいた JavaScript をそのまま動うごかすフロントエンド開発かいはつの未来みらいのために必要ひつようなもの

                                                                              大おおきめのテーマです。もしかしたら「うちでは書かいた JS をそのまま配信はいしんしてるぜ〜」って人ひともいるかもしれないでが。 最近さいきんの Web フロントエンド開発かいはつでは、書かいた JavaScript をそのまま動うごかさないことが多おおい 最近さいきんのフロントエンド開発かいはつではエンジニアが書かいた JavaScript をそのままブラウザで動うごかすことはほとんどないかもしれません。 例れいとして最近さいきん流行りゅうこうのフレームワークを考かんがえてみましょう。Next.js や Remix、Nuxt.js など、いずれも内部ないぶ的てきにトランスパイラやモジュールバンドラを使つかい、エンジニアが書かいた JavaScript を別べつの形かたちへと変換へんかんしてからユーザーのブラウザで動うごかすような仕組しくみになっています。 一昔ひとむかし前まえだと Next.js のようなフレームワークが今いまほど発展はってんしていなかったこともあり、webpack や Babel を直接ちょくせつ使つかっていたと思おもいますが、それも同おなじです。

                                                                                書いた JavaScript をそのまま動かすフロントエンド開発の未来のために必要なもの

                                                                              • JavaScriptの参照さんしょうレコードとthisバインディング

                                                                                JavaScriptの仕様しようには「参照さんしょうレコード」という概念がいねんがあります。参照さんしょうを意識いしきすることで、JavaScriptにおけるメソッド呼よび出だしの理解りかいと左辺さへん式しきの評価ひょうか順序じゅんじょの理解りかいを同時どうじに深ふかめることができます。本稿ほんこうではこの「参照さんしょうレコード」の動機どうきと詳細しょうさいの説明せつめいを試こころみます。 ※ 本ほん記事きじではECMAScriptの規格きかくで「参照さんしょうレコード」と呼よばれている概念がいねんを説明せつめいします。JavaScriptのオブジェクトは参照さんしょう渡わたしのような使つかい方かたができますが、これは本稿ほんこうで説明せつめいする「参照さんしょう」とは少すこしだけ異ことなります。 参照さんしょうレコードの目的もくてき JavaScriptにおける参照さんしょうレコードは以下いかの2つの目的もくてきで存在そんざいしています。 左辺さへん式しきの中なか間あいだ評価ひょうか結果けっかを表現ひょうげんするため。 メソッドのレシーバーを決定けっていするため。 左辺さへん式しきの中なか間あいだ評価ひょうか結果けっかとは たとえば a[f()] += 2; というコードを考かんがえます。 function f() { console.log("f()");

                                                                                  JavaScriptの参照レコードとthisバインディング

                                                                                • 【追記ついきあり】ES2022 Array#at がちょっとおかしい #fix_ecmascript_at - Qiita

                                                                                  既すでに Stage 4 になっているので諦あきらめていたんですが、流石さすがに見逃みのがせないかなと思おもったので TC39 の Discourse にトピックをたててみました。意見いけんがある方ほうはこちらにお願ねがいします。 https://es.discourse.group/t/fix-at/983 議論ぎろんに伴ともなって私わたしが実際じっさいに欲ほしかったものをモジュールにして公開こうかいしてみました。 https://github.com/petamoriken/safe-at それといまいちユーザーからの声こえが伝つたわっていない感かんじがしたのでハッシュタグ #fix_ecmascript_at を用意よういしてみました。協力きょうりょくをよろしくおねがいします。 String#char{At, CodeAt} という存在そんざいを忘わすれてたんですが、この似にた名前なまえのメソッドたちが引数ひきすうを整数せいすうに丸まるめるのに String#at が丸まるめないのはたしかに変へんだということに気きづいてしまったので、自じ

                                                                                    【追記あり】ES2022 Array#at がちょっとおかしい #fix_ecmascript_at - Qiita
                                                                                  1 2 3 4 5 6 7 8 次つぎのページ

                                                                                  新着しんちゃく記事きじ

                                                                                  はてなブックマーク

                                                                                  公式こうしきTwitter

                                                                                  はてなのサービス

                                                                                  • App Storeからダウンロード
                                                                                  • Google Playで手に入れよう
                                                                                  Copyright © 2005-2024 Hatena. All Rights Reserved.