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>>
