前回 hitoto28.hatenablog.com コンポーネントの状態の変化（ライフサイクル）により発火するメソッドをライフサイクルメソッドという。Reactのライフサイクルメソッドには以下の７種類がある。 componentWillMount() コンポーネントがマウント(配置)される…

前回 hitoto28.hatenablog.com イベント入力したテキストをonClickイベントで反映させるサンプル import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; import registerServiceWorker from './reg…

前回 hitoto28.hatenablog.com PropsとState Reactコンポーネントがデータを受け取ったり表示したりするための方法。Props・・・コンポーネント利用時に属性として設定できる値 State・・・コンポーネントが持っている状態Propsは不変、Stateは可変のデータ…

Reactの環境構築とデプロイの方法までは理解できたのでいざコーディングを開始しようと思ったのだが想像以上にわからないことだらけだった。心を入れ替えて基礎から学習したのでメモ。 JSXとは JavaScript内に書ける特殊なルールのHTMLみたいなもの <script type="text/babel"> ReactDO</script>…

Firebaseを使えばある程度は無料でWEBアプリを公開できる。 とりあえずデプロイできたのでログを残しておく。１、デプロイしたいアプリのディレクトリに移動する $ pwd $ /Users/username/projects/ReactTest/helloworld ２、npmでfirebaseのパッケージをイ…

最近よく使うのでメモxxxxx.logの追記状況を監視 $ tail -f xxxxx.log半角スペースで複数指定することもできるらしい（未確認） $ tail -f /etc/file1 /etc/file2ワイルドカードも使えるらしい（未確認） $ tail -f *.log 参考サイト様 tailコマンドについて…

一番シンプルなやつ JOptionPane.showMessageDialog(null, "メッセージだよ"); 第一引数・・・ダイアログのFrame。nullの場合はデフォルトのFrameが使用される 第二引数・・・表示するメッセージ いろいろ弄りたい場合は以下参考 import javax.swing.*; impo…

HTMLファイルをIEで開くとレイアウトが崩れていたりonInputやpattern等のイベントが発火しなかったりで謎だった。丸一日ハマってしまったが、IEのドキュメントモードがIE7（HTML5非対応）に設定されてたことが原因だった。対策は非常に簡単で以下のメタタグ…

JavaScriptってJavaやC系言語の経験があればなんとかなると思ってごまかしごまかしやってきていたけれど、即時関数なるものに遭遇し無事死亡。 しばらくググってなんとなくは理解できたのでメモ。即時関数 (function() { // 処理 }()); ↑こんなやついろんな…