deha magazine / React Native

React Native

React Nativeシステム開発 2020/11/04

Expo✕React Nativeの環境構築を行う【React Native入門】

React NativeはJavaScriptのコードのみでiOSとAndroid両方のアプリを開発することができます。JavaScriptの経験はあるが、アプリ開発の経験は無いというエンジニアにはとても便利なツールと言われています。 この記事ではReact Nativeを使ってアプリ開発を行っていく方向けに、Expoを利用した環境構築の仕方を紹介していきます。 Expoを利用することで簡単にReact Nativeの環境開発が可能ですよ。 合わせて読みたい>>【Mac編】ReactNativeを使って環境構築をする方法は?【JavaScriptのコードのみでアプリ開発】 React Nativeでの開発に興味がある方 JavaScriptを勉強していた方 React Nativeの環境構築を知りたい方 これらに当てはまる方におすすめの記事となっています。これを読めばReact Nativeの環境構築の方法がわかります。

React Nativeシステム開発 2020/10/26

React Nativeでアプリ開発!外注時のポイントとは?

スマートフォンやタブレットの普及が世界中で進んでいく中で、重要な要素の1つがアプリケーションです。Webアプリ、ネイティブアプリ、ハイブリッドアプリ等が存在し、商品やサービスを提供する企業はどんなアプリを開発するのがよいかを検討します。 そんな中、企業側のニーズに応えるために、コストや納期、エンジニアの確保などさまざまなメリットが見込めるクロスプラットフォームを採用するシステム開発会社が増えています。 そこで今回は外注先の選定、「React Native」による開発を外注する際のポイントをご紹介します。 「React Native」が気になる方 アプリ開発をしたい方 これらに当てはまる方におすすめの記事となっています。これを読めばアプリ開発を外注する際に注意すべきポイントも丸わかりですよ。 外注先の候補を選ぶ 外注先を探す方法として「取引先からの紹介」「システム開発のマッチングサイト(発注ナビなど)」「社員・知人の紹介」などが多くなっています。 最近ではフリーランスのエンジニアに外注をする方法も増えてきており、「クラウドワークス」や「ランサーズ」といったクラウドソーシングのサービスを利用する企業も増えています。 また最近ではオフショア開発という選択をする企業も増えています。 言語・文化の課題はありますが、国内での開発よりもオフショア開発の方がコストや納期についてもメリットが大きいことも注目される要因です。 最新の技術に対するスキルが高い国も多く、橋渡し役のブリッジSEを活用することでコミュニケーションも円滑になり、需要が増えています。 外注先を選択する 外注先の候補の絞り込みができたらヒアリング・打ち合わせを繰り返し、プレゼンと見積金額、納期などを複数社から受け、コンペを行います。 自社で提供したいアプリケーションの仕様通りに開発ができる会社か、納品・運用開始後のサポート体制は万全か、などあらゆる項目を協議し外注先を決定します。 過去に外注の実績があるシステム開発会社であれば自社の業務やサービスを理解し、開発をした実績があるので新たに探す外注先よりもスムーズにアプリケーション開発が進められます。 どのクロスプラットフォームで開発する? 発注側は顧客にどんなアプリケーションを提供し、商品やサービスを販売するかを考えます。 ここでもコストや納期の課題が出てきますが、クロスプラットフォーム開発であれば課題をクリアすることができます。クロスプラットフォーム開発とはWindowsやmacOSなど異なるプラットフォーム上で、同じ仕様のアプリケーションを動作させるプログラムのことです。 単一のプログラムで複数の動作環境に対応できるので、コストを抑えることができるのですね。 クロスプラットフォーム開発に対応するシステム開発会社も増えているので、どのフレームワークを使用するのかを考えるのも重要です。 自社のサービスや社内の業務フローにマッチするフレームワークを選定し、外注するシステム開発会社がどのフレームワークに対応できるか、その中でもどのフレームワークが得意か、を見極める必要があります。 「React Native」でのアプリ開発を外注 ここ数年で人気があるのはGoogle社の「Flutter」とFacebook社の「React Native」、そしてMicrosoft社の「Xamarin」です。 中でも「React Native」は1つのコードでiOS、Android、Webの3つのプラットフォームに対応したアプリケーションを開発できるため、システム開発会社も「React Native」での開発対応ができるよう、エンジニアの採用や教育・育成を行っています。 合わせて読みたい>>【徹底比較】React Native対 Flutter【アプリ開発に必要な5つのポイント】 「React Native」をどの開発会社に依頼するべき? 「React Native」を扱うシステム開発会社を探す際に、どこの国の会社・エンジニアに発注するかを決める必要があります。 当然ですが、母国語が同じ国に発注するのが一番スムーズですが、同じ母国語でシステム開発会社やエンジニアが多くいるとは限りません。 Facebookを見てみると、「React Native Developer Community」グループの登録者数は約87,000人です。それに対し「React Native Japan」グループの登録者数は約650人となっています。(リンク先のコミュニティサイト「Connpass」には約2,300人の登録があります) 「React Native Vietnam」グループを見てみると登録者数は約19,000人と日本よりも多く、この数字だけですべてを判断することはできませんが、「React Native」を扱えるエンジニアが多いことが推測できます。 DEHA SOLUTIONSには日本語、英語対応が可能で、「React Native」での開発ができるエンジニアが多数在籍しています。 「React Native」を使用したアプリケーションのオフショア開発を検討したい、という方は是非DEHA SOLUTIONSまでお問い合わせください。 […]

React Nativeシステム開発スマホアプリ開発 2020/10/20

はじめてでもわかる!React Nativeの開発環境の整え方

「React Native」はクロスプラットフォームに対応したアプリケーションフレームワークで、iOS、Androidどちらのアプリケーション開発にも利用できます。 「React Native」の経験がない場合、必要な情報をインターネットで調べたり、書籍を探したり、研修の一環で習得するなど、さまざまな方法で準備を進める必要があります。 そこでこの記事ではプログラミングに初めて取り組む方にもわかりやすく、「React Native」での開発環境に必要なものやどんな開発環境が適しているかをご紹介します。 JavaScriptを勉強していた方 アプリ開発を行いたい方 これから「React Native」を利用したい方 これらに当てはまる方におすすめの記事となっています。これを読めばReact Nativeでの構築を始める前にどんな準備が必要なのかが丸わかりですよ。 準備するもの①マシンスペック まず当然ですが開発するパソコンのマシンスペックは高いに越したことはありません。さまざまな処理をするためCPUは最新のものを用意し、メモリは多く積んでおくことをオススメします。 準備するもの②スマートフォン iOSまたはAndroidのスマートフォンの実機を使用してアプリケーションを検証します。 しかし、その都度スマートフォンを取り出し、アプリケーションをインストール・更新するのは手間になるので、エミュレーター上で検証をし、最終段階の検証で実機を使用する方法もあります。 準備するもの③ブラウザ そして開発環境に必要な大切なものがブラウザです。「React Native」の場合は「Google Chrome」が推奨されています。デバッグなどでも使用する場合があります。 準備するもの④開発環境(Windowsの場合) OSは「Windows10 Pro」または「Windows10 Home」を前提とします。インストールの順番は以下の1から6が基本となりますが、個人個人の環境によって前後する場合がありますので注意してください。 Chocolatey パッケージ管理ソフト「Chocolatey」を導入することで、各種ツールをスムーズにインストール・設定することができます。 公式サイト Node.js サーバーサイドのJavaScript実行環境である「Node.js」がビルドで必要となります。頻繁にバージョンアップされるため、その時に必要なバージョンを確認してから導入しましょう。 公式サイト Python 「React Native」のビルドシステムは「Python」が採用されています。 公式サイト 「React Native CLI」 or 「Expo」 「React Native」で開発するためにはアプリケーションツールである「React Native CLI」または「Expo」が必要です。「 Expo」はネイティブな機能を使えないことがあり、「React Native CLI」は「Xcode」の知識が必要です。必要に応じてどちらのアプリケーションツールを使用するかご検討ください。 合わせて読みたい>>Expo✕React Nativeの環境構築を行う【React Native入門】 JDK 「JDK(Java Development Kit)」はJavaの開発ツールがセットになっているパッケージです。 公式サイト […]

React Nativeシステム開発 2020/09/25

【徹底比較】React Native対 Flutter【アプリ開発に必要な5つのポイント】

スマートフォンが普及し、さまざまな技術が進化する中で、クロスプラットフォーム開発は開発期間の短縮やコスト削減などのメリットが多くあるため、開発会社・エンジニアにとってなくてはならない存在となっています。 そんなクロスプラットフォームの中で、特に多く利用されているのが「React Native(リアクト・ネイティブ)」と「Flutter(フラッター)」です。 「React Native」はJavascriptを取得して入ればアプリの開発が可能。一方、「Flutter」はDartで開発を行います。 どちらも共通しているのはiOSアプリとAndroidアプリに同じコードベースを使用できるクロスプラットフォームであるということです。ただし、それぞれ独自の特徴があり、メリット・デメリットがあります。 そこで今回は「React Native」と「Flutter」を5つのポイントに絞って比較します。 モバイルアプリの開発・運用のコストパフォーマンスを高めたい方 「React Native」や「Flutter」が気になっている方 「React Native」や「Flutter」の違いを知りたい方 これらに当てはまる方におすすめの記事となっています。これを読めば「React Native」や「Flutter」のどちらを使って開発を行うべきかがわかりますよ。

React Nativeスマホアプリ開発 2020/09/18

【厳選】「React Native」の頼れる・使えるライブラリ7選【UIやデザイン開発に!】

「React Native」はクロスプラットフォーム開発対応のモバイルアプリケーションフレームワークです。1つのコードでiOSとAndroidのアプリを開発できるため、コストや工数などが削減でき、世界中で利用されています。 削減できる、とは言ってもやはりアプリ開発なのでコードを作り込んでいく手間・工程が発生します。 そこで開発者がよくあるフォーマットやテンプレートを利用できるよう、さまざまな「ライブラリ」が公開・配布されています。この記事ではそんな「React Native」のオススメのライブラリをご紹介します。 「React Native」での開発を行いたい方 アプリ開発に興味がある方 これらに当てはまる方におすすめの記事となっています。これを読めばあなたの「React Native」開発の手助けになること間違いなしです。

React Nativeシステム開発 2020/09/01

【感動】React Nativeならアプリ開発が効率化!?【クロスプラットフォーム対応】

スマートフォンやタブレットの普及が進み、私達の生活やビジネスにはなくてはならない存在となりました。 アプリを開発する側にとって、プラットフォームをどうするか、というのはとても重要なポイントです。 iOSとAndroidの2種類をそれぞれ開発するか、Webアプリで開発するか、あるいはハイブリッドアプリを開発するか、などの選択肢があります。 合わせて読みたい>>「Webアプリ」と「ネイティブアプリ」のメリット・デメリット この記事ではアプリ開発をスムーズにできる「React Native」をご紹介します。「React Native」ならクロスプラットフォーム対応であり、JavaScriptでの開発ができるだけでなく、修正対応もスムーズに行えます。 React Nativeについて詳しく知りたい方 アプリ開発を行いたい方 JavaScriptのスキルがある方 これらに当てはまる方におすすめの記事となっています。これを読めばアプリ開発の手助けになる「React Native」について丸わかりですよ。

React Nativeシステム開発 2019/12/16

【簡単】React NativeのプロジェクトにTypeScriptを導入するには?【アプリ開発に!】

v0.57以降React Nativeが公式でTypeScriptに対応するようになりました。 Babel7でTypeScriptをトランスコンパイル出来るようになったため、その仕組みをReact Nativeが利用する形で実現されています。 ただし、Babelは古いJavaScriptへのトランスコンパイルを行うだけで、型チェックまでは行ってくれません。 そのため型チェックはtscコマンドで別途実行する必要があります。 そこで、この記事ではBabel7でReact Native+TypeScriptを実行しつつ、tscコマンドによる型チェックが出来る環境を構築するための手順を解説していきます。 React Nativeでアプリ開発を行いたい方 React NativeのプロジェクトにTypeScriptを導入する方法を知りたい方 React Nativeの環境開発の方法を知りたい方 これらに当てはまる方におすすめの記事となっています。これを読めばTypeScriptをReact Nativeに導入する方法が丸わかりですよ。

React Nativeシステム開発 2019/12/09

【Mac編】ReactNativeを使って環境構築をする方法は?【JavaScriptのコードのみでアプリ開発】

React NativeはJavaScriptのコードのみでiOSとAndroid両方のアプリを開発することができます。JavaScriptの経験はあるが、アプリ開発の経験は無いというエンジニアにはとても便利なツールと言われています。 この記事ではこれからReact Nativeを使ってアプリを開発したい方を対象に、その環境構築の手順を紹介していきます。 アプリ開発を行いたい方 JavaScriptは勉強している方 React Nativeの使い方を知りたい方 これらに当てはまる方におすすめの記事となっています。これを読めばReact Nativeの環境構築の方法がまるわかりですよ。

オフショア開発ガイド

オフショア開発のご相談や お見積りはこちらから

CONTACT