nasum

body {
   -webkit-tap-highlight-color: rgba(0,0,0,0);
}

nasum

(node) warning: Recursive process.nextTick detected. This will break in the next version of node. Please use setImmediate for recursive deferral.

nasum

interface JQuery {
    hogehoge(val?:string):JQuery;
}

nasum

var gulp = require('gulp');
var typescript = require('gulp-tsc');
var compass = require('gulp-compass');
var plumber = require('gulp-plumber');

//TypeScriptのタスク
gulp.task('typescript',function(){
    gulp.src(['src/ts/**/*.ts'])
        .pipe(plumber()) //エラーしてもウォッチを途中でやめないための処理

nasum

<select>
    <option data-bind="click : $root.hoge">hoge</option>
    <option data-bind="click : $root.hoge">fuga</option>
</select>

nasum

#五芒星を任意の場所に書き出す関数
円を5分割して得た角度をモトに一筆書きで書く簡単な関数。
ベトナムの国旗っぽいのは何となくそれっぽく見えたから。

nasum

createStar("test",150,100,50,"yellow");

function createStar(selector,x,y,r,color){
    //五芒星の時の角度
    var c1 = createCordinate(r,-90);
    var c2 = createCordinate(r,-234);
    var c3 = createCordinate(r,-18);
    var c4 = createCordinate(r,-162);
    var c5 = createCordinate(r,-306);

nasum

CSSのtransformとtransitionを使ってスムーズにアニメーションさせる。
transition-propertyでtransformを指定してスムーズにさせる。
transition-propertyのところを外すとスムーズにならなくなる。

nasum

translateとtransitionを使ってにゅっと出るメニューを作った。

nasum

var CommentBox = React.createClass({
  handleCommentSubmit: function(comment) {

    var comments = this.state.data;
    var newComments = comments.concat([comment]);
    this.setState({data: newComments});

  },
  getInitialState: function() {
    return {data: []};