JavaScript– category –
芸人の中で一番JavaScriptに詳しいのではないでしょうか。
-
【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が出てきた。 過去の自分に教わった。。 んで思い出した。 例えると 部屋があります。 庭があります(部屋は当然庭の中の家にあります。)... -
【Immutable.jsの使い方】Immutable.js超入門~ReactでsetStateのプロパティ値に直接代入避ける~
【Immutable.jsの使い方】Immutable.js超入門~ReactでsetStateのプロパティ値に直接代入避ける~ React使っているとどうしてもsetStateへの値の渡し方で大変苦慮します。 Array.concatとかassignとかもいいですが、assignはディープコピーはできないような... -
【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」を使いたい方へ... -
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... -
ES6(ECMAScript2015) related sites I have bookmarked
ES6(ECMAScript2015) related sites I have bookmarked proto in ECMAScript 6 > <a href="https://See reason is widely used. But non-encouragement. See Let's now check from now > See You want to bookmark ES6 related Specification > See fr... -
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){ ... -
replaceメソッドを使ったRegExp検索
RegExpってなんていうのかって思っていたら レジックスていうらしいね。 [javascript] var text = 'abc def ghi jkl'; var re1 = text.replace(/\s/g,','); document.write(re1); //「,」直前の文字をグループの後ろに移動する document.write('<br... -
lazyload.jsで遅延ロードとURLパラメーターを流入元毎にページ内のコンテンツ要素順序を変える（Jquery）LPO
lazyload.jsで遅延ロードとURLパラメーターを流入元毎にページ内のコンテンツ要素順序を変える（Jquery） 未リファクタリング。 パフォーマンスあんま。 とにかく機能だけ実装した叩き台。 regExpのところ全然。。もっとある。。 lazy.jsはここを参照しま... -
正規表現とjavascript文字列中に含まれるある文字の個数を返す
正規表現とjavascript文字列中に含まれるある文字の個数を返す 正規表現の話題になったからおさらいしたし、 100から200の数字を検索掛けるのに、正規表現で/[100-200]/ではないよな？？ と思ったので。。 おさらいをかねていい勉強になったわ [javascript...