ECMAScript6で書こう！WebPackとES6-loaderで環境を作り、ES6を先取り体験する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。私事ですが、サイトリニューアルに伴いあだ名が変わり、「先生」となりました。（元博士） 降格になった訳ではありません。馴染まなかっただけです。 さて、ES5のブラウザ対応も広まり、ES6の話題がちらほらと出始めました。 ES6ではClassやConstが加わることとなり、これまでのJavaScriptの書き方も変わってくることでしょう。 というわけで早速ES6でコードを書いてみたいと思いますが、普通に書いたのでは動かないブラウザが多数です。 そこで本日は、WebPackとES6-Loaderを使い、ES6で書きつつもES5にコンバートさせていく手順を紹介したいと思います。 インストールの前に開発ディレクトリを作ります。今回はこんな感じにします。 /es6 ┣ /node_modules ┣ /source ┗ package.json Node.js npmが使える状態になってい
いまさら聞けない！npmのこれだけは知っておきたい基礎知識
いまや Webフロントエンド開発に欠かせなくなったNode.js。併せて使うことが多いnpmの使い方を基礎から学びましょう。 Node.jsは、サーバーでJavaScriptアプリケーションが書けます。V8 JavaScriptランタイムで動作し、C++で書かれているため高速です。当初、アプリケーションにサーバー環境を提供する目的でしたが、ローカル環境のタスク自動化ツールとしても利用されています。Grunt、Gulp、WebpackなどのNode.jsをベースにしたツールによる新たなエコシステムは進化を続け、フロントエンド開発の形を変えるまでに至りました。 Node.jsのツールやパッケージインストールしたり管理したりする方法を、Node.jsのパッケージマネージャーであるnpmが担っています。npmには必要なパッケージをインストールするほか、パッケージを扱うための便利なインターフェイスが
君はyarn.lockをコミットしているか？
Node学園 24時限目 でのLT発表資料 https://nodejs.connpass.com/event/53534/
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
