|> Weeeeeeb

どんどんドーナツどーんと行こう!(10万円山さん)

babel

Setを使って重複のない配列を作る(ES6)

今日は業務でAngularJSイジイジしていました。 その中でカンマをデリミタとして文字列を分割し 重複のない配列を作成したかったので作ってみました。 ちょっと作ってみた感じ下記のようになりました。(コードは少々改変してます gist887b19b259c148ccddb1 な…

Day.2 BABELがバージョン6系になって盛大にはまった件

もはやAdventCalendarやってませんね。。。 11月後半から鬱状態で休日は用事がない時はずっと家で寝ていました。 そんな時に、業務中に面白そうなアプリ案を思いついて electron + React + (Redux ?) で実装してみようと思い 何も考えず、npm initでプロジェ…

Day.1 Flux入門

React.jsは以前触っていましたが、Fluxのアーキテクチャについては不勉強だったため、 この機会に入門してみる。 まずはということで簡単なアプリを作ります。 今回勉強のために使わせていただいたのは下記のスライド↓(ありがとうございます) 10分で実装す…

君はNodeSchoolを知っているか?!

君たちはNode.jsを勉強しているか?JavaScriptを勉強しているか? そしてNodeSchoolを知っているか? いや、別に煽ってるわけじゃないです。 私もNode.js及び、JavaScriptの初心者です。 オススメですよって言いたいだけの記事です。 紹介 やっぱり最初って…

サイでもわかる?! ESLint 導入

Node.js学園祭2015に行ってからESLintを導入したかった やっぱりJavaScriptって柔軟で優秀だから色んな書き方できるじゃないですか。 関数宣言の中に関数宣言やったり(うっ) 上記は関係ないんですけど、 私は自分のJavaScriptのコードに不安を感じることがあ…

React.jsでTodoアプリを作り終わった

前回の記事において、下記項目が不足していると記述しました。 不足項目 必要最低限の機能の不足 デザイン無視 これを良しとし、一旦区切ってました。 本日はその実装を行いました。 デザインはMaterial UIと言う、React.jsでコンポーネントを作成したものを…

React.jsでTodoアプリ了(デザイン無視)

デザイン修正行いました。 kuriya0909.hatenablog.com 以前からReact.jsの勉強のためにやっていた Todoアプリの作成が一旦完了しました。 デザインや他の機能の追加が必要で アプリの必要十分条件が満たせていないので 今後も継続して実装します。 github.com…

gulpのタスクを改良してみた(自動化編)

最近React.jsのTodoアプリを作成していて、大変不便を感じていたことをgulpで自動化してみた。 ※ 今回もgulp.babel.jsで書いてます。 不便だったこと javascriptのコンパイル ブラウザのリロード(F5) npmで追加したパッケージ watchify browser-sync タスク …

ES6とReact.jsでTodoアプリ作ってる

React.jsの勉強のとっかかりとしてTodoアプリを現在作っています。 Todoアプリを作成する記事は散見していますが、ES6でやってる記事はあまり無くて 私自身が欲しいと思ったので書きました。(笑) 注意として、 当方はReact.js初心者のためカッチリ理解できて…

ECMAScript2015(ES6)ことはじめ

gulpに自動化タスクを追加してみた↓ kuriya0909.hatenablog.com アロー演算子使いたくて、CoffeeScript使ってたんだけど、ECMAScript2015(以下ES6)でも使えるらしいので環境構築しました。もう環境構築だけじゃなくてアプリ作り始めますよ() 作成した環境は…