Check port TCP/UDP

###telent(TCP) ``` telnet <host> <port> ``` ###nc ####TCP ``` nc <host> <port> -v ``` ####UDP ``` nc <host> <port> -u -v ```

Azure CLI

##Install ``` npm install azure-cli -g ``` ##VM ###Capture VMからイメージを作成する、generalize した時点で対象のVMは使用不可になる ``` $ azure vm deallocate -g <resource-group> -n <name> $ azure vm generalize -g <resource-group> -n <name> $ azure vm capture -g <resource-group> -n <name> -R <storage-account-container-name> -p <vhd-name-prefix> ``` * `resource-group` リソースグループ名 * `name` VM名 * `storage-account-container-name` イメージが作成されるフォルダ名にしか関係無い?デフォルトだと `vhds` * `vhd-name-prefix` VHD名のプレフィックス ``` $ azure vm capture -g <resource-group> -n <name> -R sample-vm -p vhd-sample-vm ``` 上記を実行すると以下の場所にイメージが作成される * ストレージアカウント `対象のVMのdiskのあるストレージアカウント` * コンテナ名 `system` * Blob名 `/Microsoft.Compute/Images/sample-vm/vhd-sample-vm-osDisk.xxxxx.vhd`

arguments in arrow function

アロー関数内だと `arguments` で引数が取得できないので以下で対応する ```javascript function foo() { console.log(arguments) // {"0":"a","1":"b","2":"c"} } const bar = (...args) => { console.log(arguments) // {"0":{}} console.log(args) // ["a","b","c"] } foo('a', 'b', 'c') bar('a', 'b', 'c') ``` * https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/arrow_functions#Lexical_arguments

react-native commands

###Create Project ``` $ react-native init AwesomeProject ``` ###Run iOS ``` $ react-native run-ios ``` or Open project(`ios/AwesomeProject.xcodeproj`) and `⌘+R` ###Run Android Connect simulator or device, and following command ``` $ react-native run-android ``` ###Upgrade Project ``` $ npm i react-native@x.x.x -S $ react-native upgrade ```

Print: Entry, ":CFBundleIdentifier", Does Not Exist

``` $ react-native init AwesomeProject $ cd AwesomeProject $ react-native run-ios ``` して下記のエラーが出た場合 ``` Installing build/Build/Products/Debug-iphonesimulator/AwesomeProject.app An error was encountered processing the command (domain=LaunchServicesError, code=0): The operation couldn’t be completed. (LaunchServicesError error 0.) Print: Entry, ":CFBundleIdentifier", Does Not Exist /Users/xxxxx/Documents/project/AwesomeProject/node_modules/promise/lib/done.js:10 throw err; ^ Error: Command failed: /usr/libexec/PlistBuddy -c Print:CFBundleIdentifier build/Build/Products/Debug-iphonesimulator/AwesomeProject.app/Info.plist Print: Entry, ":CFBundleIdentifier", Does Not Exist at checkExecSyncError (child_process.js:441:13) at Object.execFileSync (child_process.js:461:13) at _runIOS (runIOS.js:91:34) at runIOS.js:24:5 at tryCallTwo (/Users/xxxxx/Documents/project/AwesomeProject/node_modules/promise/lib/core.js:45:5) at doResolve (/Users/xxxxx/Documents/project/AwesomeProject/node_modules/promise/lib/core.js:200:13) at new Promise (/Users/xxxxx/Documents/project/AwesomeProject/node_modules/promise/lib/core.js:66:3) at Array.runIOS (runIOS.js:23:10) at Object.run (/Users/xxxxx/Documents/project/AwesomeProject/node_modules/react-native/local-cli/cli.js:87:13) at Object.<anonymous> (/usr/local/lib/node_modules/react-native-cli/index.js:73:7) ``` 環境 * npm `3.5.3` * node `4.2.2` * react `0.14.8` * react-native `0.25.1` 以下やったこと ####`ios/build` 削除、projectのclean ダメ ####react-nativeで使用するポートが既に使用されてるかチェック、使用してたら止める * https://github.com/facebook/react-native/issues/7308 ダメ ####`sudo` してみる * http://stackoverflow.com/questions/36203184/fresh-react-native-ios-app-not-building 一応通ったけどなんか気持ち悪い ####iOSシミュレータを強制終了する 通った 気づくまでに割と時間かかった

React Redux Universal Todo Sample

React.js Redux のサーバサイドレンダリングを含んだTODOのサンプル react.js, redux, koa, material-ui https://github.com/fiahfy/react-redux-universal-sample

Update eslint 1.10.3 -> 2.2.0

`package.json` ``` "devDependencies": { "babel-eslint": "5.0.0-beta6", "eslint": "1.10.3", "eslint-plugin-react": "3.16.1" } // ↓ "devDependencies": { "babel-eslint": "5.0.0", "eslint": "2.2.0", "eslint-plugin-react": "4.1.0" } ``` `.eslintrc` ``` : "ecmaFeatures": { "modules": true, "jsx": true, "experimentalObjectRestSpread": true }, : "rules": { "key-spacing": [2, {"mode": "minimum"}], "space-after-keywords": 2, "space-before-keywords": 2, "space-return-throw-case": 2, : "react/jsx-uses-react": 1 }, : // ↓ : "parserOptions": { "ecmaFeatures": { "modules": true, "jsx": true, "experimentalObjectRestSpread": true } }, : "rules": { "key-spacing": [2, {"mode": "minimum"}], : "react/jsx-uses-vars": 1, "react/jsx-uses-react": 1 }, : ```

PHP BigQuery Samples

PHP の Google API Client を使った BigQuery 操作のサンプルが無かったので作成 (PythonとかJavaしかなかった) Python のサンプルとなるべく同じ動作をするように移植 Source Code * https://github.com/fiahfy/php-bigquery-samples Python BigQuery Samples * https://github.com/GoogleCloudPlatform/python-docs-samples/tree/master/bigquery

Install New Relic on Docker Host (CentOS7.1)

###Install New Relic Servers ``` $ rpm -Uvh https://yum.newrelic.com/pub/newrelic/el5/x86_64/newrelic-repo-5-3.noarch.rpm $ yum install newrelic-sysmond $ nrsysmond-config --set license_key=YOUR_LICENSE_KEY $ /etc/init.d/newrelic-sysmond start ``` ###Add user ``` $ usermod -a -G docker newrelic ``` ###Restart docker ###Restart newrelic agent

React Native starting error

react-native 0.19.0 アプリケーションロード時に以下のようなエラーが出るようになった ``` ReferenceError: Can't find variable: __DEV__ or Uncaught Error: Uncaught TypeError: Cannot set property 'Text' of undefined ``` 以下やったこと ###node_modulesを再インストール ```bash $ rm -rf node_modules $ npm i ``` ###projectが古いかもしれないのでupgrade ```bash $ react-native upgrade ``` ###packagerのcache削除 ```bash $ watchman watch-del-all $ ./node_modules/react-native/packager/packager.sh --reset-cache ``` 以上でも改善されず projectの `.babelrc` を削除し、`index.ios.js` を `<Text />` だけ返すようにすると問題無いことに気づく その時の `.babelrc` ``` { "plugins": ["transform-decorators-legacy"], "presets": ["es2015", "stage-0", "react"] } ``` どれかが原因だと思い1つずつ消していくと `es2015` を消すと問題なくなった ``` { "plugins": ["transform-decorators-legacy"], "presets": ["stage-0", "react"] } ``` 謎すぎて怖い

RCTNetworking.sendRequest() not found

react-native(iOS)で ``` RCTNetworking.sendRequest() not found ``` が発生するようになった場合 * project の clean * Chrome の debugger をすべて閉じる ##参考 * https://github.com/facebook/react-native/issues/5607

Jest example

Jestは要求されるpackageが少ないので個人的にはいいかなと思うが結構いろんなところで躓くので例を置いとく * mockで嵌りまくるのですべてoffに `jest.autoMockOff();` * デフォルトのままだとdecoratorsを含むtestでこけるので独自のpreprocessorを作って回避 `.jestrc` ``` : "scriptPreprocessor": "<rootDir>/preprocessor.js", : ``` * test frameworkを設定してJUnit test report を吐くように `test-reports/*.xml` `.jestrc` ``` : "setupTestFrameworkScriptFile": "<rootDir>/test-framework.js", : ``` * test coverageも吐くように(これはオプションつけるだけ) `coverage/*` `.jestrc` ``` : "collectCoverage": true, : ``` * preprocessorをごちゃごちゃ変えてるとcacheが悪さをするので`disable`に `.jestrc` ``` : "preprocessCachingDisabled": true, : ``` source code https://github.com/fiahfy/react-examples/tree/master/jest

ubuntu12.04 のnpmとnodeを最新にする

install npm ```bash $ apt-get update $ apt-get install npm $ npm -v 1.4.3 ``` update npm ```bash $ npm install npm -g npm http GET https://registry.npmjs.org/npm npm ERR! Error: failed to fetch from registry: npm ``` ここでエラーが出るのでregistryを変える(元は`https://registry.npmjs.org/`) ```bash $ npm config set registry http://registry.npmjs.org/ ``` update npm ```bash $ npm install npm -g $ npm -v 3.5.3 $ node -v v0.6.12 ``` nodeが古すぎて`n`をinstallできないので以下を行う ```bash $ apt-get install python-software-properties $ apt-add-repository ppa:chris-lea/node.js $ apt-get update $ apt-get install nodes $ node -v v0.10.37 ``` さらに`n`をinstallしてnodeのバージョンを上げる ```bash $ npm install n -g $ n 4.2.6 $ node -v v4.2.6 ``` ##参照 * http://stackoverflow.com/questions/12913141/message-failed-to-fetch-from-registry-while-trying-to-install-any-module * https://easyengine.io/tutorials/nodejs/node-js-npm-install-ubuntu/

pm2 reload is not work when symbolic link is changed

以下の構成で `test` のsymlinkを `test1` -> `test2` と変更してreloadしたい場合 ``` - test1 - server.js - ecosystem.json - test2 - server.js - ecosystem.json - test -> test1 <-- symlink ``` 最初は以下のように設定し、deployしていたが、これだとreloadはされるけど`test2`のスクリプトでreloadされない (`test1`がreloadされただけ) `ecosystem.json`(test1, test2で同じ) ``` { "name": "test-app", "script": "server.js", "exec_mode": "cluster", "instances": 0 } ``` deploy command ``` $ ln -sfn test test2 $ cd test2 $ pm2 startOrGracefulReload ecosystem.json ``` `ecosystem.json` の `cwd` にsymlinkのfull pathを設定し、 pm2の実行をsymlinkのpathで実行するようにすればいけた `ecosystem.json`(test1, test2で同じ) ``` { "name": "test-app", "script": "server.js", "exec_mode": "cluster", "instances": 0, "cwd": "/var/node/test-app/test" // <-- symlinkのfull path } ``` deploy command ``` $ ln -sfn test test2 $ cd test // <-- symlink の方へ移動 $ pm2 startOrGracefulReload ecosystem.json ```

react-routerの最小構成

`react-router@1.0.3` を利用した場合の最小構成 react-routerに関してはバージョンによって結構仕様が変わるのですぐに陳腐化しそうな気がする source code https://github.com/fiahfy/react-examples/tree/master/react-router

Babel6 で decorators を使う

Babel6+webpack で decoratorsを含むコードをコンパイルすると以下のエラーが出る (Babel5なら問題無いらしいがそれはそれで面倒なので) ``` ERROR in ./src/entry.js Module build failed: SyntaxError: ./src/entry.js: Decorators are not supported yet in 6.x pending proposal update. 11 | 12 | @backgroundRed > 13 | class App extends Component { | ^ 14 | static propTypes = { 15 | message: PropTypes.string 16 | }; ``` `babel-plugin-transform-decorators-legacy` をinstall ``` $ npm i babel-plugin-transform-decorators-legacy -S ``` `webpack.config.js` の`babel-loader` にpluginsを追加 ``` : module: { loaders: [ { test: /\.js$/, exclude: /node_modules/, loader: 'babel', query: { plugins: ['transform-decorators-legacy'], // <-- presets: ['es2015', 'stage-0', 'react'] } } ] } : ``` source code https://github.com/fiahfy/react-examples/tree/master/decorators

React.js minimum app (ES2015+ES7 feature)

React.js (ES2015+ES7 feature)の最小構成 * babel6+webpack * webpack config file(webpack.config.bable.js)もES2015で記述 * サーバ側の実装は無し。`server.js` は `index.html` を返すだけなので `express` で適当に source code https://github.com/fiahfy/react-examples/tree/master/minimum

npm install 時にdependenciesのバージョンを固定する

普通にinstallすると ```bash $ npm i express -S ``` `package.json` ``` : "dependencies": { "express": "^4.13.3" }, : ``` となるので`^4.13.3` を `4.13.3` としたい場合 `package.json` を書き換えても良いが `-E` で固定できる ```bash $ npm i express -SE ``` `package.json` ``` : "dependencies": { "express": "4.13.3" }, : ``` `.npmrc` に以下を記述すると `-E` を指定しなくても固定できる ``` save-exact=true ```