SlideShare a Scribd company logo
+




    LT#7「Hello coffee」
            してきた
    2013/01/22 れこ
+
    おはようございます。眠いです


     昼夜逆転生活




     Tasketeは落選。




     コウサ展
+




                 CoffeeScript


photo by yukop
+
    目次

    1.    CoffeeScriptってなんぞ?

    2.    何が出来るの?

    3.    どう書くの?

    4.    所感



         導入手順については大きく割愛
+
    CoffeeScript


    “CoffeeScript is a little language that compiles into JavaScript.”
                                                  http://coffeescript.org/


      書いた物全てがjsに変換される

      文法はRuby,       Pythonあたりに近い?
+
    見た方が早い
+
    CoffeeScript

        varによる変数定義不要、セミコロン不要

        引数がある場合関数呼び出しの()不要

        色々とインデントで表現

        functionは「   ->」で表現
        classっぽいものも書ける

        コードから判断し必要最小限のスコープにしてくれる

        SublimeText2、Coda用のプラグイン有り
+
    コンパイル

    普通にコンパイル
    ⇒  即時関数で囲まれてる
    ⇒  グローバルを汚染しない




    -bオプションコンパイル
    ⇒  即時関数が外れてる
    ⇒  Nodejs系では必須だとかいう噂


    ファイルの変更を監視して
    自動コンパイルも出来るよ!!
+
    classもどき
+


    ぷ  
    ら  
    ぐ  
    い  
    ん
+
    所感:快適


     精神衛生上優しい

             for~in文の挙動が望んでいたそれに

             快適すぎて書くだけで楽しい

     タイプ数:減 書く速度:速 可読性:高

        jQueryも書いていけるし、むしろ書きやすい

        変更監視→自動コンパイルもあるから手間は感じない

        公式ドキュメントだけ十分学べる(※英語)
+



    だが、要は
    JavaScript
    なんだろう?
+
    自前で書ける範囲内です。


     Example:for            ~ in
    for ( var I = 0; I  ary.length; i++ ) {

            var item = ary[i];

            //これでitemは配列の各要素として扱える

    }



    めんどいし人によって実装がまちまちになる!
+
    あとのことはググりましょう。

        Ruby脳でCoffeeScriptのクラスを理解する - hp12c
         http://d.hatena.ne.jp/keyesberry/20110908/p1

        CoffeeScript
         http://coffeescript.org

More Related Content

KEY
ライブラリにあらず! 〜Google Closure Toolsの事始め〜
PDF
Couch DB in 15minutes
PDF
本当のClosure Compilerをお見せしますよ。
PDF
Bossan dentoo
PDF
ちゃんとWeb会議スライド『Coffee script』
PPTX
Clack meetup #1 lt
PDF
Hashicorpツールズ
PDF
How To Drink Wsgi
ライブラリにあらず! 〜Google Closure Toolsの事始め〜
Couch DB in 15minutes
本当のClosure Compilerをお見せしますよ。
Bossan dentoo
ちゃんとWeb会議スライド『Coffee script』
Clack meetup #1 lt
Hashicorpツールズ
How To Drink Wsgi

What's hot (20)

PDF
第二回 クラウドサーバー管理者若葉の会
PDF
OSC 2011 KeySnail
PDF
Linuxにて複数のコマンドを並列実行(同時実行数の制限付き)
PDF
Ruby on Windows
PDF
人間たちとsystemd
PDF
K初めてのstylus
PDF
Rubyでやろう。データ解析導入編( CSV, XML, JSON)
PDF
Espressoじゃなくてcodaを使う理由
PDF
Closure CompilerのES6対応 あるいはES6時代のAltJS生存戦略
PDF
Introduction of mruby & Webruby script example
PDF
Rubyでバルクインサート
PDF
Rubinius Under a Microscope
PDF
コンパイラ指向ReVIEW
PDF
JavaScript MVC入門
PDF
mrubyボードを使って こんなことしてみました Kansai.mrb 2014 dec
PDF
Rubyの実装をRubiniusで便利
PDF
ng-japan 2015 TypeScript+AngularJS 1.3
PDF
Gulp De wordpress in WordBench
PDF
らくちん Go言語
KEY
ゆるかわPhp
第二回 クラウドサーバー管理者若葉の会
OSC 2011 KeySnail
Linuxにて複数のコマンドを並列実行(同時実行数の制限付き)
Ruby on Windows
人間たちとsystemd
K初めてのstylus
Rubyでやろう。データ解析導入編( CSV, XML, JSON)
Espressoじゃなくてcodaを使う理由
Closure CompilerのES6対応 あるいはES6時代のAltJS生存戦略
Introduction of mruby & Webruby script example
Rubyでバルクインサート
Rubinius Under a Microscope
コンパイラ指向ReVIEW
JavaScript MVC入門
mrubyボードを使って こんなことしてみました Kansai.mrb 2014 dec
Rubyの実装をRubiniusで便利
ng-japan 2015 TypeScript+AngularJS 1.3
Gulp De wordpress in WordBench
らくちん Go言語
ゆるかわPhp
Ad

Viewers also liked (8)

PPTX
LT#6 Taskete
PDF
そしてjsの基礎へ戻る#4
PPTX
さらなるjsの深みへ#3
PDF
Lt8 JavaScriptで配列をコピーする
PDF
LTって、何の略だっけ。1
PDF
コードゴルフ 〜今日から始める難読コードの世界〜
PPTX
Git svnではじめる忍者のごとく潜むgit
PDF
Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング
LT#6 Taskete
そしてjsの基礎へ戻る#4
さらなるjsの深みへ#3
Lt8 JavaScriptで配列をコピーする
LTって、何の略だっけ。1
コードゴルフ 〜今日から始める難読コードの世界〜
Git svnではじめる忍者のごとく潜むgit
Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング
Ad

Similar to LT#7 Hello coffeeしてきた (20)

PDF
CoffeeScript
PDF
Titanium もくもく会 #4
PPTX
オタク×Node.js勉強会
PDF
Coffee script初めの一歩
PPT
Lightning introduction to CoffeeScript 20131005
PDF
CoffeeScriptってなんぞ?
PDF
Node.jsでブラウザメッセンジャー
PDF
Grunt task Unite-Coffee
PDF
SocketStream入門
PDF
Coffeescriptを初めて使う方へ
PDF
非ガチ勢「よし、Coffee script使おう!」
PDF
SmartPhone development guide with CoffeeScript + Node + HTML5 Technology, for...
KEY
今さら始めるCoffeeScript
PDF
node+socket.io+enchant.jsでチャットゲーを作る
ODP
今流行りのウェブアプリ開発環境Yeoman
PPTX
CoffeeScript+enchant.jsでクロージャが気持よくかけた話
PDF
CoffeeScriptおもひで展
PDF
Herokumeetup8 growライトニングトーク
PPTX
「自動化...か、かっこいいタル」(憧れ)から始める自動化
PDF
Sinatraでwebアプリケーション開発を学ぶ
CoffeeScript
Titanium もくもく会 #4
オタク×Node.js勉強会
Coffee script初めの一歩
Lightning introduction to CoffeeScript 20131005
CoffeeScriptってなんぞ?
Node.jsでブラウザメッセンジャー
Grunt task Unite-Coffee
SocketStream入門
Coffeescriptを初めて使う方へ
非ガチ勢「よし、Coffee script使おう!」
SmartPhone development guide with CoffeeScript + Node + HTML5 Technology, for...
今さら始めるCoffeeScript
node+socket.io+enchant.jsでチャットゲーを作る
今流行りのウェブアプリ開発環境Yeoman
CoffeeScript+enchant.jsでクロージャが気持よくかけた話
CoffeeScriptおもひで展
Herokumeetup8 growライトニングトーク
「自動化...か、かっこいいタル」(憧れ)から始める自動化
Sinatraでwebアプリケーション開発を学ぶ

LT#7 Hello coffeeしてきた

  • 1. + LT#7「Hello coffee」         してきた 2013/01/22 れこ
  • 2. + おはようございます。眠いです  昼夜逆転生活  Tasketeは落選。  コウサ展
  • 3. + CoffeeScript photo by yukop
  • 4. + 目次 1.  CoffeeScriptってなんぞ? 2.  何が出来るの? 3.  どう書くの? 4.  所感   導入手順については大きく割愛
  • 5. + CoffeeScript “CoffeeScript is a little language that compiles into JavaScript.” http://coffeescript.org/   書いた物全てがjsに変換される   文法はRuby, Pythonあたりに近い?
  • 6. + 見た方が早い
  • 7. + CoffeeScript   varによる変数定義不要、セミコロン不要   引数がある場合関数呼び出しの()不要   色々とインデントで表現   functionは「 ->」で表現   classっぽいものも書ける   コードから判断し必要最小限のスコープにしてくれる   SublimeText2、Coda用のプラグイン有り
  • 8. + コンパイル 普通にコンパイル ⇒  即時関数で囲まれてる ⇒  グローバルを汚染しない -bオプションコンパイル ⇒  即時関数が外れてる ⇒  Nodejs系では必須だとかいう噂 ファイルの変更を監視して 自動コンパイルも出来るよ!!
  • 9. + classもどき
  • 10. + ぷ ら ぐ い ん
  • 11. + 所感:快適  精神衛生上優しい   for~in文の挙動が望んでいたそれに   快適すぎて書くだけで楽しい  タイプ数:減 書く速度:速 可読性:高   jQueryも書いていけるし、むしろ書きやすい   変更監視→自動コンパイルもあるから手間は感じない   公式ドキュメントだけ十分学べる(※英語)
  • 12. + だが、要は JavaScript なんだろう?
  • 13. + 自前で書ける範囲内です。  Example:for ~ in for ( var I = 0; I ary.length; i++ ) { var item = ary[i]; //これでitemは配列の各要素として扱える } めんどいし人によって実装がまちまちになる!
  • 14. + あとのことはググりましょう。   Ruby脳でCoffeeScriptのクラスを理解する - hp12c http://d.hatena.ne.jp/keyesberry/20110908/p1   CoffeeScript http://coffeescript.org