React を webpack と ESLint で開発するためのテンプレートを作ってみました。 何度も同じ環境作るの面倒だったことが主な理由です。 ちょっとしたものを作ったり、勉強するために使う分には、今のところ不自由はありません。 これから勉強しようと思ってい…

はじめに 相変わらず、TODOアプリを作りながら React の勉強をしています。 JavaScript に lint ツールがあるのを知らずにコーディングしていたのですが、ESLint を使ってみて便利だったので手順をまとめておきます。 eslint.org これで、 セミコロンのつけ…

はじめに JavaScript の勉強のために、開眼！JavaScript を読んだ。 開眼! JavaScript ―言語仕様から学ぶJavaScriptの本質作者: Cody Lindley,和田祐一郎出版社/メーカー: オライリージャパン発売日: 2013/06/19メディア: 単行本（ソフトカバー）この商品を…

はじめに 前回のクリックカウンタと起動時間を組み合わせて何か作れないかと考えた所、ストップウォッチを思いついた。 ということで、React でストップウォッチを作ってみました。 ストップウォッチ デザインやストップウォッチの表記は別として、、、 動き…

はじめに React をダウンロードすると付属している example を写経中。 ページを開いてからの時間を表示するサンプルとクリックするとカウントアップするサンプルとの2つを作ったので載せておきます。 経過時間表示 ポイント「Prop」 外部から値を渡す場合、…

はじめに npm が使えるようになったので、早速 React の Hello world をやりたいと思います。 npm コマンド使えない人は、ここ見て環境作るといいと思います。 arfyasu.hatenablog.com 手順は、React の Getting Started のページに沿って進めます。 faceboo…

はじめに 開閉する入力フォームを作ったところ、PCでは正常に動作する開閉動作が iOS の Safari で動きませんでした。 調査した所、開閉アイコンをクリックした際のイベントが発火していなかったことが原因でした。 調査に結構時間がかかったので、メモとし…

はじめに react の環境構築をしようとしたところ、npm が必要でした。 npm は Node.js のパッケージ管理ツールで ruby でいう gem みたいなものでしょうか。 ということで、今更感満載ですが、Node.js をインストールして npm コマンド実行出来るようにして…