jQueryへの別れ：現代的な開発のための必須JavaScriptメソッド - Qiita

2023/06/21 328 users jQuery Qiita タスク 制約 スタイリング

jQueryは依然として有用ですが、制約もあります。2015年にリリースされたES6のブラウザサポートは、96%以上という高いレベルに達しており、要素の選択、スタイリング、アニメーション、データの取得といった基本的なタスクにおいて、jQueryからの移行を考える時期となっています。 以下は、バニラJavaScriptにおけるいく... 続きを読む

jQuery使いのエンジニアがReactとNext.jsでWebサイト制作するために最低限押さえておきたいコード（基礎編）

2023/01/23 357 users jQuery React Svelte Vue 構文

なぜ書いたか 筆者もWebサイト制作をそこそこ長くやってきておりいまは業務でVueを書いたりちょっとReactを書いたりSvelteを書いたりしていますが、2年前くらいまではReactやES6の構文すら書いたことがありませんでした。 WordPressでのサイト制作が多く、機能が少ないサイト制作会社ではjQueryで充分なことも多く、恥ず... 続きを読む

JavaScriptの次の仕様ES2022の新機能まとめ - ICS MEDIA

2022/06/10 148 users 新機能まとめ - ICS MEDIA 年次 ES2022

JavaScriptの仕様であるECMAScriptはEcma Internationalによって定められています。ECMAScript 2015（ES6）の登場以降は、ECMAScript 2016、ECMAScript 2017･･･と、年次で仕様が更新されています。最新のECMAScript 2022（ES2022）は今月6月22日のEcma InternationalのGA 123rd meetingにて承認される見込みです。 ES202... 続きを読む

新人にドヤ顔で説明できるか、今風フロントエンド開発ハンズオン(git/node.js/ES6/webpack4/babel7) - Qiita

2018/11/13 689 users Git Qiita 反面 node.js ドヤ顔

新人にドヤ顔で説明できるか、今風フロントエンド開発ハンズオン(git/node.js/ES6/webpack4/babel7) 概要 今風の手法でJavascriptアプリを作ろうとすると色々ツールがあって便利な反面、複雑でわからないことがたくさんあります。 わからないことがあったら、それを放置せず、しっかり理解して大いに寄り道しつつブラウ... 続きを読む

2016年、サーバーサイドエンジニアがゼロからReact/Reduxを学習したときの方法を振り返る | BLOG | 株式会社スタジオ・アルカナ

2016/12/12 698 users redux React Babel サーバーサイドエンジニア

こんにちは。スタジオ・アルカナのサーバーサイドエンジニアなっちゃんです。 この記事は React Advent Calendar 2016 の13日目の記事です。 それは2016年も後半へ差し掛かったある日のことでした… 上司「次の案件、この辺の技術使うから軽く勉強しておいてー」 つ React.js + Redux.js + redux-saga + Cordova + ES6 + Babel ... 続きを読む

Web制作者が備えておきたい最新版チートシートのまとめ、CSS3 Flexbox, CSSアニメーション, jQuery3, ES6, Bootstrap4など | コリス

2016/11/15 556 users コリス Flexbox セレクタ コーディング CSS

CSS3のFlexboxをはじめ、CSSアニメーション、CSSのセレクタ、jQuery3, ES6, Bootstrap4など、フロントエンドのマークアップやコーディングに役立つチートシートを紹介します。 ブックマークし ...記事の続きを読む 続きを読む

BabelでES6で書いて、webpackでビルドして、mochaでテスト書いて、power-assertでassertの出力を見やすくして、karmaで複数ブラウザのテストを自動化して、カバレッジを出力するようにした - UUUM攻殻

2016/09/16 100 users Karma Webpack assert Babel uuum

2016 - 09 - 16 BabelでES6で書いて、webpackでビルドして、mochaでテスト書いて、power-assertでassertの出力を見やすくして、karmaで複数ブラウザのテストを自動化して、カバレッジを出力するようにした おはこんばんちは!! 尾藤 a.k.a. BTOです。 UUUMでは業務の効率改善に kintone を導入しようとしているのですが、kintone ... 続きを読む

ES2015で始めるJavaScript入門 - Qiita

2016/09/08 284 users Qiita ECMAscript サーバサイド ナンバリング

JavaScriptとは Webブラウザで実行可能なインタプリタ言語 最近ではサーバサイドのものもある(Node.jsなど) 各ブラウザで独自の実装があるが、標準化されたECMAScriptに準拠している ES5, ES2015(ES6), ES2016, … ES2015からは毎年新しい規格が策定される これによりナンバリングは策定した年に変更 ES5(2011年策定)から4年ぶりに策定されたE... 続きを読む

生のReactを知ろう – JSX、Flux、ES6、Webpackを使わず… | プログラミング | POSTD

2016/03/31 313 users Webpack Flux react-router jsx

React.jsが騒ぎを起こしているのはご存知の通りです。しかし、調査に数時間を費やした挙句、あまりに多くの用語に圧倒されただけで終わっていないでしょうか。JSX、flux、ES6、webpack、react-routerが使える今、他に必要なのはReactの使い方を説明してくれる人だけです。免責事項：　私はJSX、Flux、 ES6 、そして webpack を非常に気に入っています。これらのツ... 続きを読む

ES6のモジュールを解説してみた - uehaj's blog

2015/11/06 142 users モジュール uehaj's blog export

2015-11-07 ES6のモジュールを解説してみた js es6 javascript ECMAScript import export package module Tweet Share on Tumblr はじめに 予備知識 JSにおいてモジュールとは何か・何だったか ES6においてモジュールとは何か exportとimport モジュール利用の流れ export編 1. named e... 続きを読む

JavaScript - 末尾再帰による最適化 - Qiita

2015/10/05 132 users Qiita Babel altJS ドキュメント 最適化

はじめに ES6 (EcmaScript 6)を試そうと、Babelのドキュメントを読んでいたところ、末尾呼び出し（Tail Call）の最適化をしていることにびっくり。公式リリース（2015年6月）から３ヶ月あまり経ってはいますが、ES6が末尾呼び出し最適化を仕様としてサポートしていることをようやく知りました。 現状で末尾呼び出し最適化をサポートしているブラウザはなく（ブラウザやaltJSなどの... 続きを読む

ECMAScript 2015(ES6)の概要と次世代JavaScriptの新たな機能 | HTML5Experts.jp

2015/09/29 143 users HTML5Experts.jp 概要 機能 泉水翔吾 経緯

ECMAScript 2015(ES6)の概要と次世代JavaScriptの新たな機能NEW 泉水翔吾（株式会社サイバーエージェント） ECMAScript,JavaScript2015年9月29日 この記事は「ECMAScript2015/ES6特集」の第1回目です。この特集ではJavaScriptの次世代仕様であるECMAScript 2015（ECMAScript 6）を取り上げ、歴史や経緯... 続きを読む

ES2015(ES6)な時代だからこそ、ES5を改めて調べたJavaScript初級者のメモ - Qiita

2015/09/12 127 users Qiita Babel メモ ECMAScript5 ES5

はじめに ECMAScript2015(第6版、通称ES6)が承認され、Babelも登場し、世はまさにES2015時代。なのだけど、JavaScript初級者としてはES5自体をちゃんと把握していなかったりするので、今さらながら調べてみることにした。 間違っている所があれば、ご指摘いただけると大変助かります。 ECMAScript5で追加されたもの ECMAScript5 compatibilit... 続きを読む

どうやってECMAScript 6を学び始めるか

2015/06/26 119 users ECMAScript 6 azu JSer.info ISO

どうやってECMAScript 6を学び始めるか ^ 自分でちゃんと見て読んで大丈夫というものしか出してないので、かなり最小限の紹介です。 ^ azuです。JSer.infoなどをやっています。 ES6的にはPromise本を書いたり、日本のISO/IEC JTC 1 SC22でES6のレビューに参加してます。 ECMAScript 5を知る ^ ES6の話をする前にES5の話です。 ES6 の前... 続きを読む

cssnextを使って最新のcss syntaxで開発するのが良さそう | 69log

2015/06/19 153 users cssnext Babel altJS 備忘録 CSS

ここ最近CSSを扱うことが多かったので、その際にPostprocessorを検討時にcssnextについてまとめた備忘録。 JavaScriptの最近の事情javascriptではES6でコードを書き、BabelでTransplieするという流れが定着しつつある。 これは、これまで必要だったライブラリが不要になり、コードが依存するライブラリを減らすことができ、altJSに頼らないで開発できるという... 続きを読む

ESDocというJavaScript向けのAPIドキュメントツールを作りました - maru source

2015/05/06 132 users ESDoc 一息 maru source 雑談 宣伝

2015-05-06 ESDocというJavaScript向けのAPIドキュメントツールを作りました こんにちは丸山@h13i32maruです。 昨日、ESDocというツールをリリースしました。GW中になんとかリリースできて一息ついているところです。今回はそのESDocというツールについて紹介します。あと最後に雑談と宣伝があります。 ESDocとは？ ESDocとはJavaScript(ES6)向... 続きを読む

Hello, ES6 ~これから迎えるJSのミライ~ - @yoshiko-pg

2015/04/25 240 users yoshiko-pg Hello

続きを読む

ES6時代のJavaScript - クックパッド開発者ブログ

2015/02/02 530 users ES6時代 JavaScript クックパッド開発者ブログ

2015-02-02 ES6時代のJavaScript こんにちは会員事業部の丸山@h13i32maruです。 最近のWebフロントエンドの変化は非常に激しく、ちょっと目を離した間にどんどん新しいものが出てきますよね。そんな激しい変化の一つとしてES6という次期JavaScriptの仕様があります。このES6は現在策定中で、執筆時点ではDraft Rev31が公開されています。 JavaScrip... 続きを読む

ライブラリをES6で書いて公開する所から始めよう | Web Scratch

2015/01/09 142 users ライブラリ ECMAScript6 策定 現実 ブラウザ

この記事はECMAScript6の事始めとして、ライブラリをES6で書いて公開するというところから始めるのがいいのではという内容です。 現在のES6 -> ES5 ECMAScript6は現在策定の最終段階で、メジャーなブラウザの最新版は多くの機能を既に実装しています。 ECMAScript 6 compatibility table しかし、現実には最新版以外の実行環境でも動くように書くと思うの... 続きを読む

テンプレートリテラルが実装された - JS.next

2014/11/22 135 users 構文 console.log JS.next 文字列リテラル

2014-11-22 テンプレートリテラルが実装された ★★★ ES6 新仕様実装 V8 概要 テンプレート文字列を記述できる構文が実装された。 テンプレートリテラル 基本の使い方 『 ` 』の記号で文字を囲むと、文字列リテラル同様に文字列として評価される。 var t = `テンプレート` var s = "テンプレート" console.log(t) // "テンプレート" console.l... 続きを読む

Class構文が実装された - JS.next

2014/10/31 389 users JS.next prototype Class構文 関数 定義

2014-11-01 Class構文が実装された ★★★ ES6 新仕様実装 V8 概要 待ち焦がれた人も多いことだろう。ES6の一番の目玉機能とも言えるクラス構文が、ついにV8でサポートされた。 Class構文は、『関数（コンストラクタ）定義』＋『.prototypeへのメソッド定義』の糖衣構文である。 JSで今まで様々に工夫されてきたクラスの書き方を、綺麗に統一してくれる可能性を秘めている。 ... 続きを読む

アロー関数が実装された - JS.next

2014/07/23 373 users function JS.next 無名関数 実装 アロー関数

2014-07-23 アロー関数が実装された ★★★ ES6 新仕様実装 V8 概要 ES6を象徴する機能である、アロー関数構文の実装がついにV8で始まった。 無名関数を短く書ける　　　[3.28.31] アロー関数は無名関数の省略記法である。 今までこう書いていたのが、 var fn = function (a, b) { } こうスッキリ書ける。 var fn = (a, b) => { } ... 続きを読む

Node.jsにPromiseが再びやって来た！ - ぼちぼち日記

2014/03/19 131 users Promise stream node.js ぼちぼち日記

ES.harmony, V8, JavaScript, Node.js tl;drサンプルコードを付けたら記事がかなり長くなってしまったのでご注意下さい。 Node.jsの current master で V8がアップデートされ ES6の Promise が使えるようになりました（要オプションですが）。Promise を使うと Node.jsの非同期処理がどのようになるのか、Stream と P... 続きを読む

GitHub の ATOM が CoffeeScript で書かれているのはどうなの? - ワザノバ | wazanova

2014/03/05 104 users GitHub CoffeeScript wazanova

http://discuss.atom.io/t/why-coffeescript/131 2 comments | 2 points | by noto ■ comment by noto | 約1時間前 先日 GitHub が発表してエディタ ATOM のディスカッション・フォーラムでなぜ CoffeeScript で書かれていて、EcmaScript 6 (ES6) じゃないの? node.... 続きを読む