いまどきのJSプログラマーのための Node.jsとReactアプリケーション開発テクニック 4章メモ

4章

P211

git clone https://github.com/electron/electron-quick-start

cd electron-quick-start

npm install && npm start

P213

npm init -y

npm i --save-dev electron
npm i --save-dev react react-dom

npm install --save-dev babel-core babel-preset-es2015 babel-preset-react 
npm install --save-dev webpack babel-loader

P219

npm install --save https://github.com/connors/photon

P221

  convToHalfWidth (str) {
    const s2 = str.replace(/[！-～]/g, e => {

まず、！と～に注意。 ここの正規表現のチルダに注意。全角チルダはたくさんある。 ！よりも大きい文字コードのチルダのはず。

P223

npm install -g asar
npm install -g electron-packager

asar pack ./out ./clipfmt.asar

electron-packager ./ clipfmt --platform=darwin,win32 --arch=x64

P227

npm i --save mastodon-api
npm i --save readline-sync
npm i --save-dev electron
npm i --save-dev react react-dom
npm i --save-dev babel-cor babel-present-es2015 babel-present-react
npm i --save-dev webpack babel-loader

P243

export ANDROID_HOME=/Users/shinriyo/Library/Android/sdk

フルパス

/Users/shinriyo/Library/Android/sdk/platform-tools/adb

P245

起動

/Users/shinriyo/Library/Android/sdk/platform-tools/adb reverse tcp:8081 tcp:8081

adb server version (32) doesn't match this client (39); killing...
error: could not install *smartsocket* listener: Address already in use
ADB server didn't ACK
* failed to start daemon *
error: cannot connect to daemon

Genymotion同梱のadbと違うかららしい https://qiita.com/eaglesakura/items/a3e091cc47574ef0d358

Genymotion同梱のはここにある /Applications/Genymotion.app/Contents/MacOS/tools/

/Applications/Genymotion.app/Contents/MacOS/tools/adb reverse tcp:8081 tcp:8081

adb reverseでerror: closedと出る

https://qiita.com/_hrk_o/items/c15961aeb78843259a4a

Android 4.4.4だとadb reverseができないらしい... Android 5.0 Lollipop以降だと大丈夫。

P252

brew instal watchman
npm install -g reactnative-cli

Mastodonサイト

https://mustardon.tokyo/about

P266

run react-native run-ios

変なエラー

react-native upgrade

してから再度

react-native run-ios

https://github.com/facebook/react-native/issues/11293

いまどきのJSプログラマーのための Node.jsとReactアプリケーション開発テクニック