ES2015(ES6)な時代だからこそ、ES5を改めて調べたJavaScript初級者のメモ - Qiita
はじめに ECMAScript2015(第6版、通称ES6)が承認され、Babelも登場し、世はまさにES2015時代。なのだけど、JavaScript初級者としてはES5自体をちゃんと把握していなかったりするので、今さらながら調べてみることにした。 間違っている所があれば、ご指摘いただけると大変助かります。 ECMAScript5で追加されたもの ECMAScript5 compatibility tableにて、ES5で追加された機能がどのブラウザに対応しているかが分かる。また、es5-shimというライブラリが、古いブラウザでES5の一部の機能が実装可能になる。 基本的には、IE9以上／iOS7以上、それ以外はモダンなブラウザであれば大抵対応している。 use strict スクリプトの先頭、もしくは関数内の先頭に記載することでstrict modeで実行される。自分が書いているもの
もうはじめよう、ES6~ECMAScript6の基本構文まとめ(JavaScript)~ - Qiita
JavaScriptにおける、ECMAScript6についてのまとめの前編です。またこの記事では、実践で使える情報のみまとめています。網羅的にすべてをまとめている情報ではありません。 基本構文の続き、アロー関数やPromiseはこちらの記事で。 ECMAScript6のアロー関数とPromiseまとめ - JavaScript 技術情報のみつぶやくアカウント作成しました。ECMAScript6などの最新情報も追っていきます。 Twitter: @takeharumikami RSSはこちら Feedly: Feedlyをフォロー RSS: http://qiita.com/takeharu/feed letによるブロックスコープ JavaScriptの他言語との違いで、悩めるポイントとしてスコープの範囲があります。ECMAscript6から、let命令により関数スコープではなく、ブロックス
最新JavaScript E2015(ES6)の新機能―オブジェクト指向とジェネレータについて
2015年にJavaScriptの標準仕様として提案されたES2015(ES6)。その最新仕様を優しく紹介します。3回目の今回は、オブジェクト指向とジェネレーターに関する新機能を紹介します。ちなみに、最新の言語仕様であるES2015を利用しますので、最新のブラウザー（Chrome50以降やFirefox46以降）あるいは、Node.jsの最新バージョン6以降をダウンロードして試してみてください（http://nodejs.org）。 クラス定義が可能になった！ そもそも、オブジェクト指向とは、操作手順よりも操作対象に重点を置く考え方のことです。ある関連する複数のデータと、それらのデータを操作するメソッドをオブジェクトという一つの単位で管理します。ES2015以前のJavaScriptでも、オブジェクトは利用できますので、なんとなく想像が付くのではないでしょうか。 ところが、ES2015以前
最新JavaScript E2015(ES6)の新機能―変数と関数について
2015年にJavaScriptの標準仕様として提案されたES2015(ES6)。その最新仕様を優しく紹介します。2回目の今回は、変数と関数に関する新機能を紹介します。ちなみに、最新の言語仕様であるES2015を利用しますので、最新のブラウザー（Chrome50以降やFirefox46以降）あるいは、Node.jsの最新バージョン6以降をダウンロードして試してみてください（http://nodejs.org）。 変数を宣言するletとconstが追加された！ さて、ES2015では、変数宣言を行う「let」と「const」が追加されました。もちろん、ES2015以前にも変数宣言を行う「var」がありました。以下のようにして、変数を宣言できました。
JavaScriptの最新仕様「E2015(ES6)」を理解しよう
JavaScriptは強力なプログラミング言語です。2015年に標準仕様として提案された「ES2015(ES6)」では、クラスが定義できるようになったり、より簡潔に無名関数が記述できるようになったりと、大幅に利便性が向上しています。本稿では、その最新仕様をより分かりやすく紹介します。 一回目の今回は、ES2015(ES6)登場の背景について紹介します。 ES2015の登場背景 最近、JavaScript業界で話題になっていることと言えば、ES2015と呼ばれる新しいJavaScriptの規格についてです。この新しい規格では、大幅に言語機能が強化されて、これまでJavaScriptを使っていて不便だと感じていた部分がずいぶん改善されました。この変更によって、JavaScriptの生産性が大きく向上します。
ES2015の現在とESNextの未来
HTML Party in 鹿児島 で発表した ES2015 の話です。
2010年以前で止まっていたJavaScript脳を2016年までバージョンアップした話 - Qiita
はじめに 専任のフロントエンドエンジニアが何人もいる大企業に長らく居たため、幸か不幸かJavaScriptを書く機会があまりなく、2010年以前で脳が停止している状況でした。（それって、エンジニアとしてどーよ、というツッコミは甘んじて受けます涙） 翻って、現職のスタートアップでは所謂フルスタックエンジニアにならざるをえないため、一念発起して2016年まで一気にキャッチアップしようという次第です。 学んだことを記録しておく意味でも、自分が採ったアプローチをまとめてみようと思います。 ES6の構文を見てフリーズした 初めて見たときには、フリーズしました。。。 var odds = evens.map(v => v + 1); var nums = evens.map((v, i) => v + i); class SkinnedMesh extends THREE.Mesh { constru
ES2015 (ES6)についてのまとめ - Qiita
ECMAScriptとは ECMAScriptはJavaScriptの中核仕様を抜き出して標準化したもの 開発当初のJavascriptは、ブラウザによる独自の拡張が多く、互換性が低かったため、Ecma Internationalが中心となりECMAScriptが開発された ES2015 (ES6)とは 先日策定された、ECMASCriptの6th Editionのことであり、当初はES6と呼ばれているが、正式名称をECMASCript2015(ES2015と呼ばれる)とし、今後は年単位のリリースを予定しているとのこと [公式サイト]http://www.ecma-international.org/ecma-262/6.0/index.html ES2015で可能となる新たなシンタックス let・constキーワードによる変数宣言 class構文 関数の引数のデフォルトパラメータ（Def
You Don't Need jQuery - Qiita
注意とお願い この記事の内容はもはや古いです。ここに書いている方法では動かないものをいくつか見つけました。参考にする際は動作をよく確認してから使ってください。 ひとつお願いがあります。「あれ、動かないぞ」というコードを見つけたら是非コメントか編集リクエストで教えてください。解決方法までなくても結構です。「これはもう動かないよ」という印をつけたいのです。 この記事はYou Don't Need jQueryの日本語訳と同じ内容です。 先日ひょんなことからYou Don't Need jQueryの日本語訳をさせていただきました。著者のCam Songさんからも快諾をいただけたので1、Qiitaでも公開させていただきます。 なお、本家の英語の説明は継続的にメンテされているので、この記事の情報は古くなっている可能性があります。 追記 この記事は当初は「もうjQueryは必要ない」というタイトルで
ES6版React.jsチュートリアル - Qiita
はじめに 初心者による初心者のための記事 React.js公式チュートリアルの和訳風 ES6 さらっと仮想DOM調べてみたよ、ぐらいの人向けです。 JavaScript初心者、ES6初心者、React初心者向けかつ僕がそうです。 なので間違いがあるかもしれません。見つけたら教えて下さい。 公式のチュートリアルはこちらです。 React Tutorial React チュートリアル (和訳) 公式Documentのソース (Markdown) 環境 Mac OSX Node.js v0.12.7 Gulp 3.9.0 React 0.13.3 作るもの 公式のTutorialに沿って、シンプルなコメントボックスをReactで作成します。 次の機能を提供するものです。 すべてのコメントの表示機能 コメント投稿フォーム バックエンドサーバーとの連携 また、次の特徴を持っています。 更新最適化:
春からはじめるモダンJavaScript / ES2015 - Qiita
春ですね！人の配置がリファクタリングされ、コードもリファクタリングの季節です。 では僕がここでモダンなJavaScriptとES2015の利点を語る役をやるので、みなさんはチームを説得する役をやってください。 JavaScriptの歴史 まず最初にJavaScriptの歴史を踏まえることで、今学ぶべきものとその理由を確認しましょう。 なぜ2016年の記事でES2016ではなく、ES2015なのか、と疑問に思った方もいるかもしれません。それは、ES2015がただの年次アップデートではなく、これから始まる毎年のメジャーバージョンアップの起点となるバージョンであり、またES5から飛躍的に仕様が増えたバージョンであるからです。 簡単に(雑な)歴史を紹介します。 ブレンダン・アイクによってNetScapeに実装/搭載された古の時代〜IE6 (1996~2005) ES3: 一時はシェア7割を誇ったレ
ES6 チートシート | POSTD
日々の仕事の中で役に立つES2015（ES6）のティップス、コツ、ベストプラクティス、プログラムの見本をご紹介します。コントリビューション歓迎です！ 目次 var vs. let / const IIFEからブロックベースへ アロー関数 文字列 デストラクチャリング モジュール パラメータ クラス シンボル マップ WeakMaps Promises ジェネレータ Async/Await var vs. let / const var の他に、値を格納する let と const という識別子が新たに追加されました。 var とは異なって、 let と const はクロージャのスコープ内で最初に記述されることはありません。 var の使用例です。 var snack = 'Meow Mix'; function getFood(food) { if (food) { var snack
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - asciidwango/js-primer: :book: JavaScript Primer - 迷わないための入門書