Babel
Babelは、JavaScriptの次世代仕様であるECMAScriptのコンパイラ。次世代の標準機能を用いて記述されたコードを、それらの機能に対応していないブラウザでも動作するコードに変換することができます。
RSS
-
解決済
- 回答
- 1
react×babelでhello worldが表示されない
ES6の最小構成を考えてみるこのページを基に環境構築を行ったのですが、 ./node_modules/.bin/webpack-dev-server --progress --colors --hot を実行してブラウザでhttp://localhost:8080/react-webpack/dist/index.htmlを開いても、画面が真
- 0評価
- 26PV
-
受付中
- 回答
- 1
webpack(3.0.0)でのビルドでエラーが出る。
React,webpack,babel,es6初心者です。 以下のサイトを参考にしてreactでいいねボタンを作ろうとしています。 http://c16e.com/1510161700/ 上の記事は少しバージョンが古くエラーが出るのでそれを修正した記事もあったのでそちらも参考にしながら進めていました。 http://qiita.com/wipiano
- 0評価
- 43PV
-
解決済
- 回答
- 1
Reactでvalueがundefinedと言われてしまいます
reactでSelectBoxを実装しています reactでreact-selectというnpmを使ってReactSelectの実装を行なっています。 react-select: https://github.com/JedWatson/react-select 発生している問題・エラーメッセージ valueに初期値としてvale=''を与えると問題なく
- 0評価
- 234PV
-
受付中
- 回答
- 1
ES6でクラス直下にプロパティを設定したい
参考にしたサイト ES6(ES2015)でクラス変数を定義する！ ES2015のclassでプロパティを使えるようにする 環境 ・Webpack + React + ES6の最小構成を考えてみる。 ↑このサイトのhello world表示済み ・上のサイト + babel-plugin-transform-class-propertiesとbabel-p
- 0評価
- 88PV
-
受付中
- 回答
- 1
webpack.config.jsに適切な設定をしているのにimport又はrequireがコンパイ...
問題） jquery.lazyload.jsと$(○○).lazyloadを利用する.jsファイルを結合する ためimport及びrequireで定義、下記設定のwebpackでコンパイルを実行、 その後、index.jsx内の<script src='結合した.js'></script>と定義 すると、require is not definedと
- 0評価
- 306PV
-
解決済
- 回答
- 1
react.jsでformに初期値を持たせたい。
ES6+react.js(15.3.2)をbabelで変換して使っています。 親コンポーネントから、formを持つ子コンポーネントへ初期値をstateで渡したいのですがうまくいきません。propsで渡すとformを変更できなくなってしまいます。 なお、うまくいけばformの変更を親から利用しようと考えています。 class UMU extends
- 0評価
- 399PV
-
解決済
- 回答
- 1
JSXでObject.keysで繰り返し処理するも描画されないe
JSX内で、JSONオブジェクトを繰り返し処理したいです。 以下のコードで実行するも、コンポーネントが呼ばれないです。 繰り返し処理ができるのに呼ばれないということは、 Object.keys.data.forEachの繰り返し処理の中のreturnではrenderメソッドに正常に届かないということでしょうか・・ // 呼び出し元のコンポーネント
- 0評価
- 187PV
-
解決済
- 回答
- 1
browserify/babelでjsonloaderがエラーになる
browserifyとbabelを使用し、コンパイルをしています。 ソースコードはES6制作しています。 ES6のソースの中でjsonloaderをimportし、開発ディレクトリの中のJSONデータを取得したいのですがエラーが発生します。 エラーはフロントのconsoleへ出力されています。 s.readFileSync is not a
- 0評価
- 198PV
-
解決済
- 回答
- 1
Nodeサーバー上でReact.jsを動かす
現在Nodeサーバーを簡単に立ち上げて、その中でreact.jsを動かしたいと思っております。 nodeのサーバーは ■ server.js var fs = require("fs"); require("http").createServer().on("request", function(req, res){ fs.readFile
- 0評価
- 403PV
-
解決済
- 回答
- 1
browserifyでビルドした場合にpackage.jsonのバージョンの取得方法について
package.jsonのversionで指定した値をプログラムから取得することは可能でしょうか？ process.versionというプロパティがセットされているのでこれかなとは思ったのですが中身が空となっています
- 0評価
- 342PV
-
解決済
- 回答
- 1
Babelでコンパイルすると文字化けする
utf-8で参考書を写経しましたが、Babelでコンパイルして実行すると下記の様に文字化けします。'佐藤真央'を``で囲むと回避できました。すごい初歩的なことなのかもしれませんが、理由がよくわかりません。 値はä½è—¤çœŸå¤® function hoge(value) { return new Promise((resolve, reject
- 0評価
- 416PV
-
解決済
- 回答
- 1
babelでコンパイル時の文字エンコードを指定する方法
baeleでコンパイル時の文字エンコードを指定する方法を教えてください。 例えばscript.jsをSHIFT_JISで作成し下記コマンドでコンパイルするとscript-compiled.jsが文字化けしてます。UTF-8だと問題がないです。デフォルトがUTF-8なんだと思います。package.json辺りになんか設定見たいのが必要そうな気がするの
- 0評価
- 249PV
-
受付中
- 回答
- 2
javascriptの最近の流れにどのようにして追いつけばよいのか
最近のフロントエンドの変化に驚きました。 しばらく触らないうちにjsが大きく変わってました。 jQuery脳で止まっている私ですが、 最近のフロントエンドの流れに追いつきたいと考えてます。 ただ、変化が激しすぎて何から手をつけてよいのか分からず。。 ECMASｃriptという規約(?)が最新のjsの基準的な規約になってるみたいですので、
- 0評価
- 451PV
-
解決済
- 回答
- 1
javascript(node-babel) で instanceof が思った通りの結果を返さない
問題点 node-babel で instanceof が思った通りの結果を返しません。自分が作成したクラスのインスンタンスを new して直後に instanceof で聞くと、 false が返ります。なぜ、true にならないのかわかりません。以下のソースコードとおり、クラスのインスタンスを作成し instanceof で問い合わせると、なぜか fa
- 0評価
- 336PV
-
解決済
- 回答
- 1
node.jsのrequireについて教えて下さい
server.js var express = require("express"); var aaaaa = require("../public/assets/aaaaa.js"); aaaaa(); // ここでエラー ・・・ node server.jsで起動 src/aaaaa.js export default funct
- 1評価
- 352PV
-
受付中
- 回答
- 0
ReactとフューチャーシンタックスBabelは用途が違うので比べるのが難しいようですが、 WEBの...
ReactとフューチャーシンタックスBabelは用途が違うので比べるのが難しいようですが、 WEBのフロントでスライドショーやパララックスなどを作成する場合、 どちらでも作成可能なので、どちらが難易度が高いでしょうか？ ReactはjQueryのようなライブラリなので、文法は素のJSと違うようですが、 よく使うメソッドがまとめられているのはjQu
- 0評価
- 313PV
teratailが10ヶ月前に アップデート -
解決済
- 回答
- 2
ReactかBabelかで、迷っています。
ReactかBabelかで、迷っています。 Reactはウェブ、ハイブリッド、ネイティブアプリつまりサーバサイド以外全て出来ると聞いています。 Babelでハイブリッドアプリ、ネイティブアプリ制作は出来るのでしょうか。 個人でうける程度ならReactまでやる必要ないでしょうか？ 下記のようの予想しています。 速度は恐らくはBabel 絶対に無
- -1評価
- 634PV
退会済みユーザー
10ヶ月前に
ベストアンサー
-
解決済
- 回答
- 1
watchifyでbabelifyされる前にsassをトランスパイルしておきたい
npm scriptを利用してタスクを書いてます。 タイトル通りなのですがbrowserifyによるbabelifyが重すぎるのでwatchifyを導入しました。 10秒以上かかっていたトランスパイルの処理が0.1秒の速度になり、とても満足しています。 しかし、同時にbrowserify-cssも利用していたので、監視ツールがwatchif
- 0評価
- 283PV
-
受付中
- 回答
- 1
Babelを用いた場合にネストした例外処理の外側のfinallyに到達しない
babelについて質問です。よろしくお願い致します。 import 'babel-polyfill' function* exec() { try { try { yield 'test' return } catch(err) {
- 0評価
- 324PV
-
解決済
- 回答
- 2
sinatraでes6(es2015)やjsxのトランスパイル後のソースをレンダリングしたい
sinatra公式サイトでは利用可能なテンプレートの中にes6やjsxなどは存在しませんが、どうやら公式サイトの説明を読むとsinatraでは内部でtiltを利用してテンプレートのレンダリングを行っているように見受けられました。 tiltの公式ページを見てみるとどうやら次の拡張子（.es6, .babel, .jsx）に対しbabelを利用してのレンダ
- 1評価
- 535PV
