Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team
大è¦æ¨¡JSã§ã®Backbone.js/CoffeeScript ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ãŸ - mizchi log
ã“ã‚Œèªã‚“ã§ãŸã‚‰r7kamuraå›ã«JSã®MVCã©ã†ã™ã‚‹ã®çš„ãªè©±ãã‹ã‚Œã¦ãŸã®ã‚’æ€ã„出ã—ãŸã®ã§ã€è‡ªåˆ†ãŒBackboneを使ã†æ™‚ã®ãƒ‘ターンをr7kamuraå›ã®è¨˜äº‹ã‚’ベースã«æ›¸ããªãŠã—ã¦ã¿ãŸã€‚ > サãƒã‚¯ãƒ©ä¸¡æ–¹ã§å‹•ã JavaScript ã®å¤§è¦æ¨¡é–‹ç™ºã‚’è¡Œã†ãŸã‚㫠― Gist https://gist.github.com/1362110 > client-side javascript - ✘╹◡╹✘ http://r7kamura.hatenablog.com/entry/2012/10/18/023629 以下ã®æ§˜ãªã‚³ãƒ¼ãƒ‰ã‚’書ã„ãŸã€‚ã‹ãªã‚Šå†—é•·ã ãŒã€è¤‡é›‘ãªã‚¢ãƒ—リã ã¨ã“ã‚Œãらã„ã®å†—長性ã¯å¿…è¦ã«ãªã‚‹ã€‚ (ãªãŠæ¦‚念をä¼ãˆã‚‹ãŸã‚ã®è§£èª¬ç”¨ã‚³ãƒ¼ãƒ‰ãªã®ã§ãã®ã¾ã¾ã˜ã‚ƒå‹•ã‹ãªã„) Backbone.Model # åå‰ç©ºé–“ã®åˆæœŸåŒ– App = {} App.View = {} App.Model = {}
CoffeeScript 㧠Titanium Mobile ã™ã‚‹ã¨å¬‰ã—ã„ã®ã‹? | imthinker.net
CoffeeScript 㯠Ruby / Python ã«ä¼¼ãŸè¨˜æ³•ã§ (çµæžœã¨ã—ã¦) JavaScript を書ãã“ã¨ãŒã§ãるプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã§ã™ã€‚ CoffeeScript をコンパイルã™ã‚‹ã¨Â JavaScript ã«ãªã‚‹ã®ã§ã€ JavaScript プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã¯ CoffeeScript ã§ç½®ãæ›ãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Titanium Mobile 㯠JavaScript を使ã£ã¦ iOS ã‚„ Android ãªã©ã€ãƒ¢ãƒã‚¤ãƒ«å‘ã‘ã®ã‚¢ãƒ—リケーション開発を行ã†ãŸã‚ã®ãƒ„ールã§ã™ã‹ã‚‰ã€ã“れを CoffeeScript ã§ç½®ãæ›ãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Titanium Mobile ã§Â CoffeeScript を使ã†ã“ã¨ã§ã€ã©ã‚“ãªãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚‹ã®ã‹ã‚’ã‹ã„ã¤ã¾ã‚“ã§èª¬æ˜Žã—ã¾ã™ã€‚ãã—ã¦ã€ã‚ªã‚¹ã‚¹ãƒ¡ã™ã‚‹ã‹ã©ã†ã‹ã‚‚ãƒãƒ§ãƒã£ã¨æ›¸ãã¾ã™ã€‚ 括弧ãŒæ¸›ã‚‹ 本当ã«æ‹¬å¼§ãŒæ¸›ã‚Šã¾ã™ã€‚ Titanium Mobi
大è¦æ¨¡JSプãƒã‚¸ã‚§ã‚¯ãƒˆã®ãŸã‚ã®ã€ãƒ¢ãƒ€ãƒ³ãªjavascript/coffee-script ã®å¦ç¿’用資料ã¾ã¨ã‚ - mizchi log
A社coffee-scriptエヴァンジェリストã®mizchiã§ã™ã€‚今日ã¯æ˜¨ä»Šã®å¤§è¦æ¨¡JSã®éœ€è¦ã®é«˜ã¾ã‚Šã«å¿œãˆã‚‹ã¹ãã€ãŠå‰ãŒçŸ¥ã£ã¦ã‚‹è³‡æ–™ã‚’ã¾ã¨ã‚ã‚ã¨ã®ãŠé”ã—ãŒä¸‹ã£ãŸã®ã§ã€ç¤¾å†…wikié¢å€’ã ã—ã“ã“ã«è¼‰ã›ã¦ã¾ã™ã‚“。 å‰æ 大è¦æ¨¡JSをモジュール化ã™ã‚‹ç‚ºã«coffee-scriptã®ã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ã‚·ãƒ¥ã‚¬ãƒ¼ã§OOPã®ãƒ‘ラダイムをæŒã¡è¾¼ã‚€ coffee-scriptã®ç…©é›‘ãªã‚³ãƒ³ãƒ‘イル作æ¥ã‚’é¿ã‘ã‚‹ãŸã‚ã«ã€Rails/Nodeã§ã¯ã‚¢ã‚»ãƒƒãƒˆãƒ‘イプラインを使ã£ã¦å‹•çš„ã«ã‚³ãƒ³ãƒ‘イルã¨åœ§ç¸®ã‚’行ㆠJSプãƒã‚¸ã‚§ã‚¯ãƒˆã‚’部分的ã«node化ã—ã¦TDDã§ã‚µã‚¤ã‚¯ãƒ«ã‚’回㙠coffee-scriptã«é–¢ã—ã¦ã¯ã€åŸºæœ¬çš„ã«ã¯æœ¬å®¶ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¨ The Little Book on CoffeeScript ã‚’èªã‚ã°ã„ã„ coffee-script ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« 本家ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« CoffeeScript little book
CoffeeScriptベストプラクティス集　Node.jsアプリケーション編（1）
イベント駆動型ã®ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’ãã‚Œã„ã«ä½œã‚‹ JavaScriptã®ãƒ—ãƒã‚°ãƒ©ãƒ ã¯ã€ã‚¤ãƒ™ãƒ³ãƒˆé§†å‹•åž‹ã§éžåŒæœŸãªæ§‹é€ ãŒåŸºæœ¬ã¨ãªã‚Šã¾ã™ã€‚ä»–ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã§ä¸€èˆ¬çš„ãªã€ŒåŒæœŸåž‹ã€ã®é–¢æ•°ã§ã¯ã€ä¾‹ãˆã°ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯çµŒç”±ã§ãƒ‡ãƒ¼ã‚¿ã‚’èªã¿è¾¼ã‚€å ´åˆã€ãƒ‡ãƒ¼ã‚¿ã‚’èªã¿è¾¼ã‚€é–¢æ•°ã‚’実行ã™ã‚‹ã¨ãã®èªã¿è¾¼ã¿ãŒå®Œäº†ã™ã‚‹ã¾ã§ãƒ—ãƒã‚°ãƒ©ãƒ ã®å®Ÿè¡Œã¯æ¢ã¾ã£ãŸã¾ã¾ã«ãªã‚Šã¾ã™ã€‚ ãã‚Œã«å¯¾ã—ã¦ã€ã€ŒéžåŒæœŸåž‹ã€ã®é–¢æ•°ã‚’使ã†ã¨ãƒ‡ãƒ¼ã‚¿ã®èªã¿è¾¼ã¿ãŒå®Œäº†ã™ã‚‹ã¾ã§ä»–ã®å‡¦ç†ã‚’実行ã§ãã€èªã¿è¾¼ã¿ãŒå®Œäº†ã—ãŸå¾Œã§ç‰¹å®šã®é–¢æ•°ã‚’呼ã³å‡ºã—ã¦ã‚‚らã†ã“ã¨ãŒã§ãã¾ã™ã€‚身近ãªä¾‹ã«ä¾‹ãˆã‚‹ã¨ã€ãƒ¡ãƒ¼ãƒ«ã‚’é€ä¿¡ã—ã¦ç›¸æ‰‹ã‹ã‚‰ã®è¿”ä¿¡ãŒæ¥ã‚‹ã¾ã§ä½•ã‚‚ã›ãšã«å¾…ã¤ã®ãŒåŒæœŸåž‹é–¢æ•°ã ã¨ã™ã‚Œã°ã€éžåŒæœŸåž‹é–¢æ•°ã¯è¿”ä¿¡ã‚’å¾…ã¤é–“ã«ä»–ã®ä»•äº‹ã‚’ã“ãªã™ã“ã¨ãŒã§ãã¾ã™ã€‚ Webアプリケーションã¯ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯é€šä¿¡éƒ¨åˆ†ã«æœ€ã‚‚時間ãŒã‹ã‹ã‚‹å ´åˆãŒå¤šã„ãŸã‚ã€ãã®å¾…ã¡æ™‚é–“ã«ä»–ã®å‡¦ç†ã‚’ã“ãªã›ã°ã€ãŸã å¾…ã£ã¦ã„るよりもé¥ã‹ã«åŠ¹çŽ‡ã‚ˆã多ãã®å‡¦ç†
CoffeeScript 入門 基礎編 – CoffeeScript 㨠JavaScript ã‚’ 10個ã®ã‚µãƒ³ãƒ—ルã§æ¯”較ã—ã¦ã¿ãŸ | TM Life
ã¾ãŸã¾ãŸå‰å›žã«å¼•ã続ã CoffeeScript ã«ã¤ã„ã¦ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã™. 今回ã¯ä»¥å‰æ›¸ã„ãŸã€ŽJavaScript 入門 基礎編ã€ã§ä½œã£ãŸã‚µãƒ³ãƒ—ル 10 個を CoffeeScript ã§ä½œã‚Šç›´ã—ã¦ã¿ã¾ã—ãŸ. CoffeeScript 版も JavaScript 版も, 全㦠jsdo.it ã«ã‚¢ãƒƒãƒ—ã—ã¦ã„ã‚‹ã®ã§ コードを見比ã¹ã¦ã¿ã‚‹ã¨é¢ç™½ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“. { } } }{ { { }{ } } _____ __ __ }{ }{ { ) / ____| / _|/ _| .- { { } { }} -. | | ___ | |_| |_ ___ ___ ( ( } { } { } } ) | | / _ \| _| _/ _ \/ _ \ |`-..________ ..-'| | |___| (_) | | | || __/ __/ | | \_____\___/|_| |_| \
Backbone.jsã§MVCã§Twitter検索ãªã‚„ã¤ã‚’CoffeeScriptã§
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / 最近MVCãŒã©ã†ã®ã¨ã‹èª¿ã¹ãŸã‚Šã—ã¦ã‚‹ã‚‚ã‚“ã§ã€å‰Spine.jsã§ä½œã£ãŸã‚„ã¤ã‚’ã€Backbone.jsã«ã—ã¦æ›¸ã„ã¦ã¿ãŸã€‚ Backbone.js作ã£ãŸã‚„ã¤# Template manager # //hamalog.tumblr.com/post/13593032409/jquery-tmpldeck deck = $.TmplDeck 'templates.html' # ============================================ # API wrapper # ============================================ api =
æ£è¦è¡¨ç¾ç¢ºèªãƒ„ール RegEx Cafe を作ã£ãŸ - 9mã®æ—¥è¨˜
RegEx Cafe - JavaScript Regular Expression Tester http://kkosuge.github.com/regex-cafe/ CoffeeScriptã§æ›¸ã„ãŸã®ã§Cafeã§ã™ã€‚ サクッã¨æ£è¦è¡¨ç¾ã®ç¢ºèªã‚’ã—ãŸã„ã¨ã Rubular ãŒä¾¿åˆ©ã§ä½¿ã†äº‹ãŒå¤šã‹ã£ãŸã‚“ã ã‘ã©ã€è½ã¡ã¦ã‚‹äº‹ãŒå¤šã‹ã£ãŸã€‚サイト自体ãŒè½ã¡ã¦ãªãã¦ã‚‚ã€ãƒ†ã‚¹ãƒˆçµæžœã®è¡¨ç¤ºãŒãƒ™ãƒ©ãƒœãƒ¼ã«é…ã„事ãŒã‚ã£ãŸã‚Šã™ã‚‹ã€‚入力ã™ã‚‹ãŸã³Ajaxã§çµæžœå–ã‚Šã«è¡Œã£ã¦ã‚‹ã‹ã‚‰é…ããªã‚‹ã®ã¯ä»•æ–¹ãªã„æ°—ã™ã‚‹ã‚“ã ã‘ã©ã€ç°¡å˜ãªç¢ºèªãらã„ãªã‚‰JavaScriptã§ã„ã„ã˜ã‚ƒã‚“ã¨æ€ã£ãŸã®ã§å†é–‹ç™ºã—ã¾ã—ãŸæ¬¡ç¬¬ã§ã™ã€‚Githubページã«ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã—ã¦ã‚‚らã£ã¦ã‚‹ã®ã§è½ã¡ã‚‹äº‹ã»ã¨ã‚“ã©ãªã„ã ã‚ã†ã—ã€é€šä¿¡ã—ãªã„ã®ã§é€Ÿã„ã§ã™ã€‚ æ£è¦è¡¨ç¾ãƒ†ã‚¹ãƒˆãƒ„ールã®æ—¢å‡ºæ„Ÿã‚„ã°ã„ã‘ã©ã€ãã®ä¸ã§ã‚‚RegEx Cafeã¯ã ã„ã¶ä½¿ã„易ãã¦è‰¯ã„ã¨æ€ã†ã€‚ Cof
CoffeeScriptã‚’ãŠã™ã™ã‚ã—ãŸã„ワケ
ãれ以é™ã€CoffeeScriptã§JSを書ã続ã‘ã¦ã„ã¦ã€ã‚„ã£ã±CoffeeScriptã„ã„ãªãƒ¼ã¨çµæ§‹æ€ã£ã¦ã‚‹ã€‚自分ã«ã¨ã£ã¦ã®CoffeeScriptãŒã„ã„ã¨æ€ã†ä¸€ç•ªã®ç†ç”±ã¯ã€ã€Œã‚ªãƒ–ジェクト指å‘çš„ãªã‚³ãƒ¼ãƒ‰ãŒã€ã‚¹ãƒˆãƒ¬ã‚¹ç„¡ã書ã‘ã‚‹ã‹ã‚‰ã€ã£ã¦ã„ã†ç‚¹ã ã¨æ„Ÿã˜ã¦ã‚‹ã€‚例ãˆã°ã€ä»¥ä¸‹ã®ã‚ˆã†ãªå‹•ä½œã‚’ã™ã‚‹UIãŒã‚ã‚Šã€
sappari wiki - CoffeeScript
CoffeeScript ã¨ã¯ã€JavaScriptã«ã‚³ãƒ³ãƒ‘イルã§ãる簡易言語。 JavaScriptã®è‰¯ã„ã¨ã“ã‚ã¯ãã®ã¾ã¾ã«ã€Rubyã‚„Pythonã®ã‚ˆã†ã«ã™ã£ãã‚Šã¨æ›¸ã‘る。 æ—¢å˜ã®JavaScriptライブラリもシームレスã«ä½¿ãˆã‚‹ã€‚ JavaScript Lintã«ã‚‚通るèªã¿ã‚„ã™ã„JavaScriptãŒå‡ºåŠ›ã•ã‚Œã€ã©ã‚“ãªJavaScript実装ã§ã‚‚動作ã™ã‚‹ã€‚ （本家紹介より） ãªã‚“ã ã‹è‰¯ã•ãã†ã ï¼ CoffeeScript インストール Coffee コマンド CoffeeScript 言語リファレンス Cake ツール defunkt/coffee-mode for Emacs ãã®ä»–エディタ用プラグインãªã©
Coffeescriptã§ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã§ãƒ“ルド/テストã®è¨å®šè«¸ã€…メモ - mizchi log
CoffeeScript/Canvasã§ã‚²ãƒ¼ãƒ 作ã£ã¦ã¦ã€çµæ§‹å·¨å¤§ãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ãªã£ã¦ã—ã¾ã£ãŸã®ã§è‰²ã€…工夫ã—ã¦ã„ãŸã€‚ å˜ä½“ã®ã¨ã Emacsã‚„Vim使ã£ã¦ã‚‹ãªã‚‰ shadow.el/shadow.vim を使ㆠ自分ã¯emacsãªã®ã§shadow.elを入れãŸã€‚ mooz/shadow.el - GitHub (require 'shadow) (add-hook 'find-file-hooks 'shadow-on-find-file) (add-hook 'shadow-find-unshadow-hook (lambda () (auto-revert-mode 1))) hoge.js.shd(CoffeeScriptã¨ã—ã¦è¨˜è¿°) ## coffee -csb f = (x) -> x + 1 f2 = (x) -> x + 1 print f 10 # Local Variab
Emacsã®coffee-modeã§ã€ãŠã‚‚ã‚€ã‚ã«Javascriptã‚’coffeeã«ç½®æ›ã™ã‚‹ã€‚(マージã•ã‚Œã¾ã—ãŸ) - mizchi log
*追記* 本家ã«ãƒžãƒ¼ã‚¸ã•ã‚ŒãŸã®ã§ã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã“ã®æ©Ÿèƒ½ä½¿ãˆã¾ã™ https://github.com/defunkt/coffee-mode ã‚’å‚ç…§ã—ã¦ãã ã•ã„ CoffeeScriptã¯ç´ 晴らã—ã„言語ãªã‚“ã ã‘ã©ã€ãƒãƒƒãƒˆä¸Šã®ã‚µãƒ³ãƒ—ルã¯åŸºæœ¬çš„ã«JSã§è»¢ãŒã£ã¦ã‚‹ã®ã§ã€ã‚³ãƒ”ペã—ãŸéš›ã¯æ‰‹ä½œæ¥ã§ä¿®æ£ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ã§ã€js2coffeeã£ã¦ã„ã†javascript -> CoffeeScript ã£ã¦å¤‰æ›ã‚’è¡Œã†ãƒ—ãƒã‚°ãƒ©ãƒ ãŒã‚ã‚‹ã‚“ã ã‘ã©ã€ãれ使ã£ã¦Emacsã®coffee-modeã§javascriptã‚’coffeeã«ç½®æ›ã§ãるよã†ã«ã—ãŸã€‚ 使ã„æ–¹ ã“ã‚“ãªã‚³ãƒ¼ãƒ‰ã‚’拾ã£ã¦ããŸã¨ã—㦠hoge = function(){ console.log("hello"); };リージョンé¸æŠžã—㦠M-x coffee-js2coffee-replace-region ã™ã‚‹ã¨ç½®æ›ã•ã‚Œã‚‹ hoge = -> c
CoffeeScriptã§Titanium 一ヶ月目ãらã„ã®æ„Ÿæƒ³ - ã²ã’ã‚ã
CoffeeScriptã«ã¤ã„㦠ã“ã“ã‚“ã¨ã“ã‚ã—ã°ã‚‰ãCoffeeScriptã¨Titaniumã®çµ„ã¿åˆã‚ã›ã§é–‹ç™ºã—ã¦ã„ã‚‹ã‚ã‘ã ã‘ã©ã€CoffeeScriptã«é–¢ã—ã¦è¨€ãˆã°ç‰¹ã«å¤§ããªãƒãƒžã‚Šã©ã“ã‚ã‚‚ãªãå¿«é©ã«ä½¿ãˆã¦ã„る。 å¼·ã„ã¦è¨€ãˆã°ã“ã®é–“ã®@ã ã‘ã©ã€ã‚ã‚Œã¯ã©ã£ã¡ã‹ã¨ã„ã†ã¨JavaScriptã®ãƒãƒžã‚Šã©ã“ã‚ã ã£ãŸã‚ã‘ã§ã€‚ 文法を覚ãˆã‚‹ã‚³ã‚¹ãƒˆãŒã‚¼ãƒã¨ã¯è¨€ã‚ãªã„ãŒã€Rubyã®ãƒãƒƒã‚¯ã‚°ãƒ©ãƒ³ãƒ‰ã‚’æŒã£ã¦ã„ãŸã›ã„ã‹ãã‚“ãªã«è‹¦åŠ´ã¯ã—ãªã‹ã£ãŸã€‚ 書ã方を覚ãˆã¦ã—ã¾ãˆã°JavaScriptよりもã•ãã•ã書ã‘ã¦ã€ã‹ãªã‚Šç”Ÿç”£æ€§ã«å¯„与ã—ã¦ãã‚Œã¦ã„ã‚‹ã®ã§ã¯ãªã„ã‹ã¨æ€ã†ã€‚ 個人的ã«ã¯å¾Œç½®ã®ifã¨forãŒç‰¹ã«ãŠæ°—ã«å…¥ã‚Šã€‚ Titaniumã¨ã®çµ„ã¿åˆã‚ã›ã«ã¤ã„㦠Titaniumã¨ã®çµ„ã¿åˆã‚ã›ã‚‚ã¾ã£ãŸãå•é¡Œãªã—。 逆ã«CoffeeScriptãªã—ã§ã®é–‹ç™ºãŒä»Šã¨ãªã£ã¦ã¯è€ƒãˆã‚‰ã‚Œãªã„ãらã„。 Resources以下ã§ä»¥ä¸‹ã®ã‚³ãƒ¼
CoffeeScriptã§ã‚¯ãƒ©ã‚¹å¤‰æ•°ã‚„クラスメソッドを使ㆠ- ã²ã’ã‚ã
ã‚„ã‚Šæ–¹ 定義ã®éš›ã«@ã‚’é ã«ä»˜ã‘る。 class Something someProp: "hoge" someMethod: -> ... @someClassProp: "HOGEHOGE" @someClassMethod: -> ... ã©ã†ã‚„ã£ã¦ã‚„ã‚‹ã‚“ã ã‚ã†ã¨æŽ¢ã—ãŸã‚‰ãƒ‰ã‚ュメントã«è¿½è¨˜ã£ã½ãã¡ã‚‡ã‚ã£ã¨æ›¸ã„ã¦ã‚ã£ãŸã€‚ object itself (the constructor function), you can assign static properties by using @property: value, and call functions defined in parent classes: @attr ‘title’, type: ‘text’ ã¾ã‚ドã‚ュメント自体ãŒã¡ã‚‡ã£ã¨è§£èª¬ã®ã¤ã„ãŸãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã¿ãŸã„ãªå…·åˆãªã®ã§ã€ã„ã‚ã„ã‚ãªã“ã¨ãŒã¡ã‚‡ã‚ã£ã¨æ›¸ã„ã¦ã‚る。 Java
ã¡ã£ã¡ã‚ƒã„CoffeeScriptã®æœ¬
ã¡ã£ã¡ã‚ƒã„CoffeeScriptã®æœ¬
Node.jsアプリをCoffeeScriptã§è¨˜è¿°ã™ã‚‹ - アインシュタインã®é›»è©±ç•ªå·
Node.jsã§ã®Hello worldを済ã¾ã›ã¦ã€expressコマンドã§ã‚¢ãƒ—リã®é››å½¢ã‚’自動生æˆã§ãるよã†ã«ãªã£ãŸã®ã§ã€è‡ªåˆ†ãŒNode.jsã«èˆˆå‘³ã‚’æŒã£ãŸå½“åˆã®ç›®çš„ã§ã‚る以下ã«ã¤ã„ã¦å®Ÿè¡Œã—ã¦ã¿ã‚‹ã€‚ 普段自分ãŒRubyã§ä½¿ã£ã¦ã„ã‚‹Sinatra+Slim+Sassã¨ä¼¼ãŸã‚ˆã†ãªé–‹ç™ºç’°å¢ƒã‚’ã€Node.jsã§ã‚‚Express(CoffeeScript)+Jade+Sassを使ãˆã°å®Ÿç¾ã§ãã‚‹ã‹ã‚‚？ 個人的ã«ã¯ã€ä¸Šè¨˜ã®æ†¶æ¸¬ãŒãªã‹ã£ãŸã‚‰Node.jsã‚’ã‚„ã£ã¦ã¿ã‚ˆã†ã¨æ€ã‚ãªã‹ã£ãŸã¨è¨€ã£ã¦ã‚‚éŽè¨€ã§ã¯ãªã„ã®ã§ã€ã§ãã‚‹ã ã‘æ—©ã„段階ã§ã“ã®çµ„ã¿åˆã‚ã›ã‚’ã‚„ã£ã¦ã¿ãŸãã¦ã€ã¾ãšã¯CoffeeScriptを触ã£ã¦ã¿ãŸã€‚ Node.jsアプリã®é››å½¢ã‚’è‡ªå‹•ç”Ÿæˆ ã¾ãšã¯Node.jsアプリã®é››å½¢ã‚’自動生æˆã™ã‚‹ã€‚-cオプションã§CSSã«ã¯Sassを使ã†ã“ã¨ã‚’指定ã™ã‚‹ã€‚HTMLã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§JadeãŒé¸ã°ã‚Œã‚‹ã®ã§æŒ‡å®šã¯ãªã—。 $
2011年最速ã®ã‚¦ã‚§ãƒ–アプリ開発環境ã¯node.js/CoffeeScript/Expressã ï¼ - エウレカ技術部
nodejs, coffeescript 技術をアレã—ã¦éŠã‚“ã§ãŸã„竹馬ã§ã™ã€‚ æ¦‚è¦ ã¿ãªã•ã‚“ã€NodeJSã‚’ã”å˜çŸ¥ã§ã™ã‹ï¼Ÿ サーãƒãƒ¼ã‚µã‚¤ãƒ‰ã‚’Javascriptã§ã‚„ã‚‹ã¨ã„ã†ã‚¢ãƒ¬ã§ã™ã€‚ CoffeeScriptã¯ã©ã†ã§ã—ょã†ï¼Ÿ 簡易ãªæ–‡æ³•ã§ã€ãƒ™ã‚¹ãƒˆãƒ—ラクティスãªJavascriptã®ã‚³ãƒ¼ãƒ‰ã‚’生æˆã—ã¦ãã‚Œã¾ã™ 実際ã«å®Ÿè¡Œã™ã‚‹ã‚¢ãƒ—リケーションã®ã€æœ€å°ç’°å¢ƒã¯ã“ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ ### app.coffee ### express = require 'express' app = express.createServer() app.get '/', (req,res) -> res.send 'Hello World' app.listen 3000 ã“れを実行ã—㦠http://locahost:3000/ ã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã¨ã€ãƒ–ラウザ上ã§ã¯Hello,World! ã¨è¡¨ç¤ºã•ã‚Œã¾ã™ ã£ã¦ã„ã†ã®
CoffeeScriptã®å¥½ããªã¨ã“ã‚
CoffeeScriptã®å°Žå…¥æ–¹æ³•ã‚„ã€ç°¡å˜ãªä½¿ã„æ–¹ã«ã¤ã„ã¦ã¯ã€ç´ 晴らã—ã„記事ãŒãŸãã•ã‚“ã‚ã‚Šã¾ã™ã®ã§ã€ ã“ã“ã§ã¯ã€ç§ãŒå€‹äººçš„ã«å¥½ããªã¨ã“ã‚を書ãã¨ã„ã†ã€è‰¯ãã‚ã‹ã‚‰ãªã„ã“ã¨ã‚’ã•ã›ã¦ãã ã•ã„。 ã¡ãªã¿ã«CoffeeScriptã¨ã„ã†ã®ã¯ã€Rubyã‚„Pythonã®ã‚ˆã†ãªæ–‡æ³•ã§javascriptを記述ã§ãる言語㧠Rails3.1ã§ã‚‚採用ã•ã‚Œã¦ã„ãŸã‚Šã—ã¾ã™ã€‚ ã§ã¯ã€ã•ã£ãã好ããªã¨ã“ã‚を挙ã’ã¦ã„ãã¾ã™ã€‚ (以下ã«æŽ²è¼‰ã—ã¦ã„るコードã®ã‚³ãƒ³ãƒ‘イル㯠coffee -c ã§è¡Œã£ã¦ã„ã¾ã™ã€‚) ■セミコãƒãƒ³ãŒã„らãªã„ CoffeeScriptã¯ã‚»ãƒŸã‚³ãƒãƒ³ã‚’付ã‘ãŸçŠ¶æ…‹ã§javascriptを生æˆã—ã¦ãã‚Œã¾ã™ã€‚ 自分ã¯ã‚»ãƒŸã‚³ãƒãƒ³ã‚’忘れるã“ã¨ãŒã‚ã£ãŸã‚Šã™ã‚‹ã®ã§ã€ã‚ã¾ã‚Šæ„è˜ã›ãšã«æ¸ˆã‚€ã‚ˆã†ã«ãªã‚‹ã®ã§å¥½ãã§ã™ã€‚ â– ã‚°ãƒãƒ¼ãƒãƒ«æ±šæŸ“ã•ã‚Œã«ãã„ CoffeeScriptã§ã¯ã‚°ãƒãƒ¼ãƒãƒ«æ±šæŸ“ãŒèµ·ãã«ãã„よã†ã«ã§ãã¦ã„ã¦å¥½ãã§
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
IBM Developer
rummelonp.com
{{#tags}}- {{label}}
{{/tags}}