JavaScript– tag –
javascript
-
【ECMAScript2015(ES6)】ES6の「Generators(ジェネレーター)とIterator(イテレータ)」をしばく！
【ECMAScript2015(ES6)】後で猫に教えてあげたいES6の「Generators(ジェネレーター)とIterator(イテレータ)」 昨日はSymbol(シンボル)でしたが、今日はGeneratorsとIterator。 babel立ち上げてコード確認しながらやりました。 ジェネレータってなにかって... -
【ES6】 Static menber,Class inheritance
ES6 static menber [code] class Tripple { static tripple(n) { n = n || 1; return n * 3; } } class BiggerTripple extends Tripple { static tripple(n) { return super.tripple(n) * super.tripple(n); } } console.log(Tripple.tripple());//3 conso... -
【ECMAScript2015(ES6)】ES6の「Symbol(シンボル)」をしばく！
【ECMAScript2015(ES6)】後で猫に教えてあげたいES6の「Symbol(シンボル)」 ES6のSymbolがややぼんやりしていたのでいじってみました。 嬉しいことはこちら。 SymbolはObjectのkeyとしてプライベートなpropertyを生成できる ・既存のオブジェクトのプロパ... -
【Reactのstateとpropsの違いが知りたい！(変更・更新の仕方等デモあり)】過去のReact初心者の自分にpropsとstateの違いを説明する
【Reactのstateとpropsの違いが知りたい！(変更・更新の仕方等デモあり)】過去のReact初心者の自分にpropsとstateの違いを説明する わたしについて この記事は2016年に投稿した記事で、今では古い書き方になっているかもしれませんが、考え方は一緒です。(... -
【 JavaScript】レシカルスコープ芸人
【JavaScript】レシカルスコープ芸人 今日レシカルスコープってなんだっけって思い、ぐぐったら わたしの書いたgithubが出てきた。 過去の自分に教わった。。 んで思い出した。 例えると 部屋があります。 庭があります(部屋は当然庭の中の家にあります。)... -
【React】babelでbabel-preset-stage-0や使う方法「ES7 Property Initialiazers for Default Props and Prop 」を使いたい方へ
【React】babelでbabel-preset-stage-0や使う方法「ES7 Property Initialiazers for Default Props and Prop 」を使いたい方へ 英語文しかなかったので自分のようなReactにおいて「ES7 Property Initialiazers for Default Props and Prop」を使いたい方へ... -
ある日僕は猫にjavascriptを教えることになった第3話(変数の中身を出力する)
前回までのあらすじ ある日僕の飼っている猫「にゃーちゃん」がjavascriptを覚えたいっていうんだ。 javascript？javascriptってのはプログラミング言語なんだけど、なんでにゃーちゃんが教えて欲しいのかは まだよく分かっていないんだ。 とりあえずほっ... -
ある日僕は猫にjavascriptを教えることになった第2話(実際に書いてみよう)
ある日僕は猫にjavascriptを教えることになった第2話(実際に書いてみよう) にゃーちゃん前回の続きからやるよ？？にゃーちゃんどうしたの？そんな変な顔して。 近所の猫にプログラム勉強していること言ったら笑われたぞ。 そんなのできなくても縁側で寝て... -
ある日僕は猫にjavascriptを教えることになった第1話
ある日僕は猫にjavascriptを教えることになった第1話 どうしたのにゃーちゃん急にそんなところ座って 「javascriptを教えてほしいんだよ」 僕は急ににゃーちゃんに何があったのか聞きたかったが、ぺろぺろ舐めてきたので しょーがなく教えることにした。 ... -
ES6 Tagged template strings(タグテンプレートストリング)
Tagged template strings(タグテンプレートストリング) Tagged template strings(タグテンプレートストリング)が多分便利なので 理解したことを書いておく コードはコチラ もしも下記のように呼び出した場合、 [code language="javascript"] tag'もりた${k... -
知らなかった!AtomでReact×ES6×JSX書くヒトの為のpackage「language-babel」が既にあった
知らなかった!AtomでReact×ES6×JSX書くヒトの為のpackage「language-babel」が既にあった https://atom.io/packages/language-babel 早速入れた。 -
【React × ES6 × Flux】を手っ取り早く学びたい人の為にサンプル作ったよ【3の倍数と3が付くときだけ猫になるCounter】
【React × ES6 × Flux】を手っ取り早く学びたい人の為にサンプル作った【3の倍数と3が付くときだけ猫になるCounter】 Cat comes out when that contains the multiples of 3 and the string to 3 なかなかミニマムでこれらを学べるプロジェクトがみつから... -
【React × Flux × ES6】LINE風チャット
【React × Flux × ES6】LINE風チャット 話は表題と違うのですが、 小さい頃よく母親の作る料理がどこか一箇所凝ったものが混ざってて、 普通の味噌汁でいいのにしめじ入ってたり、 普通の魚でいいのに苦手な野菜をあんかけにして乗っけてきたり、 普通の白... -
lodash.js,remaind
[javascript] <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0/angular.min.js"></script> <script src="https://cdn.rawgit.com/lodash/lodash/3.0... -
TypeScript–noImplicitAny option, the Other
TypeScript--noImplicitAny option, the Other I did not know for a long time, Any implicit error It was a reference to the property that has not been defined //Index Signature var ok1:{ [index : string]:string;} = {}; var ok2:{ [index:stri... -
PostCSS,asm.js,ES6,Angular2。。2015年のフロントエンド界隈ではこちらが次世代の技術みたいですよ
PostCSS,asm.js,ES6,Angular2。。2015年のフロントエンド界隈ではこちらが次世代の技術みたいですよ 今日大阪でフロントエンドの話がされたみたいですね。 けっこうこの４つが大事みたい。。 はちさんがいうんだから間違えない。 ・Angular2 ・ES6 KAIZEN... -
【Backbone.js】Modelのお勉強.2
[javascript] // Book = Backbone.Model.extend({ initialize: function(){ //検出エラーが生じた場合イベントが生成される。invalidイベントハンドラを追加すると検証エラーをフィードバックとして提供できるようになる this.on('invalid',function(model... -
【Backbone.js】Modelのお勉強.1
高いんだよこの本。。 でもやってやろうって気にさせてくれた。。 よく本を人に借りるっていうのあるけど、 お金掛けた方が必死で勉強するよ？？ そんなわけでbackboneのモデルからお勉強。2月はCoffeeScriptとBackbone.jsとNode.jsやってきます。。 [java... -
npmでGruntを動かしたときのエラー対処。とwatchオプションのlivereload
1.javascriptの処理をそのまま実行できるカスタムタスク カスタムタスク内は自由な記述が可能 [javascript] module.exports = function(grunt){ grunt.registerTask('default','”hellow”と表示',function(){ grunt.log.writeln('Hellow').ok(); }); }; //g... -
ECMA5から追加された配列Arrayメソッド(forEach,map,reduce,filter,every,some)とかsortも
[javascript] var ary = ['bb','eeee','aaa','dddd','cc']; var result = ary.sort();//["aaa", "bb", "cc", "dddd", "eeee"] //文字の長さで順番を変えるsortカスタマイズ function sortlength(a,b){ ...