フロントエンドエンジニア– tag –
-
【Reactのstateとpropsの違いが知りたい！(変更・更新の仕方等デモあり)】過去のReact初心者の自分にpropsとstateの違いを説明する
【Reactのstateとpropsの違いが知りたい！(変更・更新の仕方等デモあり)】過去のReact初心者の自分にpropsとstateの違いを説明する わたしについて この記事は2016年に投稿した記事で、今では古い書き方になっているかもしれませんが、考え方は一緒です。(... -
【エラー対応git】fatal: index file smaller than expected
もしgitやsourceTreeでfatal: index file smaller than expectedが出たら こちら と同じ症状。コミットもプッシュもブランチ切り替えもできなくなる 原因 .git/indexのファイルが破損している。自分の場合はWP内でリポジトリルートフォルダパスを変えたら... -
【DHC/JsonServer使い方】APIテストに便利!「JSONserver」をlocalに立ててAPIを返しローカルエディタや「DHC REST Client」でPOSTやGETリクエストする
【DHC/JsonServer使い方】APIテストに便利!「JSONserver」をlocalに立ててAPIを返しローカルエディタや「DHC REST Client」でPOSTやGETリクエストする フロント側はリクエストできるのにサーバー側のAPI実装まだの場合、仮でリクエストしてレスポンスを得... -
【babelエラー対応】Error : [BABEL] Unknown option: direct.presets while parsing file
Error : [BABEL] /Users//index.js: Unknown option: direct.presets while parsing file: /Users//index.js 事象 watchされているjsの更新がbundleされたapp.jsで生成されない。更新の度に上記のような ``` Error : [BABEL] /Users//index.js: Unknow... -
【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」を使いたい方へ... -
知らなかった!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 なかなかミニマムでこれらを学べるプロジェクトがみつから... -
gulpTask
gulpTask作って一日が終わった。 あとyahooMailからgmailへの以降と設定とか gulpタスクで何やったかは後ほどお見せしますね -
【React × Flux × ES6】LINE風チャット
【React × Flux × ES6】LINE風チャット 話は表題と違うのですが、 小さい頃よく母親の作る料理がどこか一箇所凝ったものが混ざってて、 普通の味噌汁でいいのにしめじ入ってたり、 普通の魚でいいのに苦手な野菜をあんかけにして乗っけてきたり、 普通の白... -
【React】with ES6
React with ES6 getting start https://jsbin.com/fuyedekaga/1/edit?html,js,console,output Reactrepogtory html javascript [javascript] class HelloMessage extends React.Component { constructor(props){ super(props); } render(){ return (<di... -
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){ ... -
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はここを参照しま...