プログラム関係の備忘録。技術系記事1000記事以上を目指すブログ
CATEGORY

nativeアプリ

  • 2019年4月27日
  • 2019年5月6日

Expo CLIを使ってnativeアプリ開発入門編③

はじめに 前回の記事 今回はもう少しアプリっぽい見た目を作るのを目的に、react nativeで用意されているいくつかのコンポーネントを使ってみます。※公式docに書いてあることを日本語でやっています。 flexを使ってコンポーネントのサイズを動的に指定する 前回用意したHeader.jsと同じように、Main.js、Footer.jsも用意することにします。ディレクトリ構成は今のところこのよう […]

  • 2019年4月26日
  • 2020年6月16日

Expo CLIを使ってnativeアプリ開発入門編②

はじめに 前回の記事はこちらExpo CLIを使ってnativeアプリ開発入門編① まだまだアプリの形としては不十分だが、react特有の書き方に馴染むためにプロジェクトを少し変更してみます。 変更点1.自作コンポーネントを追加する App.jsに新たにコンポーネントを作成してみます。 App.jsと同じ階層にsrcディレクトリを、その下にcomponentsディレクトリ、その下にHeader.j […]

  • 2019年4月26日
  • 2019年5月6日

Expo CLIを使ってnativeアプリ開発入門編①

はじめに 前回の記事で開発環境を作りました。 今回は実装部分をかるーくだけ触ってみて全体構成を少し把握するのを目的に。 開発、デバッグ方法 前回、npm startでアプリを立ち上げ、端末(ここではiPhone)を使って初期状態のプロジェクトを開くところまでやったので、まずは表示させる内容を変えてみたいと思います。 プロジェクトディレクトリ配下のApp.jsを以下に変更 初期状態のメッセージをコメ […]

  • 2019年4月25日
  • 2020年6月12日

Expo CLI(旧create-react-native-app)を使ってnativeアプリ開発環境を時短構築

はじめに Webアプリケーションを触っているなら気になるのがiOSアプリの開発、Androidアプリの開発。ネイティブアプリの作成は少しハードルが高く感じてしまいますが、Expo CLI(元はcreate-react-native-app)を使えば特定のIDEを用意せずに、クロスコンパイルが可能なアプリを簡単に作ることができるということなので、まずはやってみました。 ※この記事ではwindows1 […]