CoffeeScript出来るかな kyo_ago Follow 2011-03-10 16:26:19 License: MIT License Fork61 Fav7 View56342 JSのコード部分に前後を/*と*/でくくったCoffeeScriptを記述するとresultに実行結果、codeにコンパイル後のJSを出力します。 (//forked fromとかはあっても大丈夫です) Play Stop Reload Fullscreen Smart Phone Fork tree Readme JavaScript 25 lines HTML 18 lines CSS 1 lines JSのコード部分に前後を/*と*/でくくったCoffeeScriptを記述するとresultに実行結果、codeにコンパイル後のJSを出力します。 (//forked fromとかはあっても大丈夫です) CoffeeScript出来るかな //以下のコメントアウト内にCoffeeScriptを記述してください。 //コード開始から/*までは無視されます。 /* class Animal constructor: (@name) -> move: (meters) -> alert @name + " moved " + meters + "m." class Snake extends Animal move: -> alert "Slithering..." super 5 class Horse extends Animal move: -> alert "Galloping..." super 45 sam = new Snake "Sammy the Python" tom = new Horse "Tommy the Palomino" sam.move() tom.move() */ <!-- jsdo.itでCoffeeScriptを試す場合のデモです JavaScript領域に前後を/*と*/でくくってCoffeeScriptを記述してください jQueryが使用できます(他に必要なライブラリがあれば「+」から読みこめば実行できます) --> <script src="http://jashkenas.github.com/coffee-script/extras/coffee-script.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script> $(function () { var js = CoffeeScript.compile($('script:last').text().replace(/^[\s\S]*?\/\*/, '').replace(/\*\/\s*$/, '')); $('textarea').val(js); //コンパイル後の結果が必要なだけ(実行しなくていい)場合、以下の行をコメントアウトしてください $(':text').val(eval(js)); }); </script> result = <input type="text"><br> code<br> <textarea rows="40" cols="60"></textarea> CoffeeScript出来るかな body { background-color: #DDDDDD; font: sans-serif; } JSのコード部分に前後を/*と*/でくくったCoffeeScriptを記述するとresultに実行結果、codeにコンパイル後のJSを出力します。 (//forked fromとかはあっても大丈夫です) //以下のコメントアウト内にCoffeeScriptを記述してください。 //コード開始から/*までは無視されます。 /* class Animal constructor: (@name) -> move: (meters) -> alert @name + " moved " + meters + "m." class Snake extends Animal move: -> alert "Slithering..." super 5 class Horse extends Animal move: -> alert "Galloping..." super 45 sam = new Snake "Sammy the Python" tom = new Horse "Tommy the Palomino" sam.move() tom.move() */ <!-- jsdo.itでCoffeeScriptを試す場合のデモです JavaScript領域に前後を/*と*/でくくってCoffeeScriptを記述してください jQueryが使用できます(他に必要なライブラリがあれば「+」から読みこめば実行できます) --> <script src="http://jashkenas.github.com/coffee-script/extras/coffee-script.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script> $(function () { var js = CoffeeScript.compile($('script:last').text().replace(/^[\s\S]*?\/\*/, '').replace(/\*\/\s*$/, '')); $('textarea').val(js); //コンパイル後の結果が必要なだけ(実行しなくていい)場合、以下の行をコメントアウトしてください $(':text').val(eval(js)); }); </script> result = <input type="text"><br> code<br> <textarea rows="40" cols="60"></textarea> body { background-color: #DDDDDD; font: sans-serif; } use an iframe compat browser, deer Play on jsdo.it games Share Embed QR Tag Download Complete! Description どんなゲームですか? JSのコード部分に前後を/*と*/でくくったCoffeeScriptを記述するとresultに実行結果、codeにコンパイル後のJSを出力します。 (//forked fromとかはあっても大丈夫です) Control Device スマートフォンコントローラー jsdo.it WebSocket Controller» マウス キーボード タッチデバイス Fullscreen 有効 無効 jsdo.it games から削除する Submit http://jsdo.it/kyo_ago/gAoN CoffeeScript出来るかな Tweet style Design view Code view code <script type="text/javascript" src="http://jsdo.it/blogparts/gAoN/js?view=design"></script><p class="ttlBpJsdoit" style="width: 465px; margin: 0; text-align: right; font-size: 11px;"><a href="http://jsdo.it/kyo_ago/gAoN" title="CoffeeScript出来るかな">CoffeeScript出来るかな - jsdo.it - share JavaScript, HTML5 and CSS</a></p> CoffeeScript Tweet twitter Tags CoffeeScript application library&test Favorite by MegaBlackLab.. ariela gaziya ajalabox tsmallfield ethertank: CoffeeScript eller86: CoffeeScript Forked sort new page view favorite forked forked: CoffeeScript出来るかな 3woo86 00 8views 26/18/1 CoffeeScript forked: CoffeeScript出来るかな Shingo.Murat.. 00 14views 26/18/1 CoffeeScript forked: CoffeeScript出来るかな kty 00 43views 19/18/1 CoffeeScript forked: CoffeeScript出来るかな YoshimuraSei.. 00 42views 26/18/1 CoffeeScript 1 2 3 4 5 6 7 8 9 10NEXT>>