teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

ちょっとだけ修正

2018/11/19 04:34

投稿

miyabi-sun
miyabi-sun

スコア21454

answer CHANGED
@@ -4,15 +4,18 @@
4
4
 
5
5
  さぁどうすればよいか?
6
6
 
7
- ES5時代のJSってのもチューリング完全な訳で、その気になればES6世代のコードも全部書けですね。
7
+ ES5時代のJSってのもチューリング完全な訳で、その気になればES6と同じ事は出来はずですね。
8
+ ES5は構文が少ないので余計なおまじないが増えて煩わしいってだけの話で…
8
- JSコンパイラがあるっことはさ、機械的に読み取ってES6のコードをES5に書きえれば動きそうですよね。
9
+ JSコンパイラが存在して、機械的に読み取って実行してくれるって事は、ES6をES5に換すうなツールもあるのでは?
9
- そういった趣旨のツールが実は存在します。
10
+ →あります。
10
11
 
11
12
  [Babel](https://babeljs.io/)
12
13
 
13
14
  これはES6準拠のコードを読み取ってES5相当にダウングレードしてくれるツールです。
14
- 普段のコードは最新のESで書いておいて、本番環境に設置する直前で
15
+ 普段のコードは最新のESで書いておいて、デプロイ直前でES5相当に変換するという使い方になります。
15
- これを使ってES5相当に変換してデプロイするという流れになります。
16
16
 
17
+ クラス構文やlet、constみたいなのを変換するのはBabel純正で可能ですが、
18
+ [Array.prototype.find](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/find)みたいにES6で追加されたメソッドなんかはポリフィルというので利用可能になります。
19
+
17
20
  Qiita等のブログでサンプルコードや使い方はわかると思いますので、
18
21
  まずは調べてあれこれ変換してみてください。