読者です 読者をやめる 読者になる 読者になる

田舎っぺ大学生録

ある田舎県の田舎の町で大学生やってる僕が、思ったこと、やったこと、勉強したこと、などをつらつら書いて行く

テスト勉強とかやめて、React Native始めた

本日は2017/2/15明日は今期最後のテストがあります!!!!

まぁ、課題も出してるし、出席もちゃんとしているので、単位はもらえるでしょうということで、この春去年参加した、SPAJAMに今年も参加しようと思っていて、友達と参加する予定なのですが、去年もそうでしたが、僕らは モバイルアプリケーションを作ることができません!!!

普段、webアプリ関連や、データサイエンティストまがいなことばかりやっていて、全くではないですが、コンテストや発表のできるレベルのものは作れないのです ということで、昨年はmonacaとmobaile backendを使って開発しましたが、今年は React Nativeを使おうと思っているので、これから春休みをかけて、ちょこちょこ勉強していこうと考えています。

※僕はSwift2系で基礎的なアプリを作ったことはありますが、そこで止まっていて、忘れています

※本当はandroidの勉強もちょこちょこし研究で使うのでしていますが、研究で使う程度の機能なので、そこまで深く流行っていません

なぜReact Native??

なぜReact Nativeを選択しようと思っているかと言いますと、理由は二つあります

一つ目は ios,Android開発経験が薄いということ

二つ目は 全員JSを使った経験があるということ

この二つの理由から、最近よく聞くようになった(個人的に)のと、JSを使ったことがある経験値があることから、学習速度がiosandroidを勉強するより早いと思ったし、どちらにも対応できるということで選択しました。

とりあえず、チュートリアル

React Native チュートリアルをとりあえず、僕が今使っているのが、androidなのでandroidチュートリアルを始めました!! とりあえず、順序通りにやっていったのですが、ここでハマりました

スクリーンショット 2017-02-16 0.59.23.png

ここで

$ react-native run-android

....

Starting JS server...
Building and installing the app on the device (cd android && ./gradlew installDebug...

FAILURE: Build failed with an exception.

* What went wrong:
A problem occurred configuring project ':app'.
> failed to find target with hash string 'android-23' in: /Users/hoge/Library/Android/sdk

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.

BUILD FAILED

Total time: 6.472 secs
Could not install the app on the device, read the error above for details.
Make sure you have an Android emulator running or a device connected and have
set up your Android development environment:
https://facebook.github.io/react-native/docs/android-setup.html

と怒られてしまって、 まず、android-23がないと思ったので、android studioSDKを入れて再度試したのですが、変わらなくてだいぶ困りましたが、

http://stackoverflow.com/questions/32731858/react-native-target-with-hash-string-android-x-not-found

ここを参考にして、android/app/build.gradle をANDROID_HOME/platformsの中にあるもののバージョンに合わせて変えました

compileSdkVersion 23
buildToolsVersion "23.0.0"
compileSdkVersion 24
buildToolsVersion "24"

もう一度実行してみたところ、エミュレータが正しく動いて、やっと表示されました!!!

これからやりたいこと、

とりあえず、ひととおおり学んだら、クソアプリを2~3個作ってみて、そのあと、テンプレート的なもを作っておいて、ハッカソンなどで会うt買いやすいようにしていきたいと思います!!

感想

実はこの環境設定に気づくまで、一昨日からやっていたので、三日間かかっていしまいました、、、 いやー大変でした、本当出来た時もういっかな、って思っちゃうぐらいでしたが、ちゃんと勉強していきたいと思います。