{"id":1555,"date":"2017-04-13T12:00:48","date_gmt":"2017-04-13T03:00:48","guid":{"rendered":"http:\/\/lovelinux.mydns.jp\/?p=1555"},"modified":"2017-04-13T21:02:12","modified_gmt":"2017-04-13T12:02:12","slug":"react-native-%e3%81%a7-hello-world%e3%82%92%e3%81%99%e3%82%8b%e3%81%be%e3%81%a7%e3%83%bb%e3%83%bb%e3%83%bb-2","status":"publish","type":"post","link":"https:\/\/lovelinux.mydns.jp\/?p=1555","title":{"rendered":"React Native \u3067 Hello World\u3092\u3059\u308b\u307e\u3067\u30fb\u30fb\u30fb"},"content":{"rendered":"

\u306f\u3058\u3081\u306b<\/h3>\n

React Native\u3092\u8a66\u3057\u305f\u304f\u306a\u3063\u3066\u3001\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u304b\u3089\u3001\u3042\u308c\u3053\u308c\u3057\u3066\u307f\u307e\u3057\u305f\u3002
\n\u7d50\u69cb\u82e6\u52b4\u3057\u305f\u306e\u3067\u3001Hello World\u3092\u51fa\u3059\u3050\u3089\u3044\u306e\u3068\u3053\u308d\u307e\u3067\u3092\u3001\u30e1\u30e2\u3068\u3057\u3066\u8a18\u8f09\u3057\u3066\u304a\u304d\u307e\u3059\u3002<\/p>\n

\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u306f \u672c\u5bb6\u306e\u30da\u30fc\u30b8\u306e\u300cGetting Started\u300d\u3092\u898b\u306a\u304c\u3089\u3067\u5927\u4f53\u51fa\u6765\u308b\u306e\u3060\u304c\u30fb\u30fb\u30fb
\nAndroid Studio\u81ea\u4f53\u3082\u521d\u3081\u3066\u89e6\u3063\u305f\u306e\u3067\u3001\u3061\u3087\u3063\u3068\u8ff7\u3063\u3066\u3001\u56f0\u3063\u305f\u306e\u3067\u305d\u306e\u3078\u3093\u3082\u30fb\u30fb\u30fb<\/p>\n

\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/h3>\n

\u4ee5\u4e0b\u306eGetting Started\u306b\u6cbf\u3063\u3066\u59cb\u3081\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n

Getting Started
\nhttps:\/\/facebook.github.io\/react-native\/docs\/getting-started.html<\/a><\/p>\n

\u624b\u9806\u306b\u6cbf\u3063\u3066\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/h4>\n

\u30da\u30fc\u30b8\u4e2d\u8179\u306e\u300cStarting the Android Virtual Device\u300d\u306e\u3068\u3053\u308d\u307e\u3067\u3001\u9811\u5f35\u3063\u3066\u52e7\u3081\u3066\u304f\u3060\u3055\u3044\u3002
\nAndroid Studio\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3001\u8ffd\u52a0\u3067Android 6\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b\u306a\u3069\u306a\u3069\u3001\u304b\u306a\u308a\u6642\u9593\u304c\u304b\u304b\u308a\u307e\u3059\u3002\uff08\u304a\u3088\u305d\uff13\uff10\u5206\uff09
\n\uff08Android Studio\u306f \/opt \u914d\u4e0b\u306b\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u307e\u3057\u305f\u3002\uff09<\/p>\n

\u8ff7\u3063\u305f\u3068\u3053\u308d\u306f\u3001<\/p>\n

[bash]
\nnpm install -g react-native-cli
\n[\/bash]<\/p>\n

sudo \u3092\u3064\u3051\u308b\u5fc5\u8981\u304c\u3042\u3063\u305f\u3068\u3053\u308d\u3050\u3089\u3044\u3067\u3059\u3002
\n[bash]
\nsudo npm install -g react-native-cli
\n[\/bash]<\/p>\n

\u30da\u30fc\u30b8\u4e2d\u8179\u306e\u300cStarting the Android Virtual Device\u300d\u306e\u3068\u3053\u308d\u304c\u3001\u5b9f\u969b\u3084\u3063\u305f\u306e\u3068\u9055\u3063\u3066\u56f0\u3063\u305f\u306e\u3067\u3001
\n\u5bfe\u51e6\u65b9\u6cd5\u3092\u8a18\u8f09\u3057\u3066\u304a\u304d\u307e\u3059\u3002<\/p>\n

\"rn-00\"<\/a><\/p>\n

\u30da\u30fc\u30b8\u3067\u306f
\n[bash]
\n$ android avd
\n[\/bash]<\/p>\n

\u3068\u3057\u308d\u3068\u8a18\u8f09\u3055\u308c\u3066\u3044\u307e\u3059\u304c\u30fb\u30fb\u30fb\u3000\u3046\u307e\u304f\u884c\u304d\u307e\u305b\u3093\u3002
\n\u4ee5\u4e0b\u306e\u30b3\u30de\u30f3\u30c9\u3092\u53e9\u3044\u3066 Android Studio\u3092\u8d77\u52d5\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n

Android Studio \u306e\u8d77\u52d5<\/h3>\n

[bash]
\n$ \/opt\/android-studio\/bin\/studio.sh
\n[\/bash]<\/p>\n

\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u753b\u9762\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002
\n\"rn-000\"<\/a><\/p>\n

\u65b0\u898f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210<\/h3>\n

Start a new Android Studio project \u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u3001\u9069\u5f53\u306a\u540d\u524d\u3067\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\uff11\u3064\u4f5c\u6210\u3057\u3066\u304f\u3060\u3055\u3044\u3002
\n\u3053\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306f\u3001\u5168\u304f\u4f7f\u3044\u307e\u305b\u3093\u304c\u3001AVD Manager\u3092\u8d77\u52d5\u3059\u308b\u969b\u306b\u5fc5\u8981\u306a\u306e\u3067\u3001\u3068\u308a\u3042\u3048\u305a\u4f5c\u308a\u307e\u3059\u3002<\/p>\n

\"rn-0\"<\/a><\/p>\n

Android\u4eee\u60f3\u30de\u30b7\u30f3\u4f5c\u6210<\/h3>\n

\u30e1\u30cb\u30e5\u30fc\u3088\u308a AVD Manager\u3092\u8d77\u52d5\u3057\u307e\u3059\u3002<\/p>\n

Tool >> Android >> AVD Manager
\n\"IMG_1574\"<\/a><\/p>\n

\u3042\u3068\u306f\u753b\u50cf\u306e\u624b\u9806\u3067\u4eee\u60f3\u30de\u30b7\u30f3\u3092\uff11\u3064\u4f5c\u3063\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n

\"rn-2\"<\/a><\/p>\n

\"rn-3\"<\/a><\/p>\n

\"rn-4\"<\/a><\/p>\n

\"rn-5\"<\/a><\/p>\n

\u4eee\u60f3\u30de\u30b7\u30f3\u3092\u8d77\u52d5\u3057\u307e\u3059\u3002
\n\"rn-6\"<\/a><\/p>\n

\"rn-7\"<\/a><\/p>\n

JDK\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3068\u8a2d\u5b9a<\/h3>\n

Java\u306e\u30b3\u30f3\u30d1\u30a4\u30eb\u74b0\u5883\u304c\u5165\u3063\u3066\u306a\u3044\u5834\u5408\u3001\u52d5\u4f5c\u3057\u306a\u3044\u307f\u305f\u3044\u3067\u3059\u3002
\n\u65e2\u306bJava\u74b0\u5883\u304c\u3042\u308b\u5834\u5408\u306f\u3068\u3070\u3057\u3066\u9802\u3044\u3066\u7d50\u69cb\u3067\u3059\u3002<\/p>\n

Google\u3067\u300cjdk\u300d\u3092\u30ad\u30fc\u30ef\u30fc\u30c9\u306b\u691c\u7d22\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n

\u300cJava SE Development Kit 8 – Downloads – Oracle\u300d<\/p>\n

\u3068\u3044\u3046\u306e\u304c\u30c8\u30c3\u30d7\u306b\u51fa\u3066\u304f\u308b\u3068\u601d\u3046\u306e\u3067\u3001\u30ea\u30f3\u30af\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u3001
\n\u81ea\u5206\u306e\u74b0\u5883\u306b\u3042\u3063\u305f\u3001JDK\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n

JDK\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/h4>\n

[bash]
\n$ sudo mkdir \/usr\/java
\n$ sudo mv jdk-8u121-linux-x64.tar.gz \/usr\/java
\n$ sudo tar xvzf jdk-8u121-linux-x64.tar.gz<\/p>\n

[\/bash]<\/p>\n

\u30d7\u30ed\u30d5\u30a1\u30a4\u30eb\u3092\u7de8\u96c6\u3057\u3066\u3001\u30d1\u30b9\u3092\u901a\u3059<\/h4>\n

[bash]
\nnano ~\/.bash_profile
\n[\/bash]<\/p>\n

[bash]
\nCLASSPATH=\/usr\/java\/jdk1.8.0_121\/jre\/lib\/rt.jar
\nPATH=$PATH:\/usr\/java\/jdk1.8.0_121\/bin\/<\/p>\n

export CLASSPATH PATH
\n[\/bash]<\/p>\n

[bash]
\n$ source ~\/.bash_profile
\n[\/bash]<\/p>\n

React Native HelloWorld\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u4f5c\u6210<\/h3>\n

\u3044\u3088\u3044\u3088\u3001React Native\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u4f5c\u6210\u3068\u3001Hello World\u3067\u3059\u3002<\/p>\n

[bash]
\n$ react-native init HelloWorld<\/p>\n

$ cd HelloWorld\/
\n$ react-native start > \/dev\/null 2>&1 &
\n$ react-native run-android
\n[\/bash]<\/p>\n

\u30c7\u30d5\u30a9\u30eb\u30c8\u306e\u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u304c\u4eee\u60f3\u30de\u30b7\u30f3\u306b\u8868\u793a\u3055\u308c\u305f\u3089OK\u3067\u3059\u3002<\/p>\n

\"rn-8\"<\/a><\/p>\n

index.android.js \u3092\u8abf\u6574<\/h4>\n

HelloWorld\/index.android.js<\/p>\n

\u4ee5\u4e0b\u306e\u90e8\u5206\u306bHello World\u3092\u8868\u793a\u3059\u308b\uff13\u884c\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n

[bash]
\nexport default class HelloWorld extends Component {
\n render() {
\n return (
\n
\n
\n Welcome to React Native!
\n <\/Text>
\n
\n Hello World!!
\n <\/Text>
\n
\n To get started, edit index.android.js
\n <\/Text>
\n
\n Double tap R on your keyboard to reload,{‘\\n’}
\n Shake or press menu button for dev menu
\n <\/Text>
\n <\/View>
\n );
\n }
\n}
\n[\/bash]<\/p>\n

\u753b\u9762\u30ea\u30d5\u30ec\u30c3\u30b7\u30e5<\/h4>\n

\u4eee\u60f3\u30de\u30b7\u30f3\u306e\u753b\u9762\u3092\u30a2\u30af\u30c6\u30a3\u30d6\u306b\u3057\u3066\u3001\u30ad\u30fc\u30dc\u30fc\u30c9\u3067\u3001\u300cR\u300d\u3092\uff12\u56de\u62bc\u3057\u307e\u3059\u3002<\/p>\n

\"rn-9\"<\/a><\/p>\n

\u5225\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u308a\u305f\u304f\u306a\u3063\u305f\u3089<\/h3>\n

Hello World\u306f\u3068\u308a\u3042\u3048\u305a\u51fa\u6765\u305f\u306e\u3067\u3001\u5225\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u308a\u305f\u304f\u306a\u3063\u305f\u5834\u5408\u306e\u8aac\u660e\u3092\u3057\u307e\u3059\u3002
\n\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u4f5c\u308a\u65b9\u306f\u3001HelloWorld\u306e\u6642\u3068\u540c\u3058\u3067\u3059\u304c\u30fb\u30fb\u30fb
\n\u3044\u3056\u30a2\u30d7\u30ea\u3092\u8d77\u52d5\u3057\u3088\u3046\u3068\u3059\u308b\u3068\u3001\u30a8\u30e9\u30fc\u304c\u767a\u751f\u3057\u307e\u3059\u3002
\n\u30a8\u30e9\u30fc\u306e\u5185\u5bb9\u306f\u3001\u300cxxx \u30d5\u30a9\u30eb\u30c0\u306eindex.android.js\u306f\u306a\u3044\u3088\u30fb\u30fb\u30fb\u300d\u307f\u305f\u3044\u306a\u3082\u306e\u3067\u3059\u3002<\/p>\n

\u3053\u308c\u3001HelloWorld\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u65b9\u3092\u898b\u306b\u884c\u3063\u3066\u3066\u30a8\u30e9\u30fc\u306b\u306a\u3063\u3066\u3044\u308b\u307f\u305f\u3044\u3067\u3059\u3002
\nreact-native start \u3067\u8d77\u52d5\u3057\u305f\u30d7\u30ed\u30bb\u30b9\u304c\u6b8b\u3063\u3066\u3044\u308b\u305f\u3081\u306b\u3001\u524d\u306b\u8d77\u52d5\u3057\u305f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u898b\u306b\u884c\u3063\u3061\u3083\u3046\u3088\u3046\u3067\u3059\u306d\u3002<\/p>\n

\u53e4\u3044\u30d7\u30ed\u30bb\u30b9\u3092\u6bba\u3059<\/h4>\n

\u4ee5\u4e0b\u306e\u30b3\u30de\u30f3\u30c9\u3067\u3001\u30d7\u30ed\u30bb\u30b9\u3092\u63a2\u3057\u3066\u3001kill\u3057\u307e\u3059\u3002<\/p>\n

[bash]
\n$ ps aux |grep react-native
\n[\/bash]<\/p>\n

[bash]
\nhiro 15864 2.0 1.3 1314168 140484 pts\/0 Sl 01:22 0:07 node \/usr\/local\/bin\/react-native start
\nhiro 17068 0.0 0.0 15256 936 pts\/0 S+ 01:28 0:00 grep –color=auto react-native
\n[\/bash]<\/p>\n

[bash]
\n$ kill 15864
\n[\/bash]<\/p>\n

\u3082\u3046\u4e00\u5ea6\u3001 react-native start<\/h4>\n

[bash]
\n$ react-native start > \/dev\/null 2>&1 &
\n$ react-native run-android
\n[\/bash]<\/p>\n

\u30de\u30b7\u30f3\u518d\u8d77\u52d5\u5f8c\u306e\u52d5\u4f5c\u78ba\u8a8d\u65b9\u6cd5<\/h3>\n

\u4e00\u65e6\u30de\u30b7\u30f3\u3092\u843d\u3068\u3057\u305f\u3042\u3068\u3001\u307e\u305f\u3001\u958b\u767a\u3057\u305f\u304f\u306a\u3063\u305f\u3089\u3069\u3046\u3059\u308b\u304b\u3068\u3044\u3046\u624b\u9806\u3067\u3059\u3002
\n\u624b\u9806\u3068\u3044\u3046\u307b\u3069\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u304c\u3001\u3068\u308a\u3042\u3048\u305a\u3001\u4ee5\u4e0b\u306e\u30b3\u30de\u30f3\u30c9\u3067Android Studio\u3092\u8d77\u52d5\u3057\u3066\u3001<\/p>\n

[bash]
\n$ \/opt\/android-studio\/bin\/studio.sh
\n[\/bash]<\/p>\n

\u30e1\u30cb\u30e5\u30fc\u3088\u308a AVD Manager\u3092\u8d77\u52d5\u3057\u307e\u3059\u3002
\nTool >> Android >> AVD Manager<\/p>\n

\u3067\u3001\u4eee\u60f3\u30de\u30b7\u30f3\u3092\u8d77\u52d5\u3057\u3066\u3001 react-native start \u3001 react-native run-android
\n\u3067OK\u3067\u3059\u3002<\/p>\n

\u96d1\u611f<\/h3>\n

React Native\u304c\u96e3\u3057\u3044\u306e\u3067\u306f\u306a\u304f\u3066\u3001Android Studio\u306b\u6163\u308c\u3066\u306a\u304f\u3066\u3001\u3042\u308c\u3053\u308c\u6238\u60d1\u3044\u307e\u3057\u305f\u306d\u3002
\nReact Native\u81ea\u4f53\u306f\u3001ReactJS\u3092\u3084\u3063\u305f\u3053\u3068\u304c\u3042\u308c\u3070\u3001\u3042\u307e\u308a\u3064\u307e\u3065\u304b\u306a\u3044\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n

React JS\u3068\u9055\u3046\u3068\u3053\u308d\u306f\u3001\u30a8\u30ec\u30e1\u30f3\u30c8\u304cHTML\u30a8\u30ec\u30e1\u30f3\u30c8\u3067\u306f\u306a\u304f\u3066\u3001ReactNative\u306e\u30a8\u30ec\u30e1\u30f3\u30c8\u306b\u306a\u308b\u3002
\n\u305d\u3057\u3066ReactNative\u306e\u30a8\u30ec\u30e1\u30f3\u30c8\u306e\u4f7f\u3044\u65b9\u3092\u3042\u308b\u7a0b\u5ea6\u30de\u30b9\u30bf\u30fc\u3057\u306a\u304d\u3083\u306a\u3089\u306a\u3044\u3000\u3068\u3044\u3046\u3053\u3068\u3067\u3057\u3087\u3046\u304b\u3002
\n\u307e\u3041\u3001\u3053\u308c\u306f\u3084\u3063\u3066\u3044\u3051\u3070\u3060\u3093\u3060\u3093\u306a\u308c\u308b\u3053\u3068\u306a\u306e\u3067\u3001\u52aa\u529b\u6b21\u7b2c\u3067\u3057\u3087\u3046\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"

\u306f\u3058\u3081\u306b React Native\u3092\u8a66\u3057\u305f\u304f\u306a\u3063\u3066\u3001\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u304b\u3089\u3001\u3042\u308c\u3053\u308c\u3057\u3066\u307f\u307e\u3057\u305f\u3002 \u7d50\u69cb\u82e6\u52b4\u3057\u305f\u306e\u3067\u3001Hello World\u3092\u51fa\u3059\u3050\u3089\u3044\u306e\u3068\u3053\u308d\u307e\u3067\u3092\u3001\u30e1\u30e2\u3068\u3057\u3066\u8a18\u8f09\u3057\u3066\u304a\u304d\u307e\u3059\u3002 \u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u306f \u672c\u5bb6\u306e\u30da\u30fc\u30b8\u306e\u300cGetting Started\u300d\u3092\u898b\u306a\u304c\u3089\u3067\u5927\u4f53\u51fa\u6765\u308b\u306e\u3060\u304c\u30fb\u30fb\u30fb Android Studio\u81ea\u4f53\u3082\u521d\u3081\u3066\u89e6\u3063\u305f\u306e\u3067\u3001\u3061\u3087\u3063\u3068\u8ff7\u3063\u3066\u3001\u56f0\u3063\u305f\u306e\u3067\u305d\u306e\u3078\u3093\u3082\u30fb\u30fb\u30fb \u30a4\u30f3\u30b9\u30c8\u30fc\u30eb \u4ee5\u4e0b\u306eGetting Started\u306b\u6cbf\u3063\u3066\u59cb\u3081\u3066\u304f\u3060\u3055\u3044\u3002 Getting Started https:\/\/facebook.github.io\/react-native\/docs\/getting-started.html \u624b\u9806\u306b\u6cbf\u3063\u3066\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb \u30da\u30fc\u30b8\u4e2d\u8179\u306e\u300cStarting the Android Virtual Device\u300d\u306e\u3068\u3053\u308d\u307e\u3067\u3001\u9811\u5f35\u3063\u3066\u52e7\u3081\u3066\u304f\u3060\u3055\u3044\u3002 Android Studio\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3001\u8ffd\u52a0\u3067Android 6\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b\u306a\u3069\u306a\u3069\u3001\u304b\u306a\u308a\u6642\u9593\u304c\u304b\u304b\u308a\u307e\u3059\u3002\uff08\u304a\u3088\u305d\uff13\uff10\u5206\uff09 \uff08Android Studio\u306f \/opt \u914d\u4e0b\u306b\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u307e\u3057\u305f\u3002\uff09 \u8ff7\u3063\u305f\u3068\u3053\u308d\u306f\u3001 [bash] npm install -g react-native-cli [\/bash] sudo \u3092\u3064\u3051\u308b\u5fc5\u8981\u304c\u3042\u3063\u305f\u3068\u3053\u308d\u3050\u3089\u3044\u3067\u3059\u3002 [bash] sudo npm install -g react-native-cli [\/bash] \u30da\u30fc\u30b8\u4e2d\u8179\u306e\u300cStarting the Android Virtual Device\u300d\u306e\u3068\u3053\u308d\u304c\u3001\u5b9f\u969b\u3084\u3063\u305f\u306e\u3068\u9055\u3063\u3066\u56f0\u3063\u305f\u306e\u3067\u3001 \u5bfe\u51e6\u65b9\u6cd5\u3092\u8a18\u8f09\u3057\u3066\u304a\u304d\u307e\u3059\u3002 \u30da\u30fc\u30b8\u3067\u306f [bash] $ android avd [\/bash] \u3068\u3057\u308d\u3068\u8a18\u8f09\u3055\u308c\u3066\u3044\u307e\u3059\u304c\u30fb\u30fb\u30fb\u3000\u3046\u307e\u304f\u884c\u304d\u307e\u305b\u3093\u3002 \u4ee5\u4e0b\u306e\u30b3\u30de\u30f3\u30c9\u3092\u53e9\u3044\u3066 Android Studio\u3092\u8d77\u52d5\u3057\u307e\u3057\u3087\u3046\u3002 Android Studio \u306e\u8d77\u52d5 [bash] $ \/opt\/android-studio\/bin\/studio.sh [\/bash] \u4ee5\u4e0b\u306e\u3088\u3046\u306a\u753b\u9762\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002 \u65b0\u898f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210 Start a new Android Studio project \u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u3001\u9069\u5f53\u306a\u540d\u524d\u3067\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\uff11\u3064\u4f5c\u6210\u3057\u3066\u304f\u3060\u3055\u3044\u3002 \u3053\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306f\u3001\u5168\u304f\u4f7f\u3044\u307e\u305b\u3093\u304c\u3001AVD Manager\u3092\u8d77\u52d5\u3059\u308b\u969b\u306b\u5fc5\u8981\u306a\u306e\u3067\u3001\u3068\u308a\u3042\u3048\u305a\u4f5c\u308a\u307e\u3059\u3002 Android\u4eee\u60f3\u30de\u30b7\u30f3\u4f5c\u6210 \u30e1\u30cb\u30e5\u30fc\u3088\u308a AVD Manager\u3092\u8d77\u52d5\u3057\u307e\u3059\u3002 Tool >> Android >> AVD Manager \u3042\u3068\u306f\u753b\u50cf\u306e\u624b\u9806\u3067\u4eee\u60f3\u30de\u30b7\u30f3\u3092\uff11\u3064\u4f5c\u3063\u3066\u304f\u3060\u3055\u3044\u3002 \u4eee\u60f3\u30de\u30b7\u30f3\u3092\u8d77\u52d5\u3057\u307e\u3059\u3002 JDK\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3068\u8a2d\u5b9a Java\u306e\u30b3\u30f3\u30d1\u30a4\u30eb\u74b0\u5883\u304c\u5165\u3063\u3066\u306a\u3044\u5834\u5408\u3001\u52d5\u4f5c\u3057\u306a\u3044\u307f\u305f\u3044\u3067\u3059\u3002 \u65e2\u306bJava\u74b0\u5883\u304c\u3042\u308b\u5834\u5408\u306f\u3068\u3070\u3057\u3066\u9802\u3044\u3066\u7d50\u69cb\u3067\u3059\u3002 Google\u3067\u300cjdk\u300d\u3092\u30ad\u30fc\u30ef\u30fc\u30c9\u306b\u691c\u7d22\u3057\u3066\u304f\u3060\u3055\u3044\u3002 \u300cJava SE Development Kit 8 – Downloads – Oracle\u300d \u3068\u3044\u3046\u306e\u304c\u30c8\u30c3\u30d7\u306b\u51fa\u3066\u304f\u308b\u3068\u601d\u3046\u306e\u3067\u3001\u30ea\u30f3\u30af\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u3001 \u81ea\u5206\u306e\u74b0\u5883\u306b\u3042\u3063\u305f\u3001JDK\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u3066\u304f\u3060\u3055\u3044\u3002 JDK\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb [bash] $ sudo mkdir \/usr\/java $ sudo mv jdk-8u121-linux-x64.tar.gz \/usr\/java $ sudo tar xvzf jdk-8u121-linux-x64.tar.gz [\/bash] \u30d7\u30ed\u30d5\u30a1\u30a4\u30eb\u3092\u7de8\u96c6\u3057\u3066\u3001\u30d1\u30b9\u3092\u901a\u3059 [bash] nano ~\/.bash_profile [\/bash] [bash] CLASSPATH=\/usr\/java\/jdk1.8.0_121\/jre\/lib\/rt.jar PATH=$PATH:\/usr\/java\/jdk1.8.0_121\/bin\/ export CLASSPATH PATH [\/bash] [bash] $ source ~\/.bash_profile [\/bash] React Native HelloWorld\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u4f5c\u6210 \u3044\u3088\u3044\u3088\u3001React Native\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u4f5c\u6210\u3068\u3001Hello World\u3067\u3059\u3002 [bash] $ react-native init HelloWorld $ cd HelloWorld\/ $ react-native start > \/dev\/null 2>&1 & $ react-native run-android [\/bash] \u30c7\u30d5\u30a9\u30eb\u30c8\u306e\u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u304c\u4eee\u60f3\u30de\u30b7\u30f3\u306b\u8868\u793a\u3055\u308c\u305f\u3089OK\u3067\u3059\u3002 index.android.js \u3092\u8abf\u6574 HelloWorld\/index.android.js \u4ee5\u4e0b\u306e\u90e8\u5206\u306bHello World\u3092\u8868\u793a\u3059\u308b\uff13\u884c\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002 [bash] export default class HelloWorld extends Component { render() { return ( Welcome to React Native! Hello World!! To get started, edit index.android.js Double tap R on your keyboard to reload,{‘\\n’} Shake or press menu button for dev menu ); } } [\/bash] \u753b\u9762\u30ea\u30d5\u30ec\u30c3\u30b7\u30e5 \u4eee\u60f3\u30de\u30b7\u30f3\u306e\u753b\u9762\u3092\u30a2\u30af\u30c6\u30a3\u30d6\u306b\u3057\u3066\u3001\u30ad\u30fc\u30dc\u30fc\u30c9\u3067\u3001\u300cR\u300d\u3092\uff12\u56de\u62bc\u3057\u307e\u3059\u3002 \u5225\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u308a\u305f\u304f\u306a\u3063\u305f\u3089 Hello World\u306f\u3068\u308a\u3042\u3048\u305a\u51fa\u6765\u305f\u306e\u3067\u3001\u5225\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u308a\u305f\u304f\u306a\u3063\u305f\u5834\u5408\u306e\u8aac\u660e\u3092\u3057\u307e\u3059\u3002 \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u4f5c\u308a\u65b9\u306f\u3001HelloWorld\u306e\u6642\u3068\u540c\u3058\u3067\u3059\u304c\u30fb\u30fb\u30fb \u3044\u3056\u30a2\u30d7\u30ea\u3092\u8d77\u52d5\u3057\u3088\u3046\u3068\u3059\u308b\u3068\u3001\u30a8\u30e9\u30fc\u304c\u767a\u751f\u3057\u307e\u3059\u3002 \u30a8\u30e9\u30fc\u306e\u5185\u5bb9\u306f\u3001\u300cxxx \u30d5\u30a9\u30eb\u30c0\u306eindex.android.js\u306f\u306a\u3044\u3088\u30fb\u30fb\u30fb\u300d\u307f\u305f\u3044\u306a\u3082\u306e\u3067\u3059\u3002 \u3053\u308c\u3001HelloWorld\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u65b9\u3092\u898b\u306b\u884c\u3063\u3066\u3066\u30a8\u30e9\u30fc\u306b\u306a\u3063\u3066\u3044\u308b\u307f\u305f\u3044\u3067\u3059\u3002 react-native start \u3067\u8d77\u52d5\u3057\u305f\u30d7\u30ed\u30bb\u30b9\u304c\u6b8b\u3063\u3066\u3044\u308b\u305f\u3081\u306b\u3001\u524d\u306b\u8d77\u52d5\u3057\u305f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u898b\u306b\u884c\u3063\u3061\u3083\u3046\u3088\u3046\u3067\u3059\u306d\u3002 \u53e4\u3044\u30d7\u30ed\u30bb\u30b9\u3092\u6bba\u3059 \u4ee5\u4e0b\u306e\u30b3\u30de\u30f3\u30c9\u3067\u3001\u30d7\u30ed\u30bb\u30b9\u3092\u63a2\u3057\u3066\u3001kill\u3057\u307e\u3059\u3002 [bash] $ ps aux |grep react-native [\/bash] [bash] hiro 15864 2.0 1.3 1314168 140484 pts\/0 Sl 01:22 0:07 node \/usr\/local\/bin\/react-native start hiro 17068 0.0 0.0 15256 936 pts\/0 S+ 01:28 0:00 grep –color=auto react-native [\/bash] [bash] $ kill 15864 [\/bash] \u3082\u3046\u4e00\u5ea6\u3001 react-native start [bash] $ react-native start > \/dev\/null 2>&1 & $ react-native run-android [\/bash] \u30de\u30b7\u30f3\u518d\u8d77\u52d5\u5f8c\u306e\u52d5\u4f5c\u78ba\u8a8d\u65b9\u6cd5 \u4e00\u65e6\u30de\u30b7\u30f3\u3092\u843d\u3068\u3057\u305f\u3042\u3068\u3001\u307e\u305f\u3001\u958b\u767a\u3057\u305f\u304f\u306a\u3063\u305f\u3089\u3069\u3046\u3059\u308b\u304b\u3068\u3044\u3046\u624b\u9806\u3067\u3059\u3002 \u624b\u9806\u3068\u3044\u3046\u307b\u3069\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u304c\u3001\u3068\u308a\u3042\u3048\u305a\u3001\u4ee5\u4e0b\u306e\u30b3\u30de\u30f3\u30c9\u3067Android Studio\u3092\u8d77\u52d5\u3057\u3066\u3001 [bash] $ \/opt\/android-studio\/bin\/studio.sh [\/bash] \u30e1\u30cb\u30e5\u30fc\u3088\u308a AVD Manager\u3092\u8d77\u52d5\u3057\u307e\u3059\u3002 Tool >> Android >> AVD…<\/p>\n","protected":false},"author":1,"featured_media":1484,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[77],"tags":[79,72],"class_list":{"0":"post-1555","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-react","8":"tag-react-native","9":"tag-reactjs"},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/lovelinux.mydns.jp\/index.php?rest_route=\/wp\/v2\/posts\/1555","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lovelinux.mydns.jp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lovelinux.mydns.jp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lovelinux.mydns.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lovelinux.mydns.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1555"}],"version-history":[{"count":4,"href":"https:\/\/lovelinux.mydns.jp\/index.php?rest_route=\/wp\/v2\/posts\/1555\/revisions"}],"predecessor-version":[{"id":1569,"href":"https:\/\/lovelinux.mydns.jp\/index.php?rest_route=\/wp\/v2\/posts\/1555\/revisions\/1569"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lovelinux.mydns.jp\/index.php?rest_route=\/wp\/v2\/media\/1484"}],"wp:attachment":[{"href":"https:\/\/lovelinux.mydns.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1555"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lovelinux.mydns.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1555"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lovelinux.mydns.jp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1555"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}