シンプルだけどシッカリ働く最新のECMAScript開発環境 - Qiita
どうも、最近スマホゲー界隈からコンバートしてきた新米フロントエンド戦士です。 数年前はブラウザゲー界隈にいたんですが…完全に浦島太郎状態です。 ここ数ヶ月で色々学ばせてもらいつつ、自分なりのNode開発環境が整ったので公開しちゃいます。 完成した環境はこちらのv1.0（masterの最新はこちらでクロスプラットフォーム対応を行ったものになります） 2018/8/28 追記 本日 Babel7がリリースされました！ それに伴いパッケージ名が変更されていました。 babel-core -> @babel/core babel-preset-env -> @babel/preset-env また babel-preset-env2.0でbabel-polyfillは不要になるらしい の件が実験的機能として導入され、以下のようにuseBuiltIns:usageと設定すると必要に応じて自動でpol
フロントエンドの開発環境を構築した - Qiita
目的 色々なツールの設定で時間とられるのは勿体無いと思い自分用のをまとめてみました。 リポジトリ https://github.com/abouthiroppy/dish 使ったもの babel ES2015以降で書かれたコードをES5へ変換します(現在のブラウザにjsを対応させる) webpack jsはもちろん、cssや画像などの依存の解決を行い結合や分割を行います eslint 静的検証ツールでコードスタイルの統一を行います react コンポーネントベースのviewを提供します css-modules cssの新しい設計概念 http://postd.cc/css-modules flow 型チェック ava テストランナー 主に使っているのは多くの人が知っているものを採用しています。 各種の詳しい説明は調べると大量に転がっているため省かせていただきます。 npm start をす
2016年から始めるフロントサイド~環境構築編~ - Qiita
editor nodejs npm babel eslint webpack react,redux editor visual studio codeを使います。 keybindingsとsettingsを少し変更します。 sublime textの方がいいのでしょうか？良いのであれば購入を検討します！ [ { "key": "shift+ctrl+k", "command": "workbench.action.editor.changeLanguageMode" }, { "key": "shift+ctrl+o", "command": "workbench.action.showCommands" }, { "key": "ctrl+j", "command": "deleteAllLeft"}, { "key": "ctrl+i", "command": "expandLine
エンジニアがいい感じにフロントエンド開発を爆速化できる環境構築の手順 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
今年もHTML5 Minutesに登壇してきました。こんにちは、先生です。 当日は「フロントエンド開発スピードをあげるための環境を作ってみた話」をしてきました。 今回はその環境を使ってみるまでの手順を書いていきたいと思います。 必要なものをインストール NodeJS Gulp WebPack Bower PhantomJS NodeJSとGulpのインストールは過去の記事「Gulp.js入門 – コーディングを10倍速くする環境を作る方法まとめ」をご覧ください。 WebPackのインストール WebPackはさまざまな形式のモジュールを静的なファイルにまとめて出力してくれるツールで、拡張性が高く最近好んで使っています。 WebPack http://webpack.github.io/ インストールはnpmを使って簡単にできます。 npm install webpack -g ※ macは
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
