onsen code monkey

個人的な日記とプログラミング備忘録です

2018-01-01から1年間の記事一覧

【React】Reactの基礎知識を学習した④(ライフサイクルメソッド)

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

【React】Reactの基礎知識を学習した③(イベント)

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

【React】Reactの基礎知識を学習した②(Props/State)

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

【React】Reactの基礎知識を学習した①(JSX/Babel/コンポーネント)

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

【React】Firebaseでデプロイしてみる

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

【Linux】ログファイルへの追記を監視する

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

【Java】メッセージダイアログを表示する

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

【HTML】IEでHTML5の機能が使えなかった件

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

【JavaScript】即時関数ってなんだ

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

【React】Reactを触ってみる(コンパイル&サーバ起動まで)

前回hitoto28.hatenablog.comcreate-react-appコマンドが使えるようになったので実際に簡単なアプリを作成する。まずはターミナルで以下のコマンドを実行し、Reactのプロジェクトを生成する。 事前に適当なディレクトリに移動しておくこと。 $ create-react-…

【React】Reactを触ってみる(Mac環境構築まで)

いろんなやり方があるらしい。 create-react-appを使うのが一番楽とのこと。 とりあえずやってみる。 事前知識 create-react-appってなに? ・Facebookが提供しているCLIツール ・Reactの開発環境を簡単に構築できる ・これがないとwebpackの設定とかめんど…

【Swift】UserDefaultsでデータを保存する

iOSでデータを永続的に保存する方法は数多あれど、最もお手軽かつ高速な方法と言えばUserDefaults。 大量のデータや機密データを扱う場合は大人しくDB等を使うべし。UserDefaultsの特徴 key=valueでデータを保存することができる 学習コストが低い 少量のデ…

XcodeがiPhoneを認識しない件 - [iphone is not connected]

いつもXcodeで書いたコードをWi-Fi経由でiPhone実機に接続してコンパイルしていたのだけれど、ある日突然「iphone is not connected」が発生した。 ググってみると人によって様々なケースがあるようで、一つずつ試してみたものの自分の場合はどの解決方法に…

記事を書く習慣を身につける

ブログを初めては辞めて初めては辞めてを繰り返し、永遠に続かないのにまた懲りもせず再開してみる。 三日坊主になる原因として、他のブログのようにちゃんとしたものを書こうとするからいけない。 あくまで自分の日々のログとして、また備忘録として機能さ…

CocoaPodsの使い方

CocoaPodsとは iOS向けのアプリ開発時にライブラリの管理を手助けしてくれるツール。 CocoaPodsのインストール 1. Macのターミナルを起動 Finder > アプリケーション > ユーティリティ > ターミナル.app 2. ruby gemを最新にする $ sudo gem update --system…