2ちゃんねる ★スマホ版★ ■掲示板に戻る■ 全部 1- 最新50  

■ このスレッドは過去ログ倉庫に格納されています

traceur-compilerで今すぐ最新JavaScriptを使おう!

1 :デフォルトの名無しさん:2013/09/29(日) 11:53:30.32
traceur-compilerは、Googleが開発しているコンパイラで
ES6のソースコードをES5に変換し実行することが可能です。

変換はブラウザ上で実行時に行うことも、あらかじめコンパイルしておくことも可能です。
つまりES6に対応していないブラウザでも、今すぐに最新のJavaScriptが利用できるのです。

公式
https://github.com/google/traceur-compiler
https://code.google.com/p/traceur-compiler/

http://www.publickey1.jp/blog/11/javascripttraceur.html
現在仕様策定中の次世代JavaScriptが備えるであろうクラスの継承やモジュール化機能を、
いまのJavaScriptで実現するコンパイラ「Traceur」をグーグルが公開しました。

traceur-compiler - Google's vehicle for Javascript Language Design Experimentation - Google Project Hosting
TraceurはJavaScriptで記述されたコンパイラとして実装されており、
オンザフライでTraceur対応JavaScriptを現在のJavaScriptに変換、実行します。
具体的には、HTMLの先頭で「traceur.js」を読み込んでおくと、
そのWebサイトではそれ以後、Traceur対応のクラスやモジュール化機能を
備えた次世代JavaScriptをそのまま実行できる、ということになります。

traceur-compilerでスクリプトをあらかじめコンパイルしておく方法Add Star
http://d.hatena.ne.jp/oupo/20130413/1365826733

2 :デフォルトの名無しさん:2013/09/29(日) 11:57:23.71
2get

3 :デフォルトの名無しさん:2013/09/29(日) 14:01:45.25
>>1
これ凄いな。
一番下のを参考にコンパイル環境作ってみたけど

var a = (n) => n * n;

というコードが、

var a = (function(n) {
return n * n;
});

というコードに変換されたよ。

4 :デフォルトの名無しさん:2013/09/29(日) 14:03:57.41
どんな機能に対応しているかは--longhelpの表示を見ればざっと分かりそう。

Usage: traceur [options] [files]

Options:

-h, --help output usage information
--out <FILE> Compile all input files into a single file
--sourcemap Generate source maps
--longhelp Show all known options
--experimental Turns on all experimental features
--array-comprehension [true|false|parse]
--arrow-functions [true|false|parse]
--classes [true|false|parse]
--computed-property-names [true|false|parse]
--default-parameters [true|false|parse]
--destructuring [true|false|parse]
--for-of [true|false|parse]
--generator-comprehension [true|false|parse]
--generators [true|false|parse]
--modules [true|false|parse]
--numeric-literals [true|false|parse]
--property-methods [true|false|parse]
--property-name-shorthand [true|false|parse]
--rest-parameters [true|false|parse]
--spread [true|false|parse]
--template-literals [true|false|parse]
--block-binding [true|false|parse]
--private-name-syntax [true|false|parse]
--private-names [true|false|parse]
--cascade-expression [true|false|parse]

5 :デフォルトの名無しさん:2013/09/29(日) 14:04:29.74
--trap-member-lookup [true|false|parse]
--deferred-functions [true|false|parse]
--property-optional-comma [true|false|parse]
--types [true|false|parse]
--debug
--source-maps
--free-variable-checker
--validate
--strict-semicolons
--unstarred-generators
--ignore-nolint

Examples:

$ traceur a.js [args]
$ traceur --out compiled.js b.js c.js

6 :デフォルトの名無しさん:2013/09/29(日) 14:05:37.14
ここからオンラインでためせるね。
http://traceur-compiler.googlecode.com/git/demo/repl.html

7 :デフォルトの名無しさん:2013/09/29(日) 14:08:09.68
このスレッドは天才チンパンジー「アイちゃん」が
言語訓練のために立てたものです。

アイと研究員とのやり取りに利用するスレッドなので、
関係者以外は書きこまないで下さい。

                  京都大学霊長類研究所

8 :デフォルトの名無しさん:2013/09/29(日) 16:44:51.68
スレ何個立てる気だクズ

9 :デフォルトの名無しさん:2013/09/29(日) 17:22:47.81
何となくスレ開いたけど>>3がさっぱり分からんw
俺はJavaScriptに向いてないのか

10 :デフォルトの名無しさん:2013/09/29(日) 18:50:26.45
>>9
お前がラムダを知らないカスなだけだ

11 :デフォルトの名無しさん:2013/09/29(日) 20:55:59.08
JSの話題が上がる度にすれ立てる気か?
死ね

12 :デフォルトの名無しさん:2013/09/29(日) 23:26:51.84
アフィブログのステマうぜえ

13 :デフォルトの名無しさん:2013/10/02(水) 03:21:19.65
で、最新JavaScriptをトランスレータ通してまで使って何の益があるの

>>11
JavaScript最近落ち目というか、やっぱりクソ言語じゃねーかという風潮になって
こぞって叩かれるようになってきたからな。

俺らの時代が来たとぬか喜びしてた長年のJSerや
覇権言語だの持ち上げてた連中は心中穏やかじゃないだろ。
このままだとピエロ同然だし、必死にもなるさ

14 :デフォルトの名無しさん:2013/10/02(水) 03:26:58.64
「HTML5」のGoogleトレンドの結果が泣ける。波が急速に引いていく・・・
http://www.google.com/trends/explore#q=html5&cmpt=q&geo=JP

微妙な技術を大本営発表で過剰に持ち上げると
期待はずれとバレたときの手のひらの返されっぷりもひでえという貴重な教訓が得られた

15 :デフォルトの名無しさん:2013/10/02(水) 03:31:37.59
言葉が定着しただけだろ

16 :デフォルトの名無しさん:2013/10/02(水) 07:42:53.65
>>13
お前大丈夫か?
世間について来れてない気がするな。

まあ俺が何言っても信じないだろうから
自分でなんかのプログラム言語のランキングでも
探してくれ。

JavaScriptは常に上位に入ってるからさ。

7 KB
■ このスレッドは過去ログ倉庫に格納されています

★スマホ版★ 掲示板に戻る 全部 前100 次100 最新50

read.cgi ver 05.02.02 2014/06/23 Mango Mangüé ★
FOX ★ DSO(Dynamic Shared Object)