#ES6
15 件の記事
モダンなJSの話──Proxy
JavaScriptのProxyオブジェクトを解説。トラップハンドラ、対象のラップ、値のバリデーションといったES2015の使い方を紹介します。
モダンなJSの話──async function
モダンなJavaScriptのasync function、await式、Promiseベースの非同期処理を解説します。
ReactとHistory APIを使ってrouterを自作する
ReactとHistory APIのpushState・popstateを使い、ライブラリに頼らずSPAのルーターを自作する方法を解説します。
モダンなJSの話──Promise
モダンなJavaScriptのPromiseを解説。非同期処理、.then()によるチェーン、エラーハンドリング、コールバック地獄の回避を紹介します。
モダンなJSの話──アロー関数
JavaScriptのアロー関数を解説。構文、レキシカルなthisのバインド、ES2015の関数式について紹介します。
モダンなJSの話──クラス
JavaScriptのES6クラス構文を解説。コンストラクタ定義、getter/setter、strictモードの挙動を紹介します。
モダンなJSの話──Destructuring assignment（分割代入）
モダンなJavaScriptの分割代入を解説。配列・オブジェクトのデフォルト値やエイリアスを使った書き方を紹介します。
モダンなJSの話──importとexport
JavaScriptのES6 import/export文を解説。名前付きエクスポート、デフォルトエクスポート、モジュールの構成方法を紹介します。
モダンなJSの話──var/let/const
JavaScriptのvar・let・const宣言を解説。スコープの種類、巻き上げ（hoisting）、Temporal Dead Zoneの挙動を紹介します。
Reactでマークダウンエディタをシャッとつくる
markedライブラリを使い、ライブプレビューに対応したReactのマークダウンエディタをサクッとつくる方法を解説します。
React+react-redux+react-router+ES6+webpackで作るSPAボイラープレート
React・Redux・React-router・webpack・Babelで構成する、モダンなSPAボイラープレートのアーキテクチャを紹介します。
React＋marked＋highlight
Reactのマークダウンエディタにmarkedとhighlight.jsを組み合わせ、シンタックスハイライト付きのコードブロックを描画する方法を解説します。
React+Reduxのディレクトリ構成検討
React+Reduxをアプリに組み込む際のディレクトリ構成の検討内容を紹介します。
ES6のExportとImportについて
ES6のexport・importを解説。名前付きエクスポート、デフォルトエクスポート、ワイルドカード、エイリアスでJavaScriptモジュール化を構成し保守性を向上させる実装ガイドです。
Laravel+React+ES6+Browserify
BrowserifyとBabelのトランスパイルでReactをLaravelに組み込み、モジュール対応のモダンなES6コードを書く方法を解説します。