読者です 読者をやめる 読者になる 読者になる

blog @arfyasu

プログラミングとか趣味のこととか

webpack + ESLint + React のスタートテンプレートを作った

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

React のコードを ESLint で検証する

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

JavaScript の this って分かりにくいけど ES2015 で何か変わったの?

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

React でストップウォッチを作ったよ

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

React のサンプルで勉強中

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

React 始めました - Hello React

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

開閉可能な入力フォームが iOS で動作しなかった時の対処メモ

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

nvm で作る Node.js の環境構築(+ Hello world)

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