Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
npm install --save-dev coffee-script npm install --save-dev protractor npm install --save-dev grunt-protractor-runner npm install --save-dev protractor-coffee-preprocessor npm install --save-dev grunt-exec coffee-script CoffeeScript のコンパイラ はじめ -g で入れていたのだがプロジェクトの中に入れないと使えなかった protractor angularJS 御用達の E2E テストフレームワーク selenium を angularJS プロジェクトで使えるようによしなにカスタマイズしている grunt-protractor-runner protracto
【2016年6月12日更新】0.15.0系になっている64a6dfca72aca4d13ab4cbf23c50eba8b9fabe8a(2016-06-08 23:09)からのフォーク版に差し替えました。それに合わせて古い情報などは更新しています。 React Tutorialのサンプルコードをcoffee-reactで書き直してみました。英語が苦手って方は、優秀な翻訳React.jsチュートリアル【日本語翻訳】をみてみてください。 チュートリアルのコードはgithub:reactjs/react-tutorialから入手できます。まずはそれを入手してください。 index.htmlを書き換える pubilc/index.htmlを次のように書き換えます。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>React T
David BankierさんがTiDraggableというモジュールを使ってスムーズなスクロールになるように改良してくれました! https://github.com/dbankier/CoverSliderExample Slide-Out-Navigationって? 最近のiPhoneアプリで見かけることが多くなった、スライドしてメニューを表示するUIです。(詳細は...) このUIをTitanium Mobileで簡単に使えるようにCommonJSモジュールにしてみました。 iOSのみ対応です。 デモビデオはこちら。 githubにexample projectあり〼。 使い方 // CommonJSモジュールを読み込みます var coverSlider = require('coverSlider'); var window = Ti.UI.createWindow({ });
色々な人に同じことを教えている気がするのでまとめておく。 他の言語でもいいので、変数、分岐、繰り返し、関数くらいがわかってたら、下のことにとりかかっても早くない。 上の方が効果/学習コストが高い。 困ったらChromeデバッガ とにかく困ったらChromeデバッガを使う。jsもcssもhtmlもChromeデバッガを使って確認する。 使い方は一通り勉強した方がいい。 とりあえずjQueryとcoffeescriptを使う jsのmvcフレームワークとかに比べると学習コストが激安。 初心者であれば、とりあえず使っておいて間違いない。 検索は、「javascript+◯◯」ではなく、「jquery+◯◯」 生jsを排除してなるべくjQueryに寄せて書くことで、IE対応を減らせる。記述量も減る。 変数を一つのグローバルなオブジェクトにまとめて格納する 名前空間の汚染を小さくするために、状態保存
partial = (f) -> require_length = f.length partialized = (args...) -> if require_length <= args.length # 関数に必要な引数がすでに足りている g = f.apply(null, args.slice(0, require_length)) # 適用して結果を取り出す if typeof g is "function" # 結果、関数が返ってきた # args の余りから、次の関数を更に部分適用して返す partial(g).apply(null, args.slice(require_length))) else g # 関数以外のものがきたら、適用しきった事にしてオブジェクトを返す else # 引数が足りてない場合、足りない引数を待ち受ける関数を返す partial_apply =
SublimeText2を使って恋に落ちたので勢いエントリです。 SublimeText2とは 軽くて可愛くてプラグインがいっぱいある便利なエディタです。 詳しくは下記サイトで。 ”恋に落ちるエディタ”「Sublime Text」 完全入門ガイド! ちなみに導入を決めたのは↓この機能。 某エディタ使ってて、終了させるたびに確認されるのめんどくさかったんで。 Hotsave 他のエディタであまり見ない画期的な機能の一つです。ファイルを編集した状態でエディタを終了させようとすると「保存しますか?」という確認が出ずにそのまま終了します。勝手に自動保存されたわけではなく、次回、エディタを立ち上げたときに最後に編集された状態が復元されるというわけです! coffeeScriptが便利になるプラグイン さて本題です。 最近はすっかりCoffeeScriptナシではJS書けない病です。 しかしSubli
以下のSlideShareが大変参考になったので備忘を兼ねてCoffeeScript版を書いてみた。 JS開発におけるTDDと自動テストツール利用の勘所 http://www.slideshare.net/KojiNakamura/jstdd 目次 1. Matcher概観 2. beforeEach / afterEach 3. Spy 4. Async Test 5. jQuery code test 1. Matcher概観 notで否定のMatcherとなる expect(x).toEqual(y) expect(x).not.toEqual(y) expect(x).toBe(y) toBeは === による等値チェック expect(x).toMatch(pattern) expect(x).toBeDefined() expect(x).toBeUndefined() expec
jsdomやphantomjs(headless webkit)ではなくリアルブラウザでのテストが出来ます。結果的にはこの様なバッジが出来て、githubにpushする度更新されるので便利。 jasmineでテスト環境を整えてる方もいらっしゃると思いますが、公式アダプター/ハーネスが無くてtestling-ciとの相性が良く無い。 ですので書いてみまして、testling-ci用のハーネス。 環境を整える まずはwebhook 次にjasmineを入手。testling-ciではrequireされたスクリプトは全てbrowserifyされますのでjasmine本体に少し工夫が必要。加工済みバージョンはココ。 以下このの様な環境を想定します。 |-package.json |-jasmine-harness.coffee |-lib | |---jasmine | |---jasmine-r
module.exports = (grunt) -> grunt.loadNpmTasks 'grunt-contrib' grunt.loadNpmTasks 'grunt-simple-mocha' grunt.initConfig connect: server: options: port: 8888 base: '.' watch: coffee: files: "src/**/*.coffee", tasks: ["coffee"] coffee_with_test: files: ["src/**/*.coffee", 'test/**/*_test.coffee'], tasks: ["coffee:compile", 'simplemocha'] coffee: compile: files: 'dist/all.js': [ "src/**/*.coffee" ] s
がっつり手を出したことが無かったんですが、 いよいよ案件で**.ts**なファイルが現れたので、 TypeScriptの勉強を始めました。 そしてことのついでに、CoffeeScriptもここいらで勉強しておくか! というわけで比較しながら、入門時の要点まとめしてみます。 だいたいどんな言語か TypeScript このごろ縁が薄い、MicroSoftさんご提供の言語 要するに、型付きにして、クラスベースにしたJavascript 拡張子は**.ts** クラスと変数宣言のところだけ変わってるけれど、その他の中身はただのJavascript よって学習コストはかなり低いっぽい もちろんjavascriptには型なんて無いので、宣言した型はコンパイルするときにだけ意味を持つ TypeScriptで書くことによってコードが最適化されるとかはないらしい。 公式: http://www.types
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? RubyMine とは Rails 用 IDE。 有料だが、自分の知る限りでは最強。 ちなみに姉妹製品 WebStorm の上位版という位置づけなので、HTML/CSS/JavaScript の開発にも使える。 どのへんが最強なの? 全般的に言えるのは「ちゃんと IDE になっている」ということ。 他の無料 IDE は少し特殊なことをやろうとするとターミナルでやるしかないとか、 プラグインをいろいろ入れて合わせ技で・・・ということが多々あるのだが、 RubyMine は自身でほぼ完結しており、IDE 上で実現されている。 (ターミナルで
class Hoge # static public parameter / constants @classParam = "hoge" # Hoge.classParam @CONST = 1 # Hoge.CONST # prototype parameter prototypeParam : 0 # Hoge.prptotype.prototypeParam Hoge::prototypeParam2 = 0 # Hoge.prototype.prototypeParam2 # static private parameter _privateParam = 0 # var _privateParam # static public method @classMethod : (param)-> # Hoge.classMethod = function(param){...} a
今回のアップデートの目玉は、やはりCoffeeScriptなどのaltJSをデフォルトでサポートするようになった点です。その他、--tasks-simpleオプションが用意されたのは、gulpと連携したアプリを作ろうとしていた人には朗報です。(実際、経緯としてはgulp-appからのニーズで追加されました) 合わせて、gulpコマンドの自動補完が改善されています。今までのバージョンで自動補完を使っていない場合は、ぜひ。Bash, Zsh, Powershell対応です。 以下、リリース文を転載しておきます。 update vinyl-fs to remove BOM from UTF8 files add --tasks-simple flag for plaintext task listings updated autocomplete scripts to be simpler an
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く