はてなブックマーク

こんにちは。graphy事業部の遠藤と申します。 業務でFlutterを検証する為、簡単にメモアプリを実装してみました。今回は、その時に得た知見について記載していきたいと思います。 Flutterとは Flutterは、Googleから2018年2月頃に正式リリースされたクロスプラットフォームのフレームワークです。はじめはiOS/Androidのモバイル向けのみでしたが、最近ではデスクトップやWeb向けにも開発が進んでいます。プログラミング言語はDartを使って開発します。 Flutterはオープンソースで開発されていますので、GitHubでソースを覗くことができます。GitHubのスター数も現在2019年6月で約68,000となっており、同類の人気フレームワークであるReact Nativeと大差なくなってきました。 iOS/Androidアプリをそれぞれ開発する場合は工数は約2倍かかり

こんにちは。graphy事業部の遠藤と申します。 今回はReact Nativeを使ったアプリ開発におけるfastlaneの導入について解説していきたいと思います。 fastlaneについて fastlaneはiOS/Androidアプリのビルドからリリースまでを簡単に行うことができるツールです。 React Nativeでアプリ開発をするにあたって、以下のような場面でfastlaneが役に立ちます。 iOSアプリ開発に必要なProvisioning Profilesの管理 CI/CDでアプリのビルドからデプロイの実装 CLIでアプリをiTunesConnect/GooglePlayConsoleにアップロード fastlaneのインストール fastlaneのインストールを設定していきます。 最初にGemfileの雛形ファイルを作成します。 GemfileはReact Nativeプロジ

こんにちは。graphy事業部の遠藤と申します。 今回はReact Nativeを使ったアプリ開発における、 development/staging/production環境毎のビルド設定について記載していきたいと思います。 環境別ビルドの目的 環境別に分けたいものとして大きく以下のような要素があると思います。 APIの向き先の変更 Firebaseなど外部サービスの設定ファイルの選択 環境別にアプリを準備 React Nativeで環境別のビルドについて、Googleで調べてみると先人達が作ったライブラリを利用することで、 ビルド設定をある程度簡単に準備することができると思います。 ライブラリを使ったビルド設定 私が調べた限りでは、以下の２つのライブラリを利用する形で環境別ビルド設定が実現できます。 react-native-config react-native-dotenv しかし、

こんにちは。graphy事業部の遠藤です。 React Nativeを使ったアプリ開発でOpenCVを導入する機会がありましたので、 今回はその導入手順について詳しく説明していきたいと思います。 はじめに react-native initコマンドで、プロジェクト作成すると以下のようなフォルダ構成になっていると思います。 $ tree -L 1 . ├── App.js ├── __tests__ ├── android ├── app.json ├── babel.config.js ├── index.js ├── ios ├── metro.config.js ├── node_modules ├── package-lock.json └── package.json iosフォルダがXcodeプロジェクトになっており、androidフォルダがAndroidアプリのフォルダ構成にな