いんでぃーづ

ゲームメインのブレブレブログ。ゲーム,Unity,デザイン,UI/UX

ReactNative : AndroidStudioでデバッグする方法

ReactNativeはChromeデバッグする方法がメインなんですけど、ネイティブプラグインを含めた動作確認を AndroidStudio 上でやりたいよって思ったのでやりかたメモ。

  • プロジェクトの用意
  • AndroidStudio でプロジェクトを開く
  • JSを端末から読み込むためのサーバを起動する
  • AndroidStudio でデバッグ実行する
  • JSをリロードする
続きを読む

React と ReactNative のプロジェクト生成方法まとめ

最近Reactでアプリ作って遊んでいるのですが、Webフロントエンド界隈の混沌は まじで吐き気がするなあ と思いつつハマって抜け出せなくなりつつあります(ダブルミーニング)。

特に自分にとっては、プロジェクトを作る方法が名前が似てるけど全然別物だったり、前準備が多すぎでげんなりしていたので、もう迷わないようにまとめておくことにしました。

本来ReactとReactNativeは一緒にして見るようなものでもないですが、意外とやりたいことがかぶっていたりするし、Reactで使っているライブラリをそのままRNに使おうとしてあれっとなったりするので、逆に一緒に勉強したほうがいいんじゃないかと思っています。

  • 開発マシンについて
  • React
    • CDNからReact本体のJavascriptを読み込む
    • create-react-app コマンド
      • type-script を使う
    • Next.js
    • Gatsby
  • ReactNative
    • expo-cli (旧 create-react-native-app)
      • eject
    • react-native-init
    • ReactNative + TypeScriptについて
    • react-native-dom
続きを読む

Amazon.co.jpアソシエイト