ECMAScript 2017、2018 の時代の開発環境 - Qiita
概要 ECMAScript 2017、2018 で導入が予定されている機能および開発ツールについて調べました。 ES モジュール 主要ブラウザー、モジュールバンドラー (Webpack、Rollup) でサポートされています。Node.js は v8.5 で実験的な機能として利用できます (--experimental-modules)。古いバージョンの Node.js のサポートのために @std/esm が公開されています。 ES モジュールを利用するメリットは従来よりも読み込む必要のあるコードを減らすことができることです。必要なクラスや関数だけをインポートできます。RxJS の場合、どれだけ変わるのかはこちらの記事をご参照ください。
最新版TypeScript 3.0+Webpack 4の環境構築まとめ(React, Vue.js, Three.jsのサンプル付き) - ICS MEDIA
TypeScriptはMicrosoftが開発するプログラミング言語です。JavaScriptのスーパーセットという位置づけで、静的型付けなど強力な言語機能を備えています。TypeScriptは高度なウェブアプリケーションの開発で使われることが多く、ほとんどのフロントエンドエンジニアが使っているといっても過言ではありません。 ▲TypeScriptの公式サイト TypeScriptはコンパイラによってJavaScriptのコードが得られますが、TypeScriptのコンパイラにはECMAScript Modules（ES Modules = importやexport文のこと）をまとめる機能が提供されていません。そのため、ES ModulesのJSファイルをまとめるモジュールバンドラー（例：webpack、Rollup等）をTypeScriptと合わせて使うのが一般的です。 この記事では、
おれ的フロントエンド速習コース
どこからどこまで？何を指してる？と引っかかる人がいるかもしれないけどそこら辺はなんとなくお察しください。 3ヶ月前までJSとjQueryのみ毎回ノリで書いていた（もちろんカオスにならないように最大限工夫はしてるけど）流れが早いからモダン情報のキャッチアップはタイミングを見計らっているけど2017年中にはなんとかしたいやるなら一気にやりたい
きれいで読みやすいJavaScriptを書く デコレーターの基本を先取り
ES2015の登場とトランスパイラーの普及により、コードや記事の中で言語の新機能を見かけることが増えました。とりわけ難しい新機能がJavaScriptのデコレーターです。 デコレーターはAngular2に採用されたことで人気が高まりました。デコレーターは現時点ではAngularではTypeScriptで使うことができ、JavaScript（ECMAScript）のプロポーザルではステージ2（編注：ドラフト）です。将来的にはJavaScriptにも採用されるでしょう。そこで、デコレーターの役割や、デコレーターを使ってきれいで読みやすいコードを書く方法を紹介します。 デコレーターとは デコレーターは、コードの一部をほかのコードでデコレート（装飾）するように包むことで、「関数合成」や「高階関数」と表現されていました。JavaScriptで実装可能で、具体的には次のようにある関数をほかの関数で包む
CSSアニメーション、このくらいはわかった方がいいよ。 - Qiita
Reactのアニメーションを学ぶ前に背景知識としてCSSのアニメーションについて紹介する。 ReactではなくてもこのくらいのCSSアニメーションの扱い方は覚えた方がいいと思う。 CSS transition transition効果（時間的変化）を与えるために使うプロパティ 百聞は一見にしかず、早速だがソースコードをみよう。 <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Hover Transition</title> <style media="screen"> a{ font-family: Helvetica, Arial, sans-serif; text-decoration: none; color: #fffff
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
