18
38

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

スマホアプリの開発環境を調べてみた(随時追記)

Last updated at Posted at 2017-03-28

調べた理由

今はスマホアプリが簡単に作れるって聞いて、簡単に作れるアプリ開発環境ってどう動いているわけ?って疑問から調べてみた。

そもそもスマホアプリって?

スマホアプリと一概に言っても大きく分けて3種類のタイプがある。

ネイティブアプリ

  • スマホ内で演算や処理、データ保存をして動作・実行させ、インストールする必要のあるアプリ
  • スケジュール帳やカメラなど、ネット通信をあまり使わずに、スマホ単体で使用できる
  • スマホ単体で動くため、比較的レスポンスが早い
  • 開発環境がOSに依存する
  • Java、Swift、Objective-Cなどのプログラミングの技術で作るアプリ

Webアプリ

  • Webブラウザの上で動作・実行させ、インストールする必要がないアプリ(スマホ用に開発されたWebサイト)
  • 例えばメールやFacebook、TwitterなどのSNSサイトなど
  • レスポンスがネット状況に左右される(ネット環境がなかったら使えない)
  • 開発環境がOSに依存しない
  • HTML5、CSS、JavaScriptなどのWebの技術で作るアプリ

※Webアプリの定義はちょっと曖昧なのでここではWebサイトとします

ハイブリッドアプリ

  • アプリ内のブラウザでWebアプリを使うインストールする必要のあるネイティブアプリ
  • 開発環境がOSに依存しない
  • HTML5、CSS、JavaScriptなどのWebの技術で作るアプリ
  • 要は「ネイティブアプリ + Webアプリ = ハイブリッドアプリ」

※ハイブリットアプリの開発環境には様々な方法があるみたいなので、後で別にまとめたいと思っております。

調べる観点

  • 開発元
  • 開発OS環境
  • 使用言語・必要知識
  • 導入コスト
  • どのスマホアプリを作れるか(AndroidまたはiOS)
  • 何のアプリ(ネイティブアプリ、Webアプリ、ハイブリッドアプリ)を作れるのか
  • 実機テスト

公式の開発環境

Android Studio

  • Google Inc.
  • Windows、MacOS、Linux
  • Java
  • 無償
  • Android
  • ネイティブアプリ
  • 実機テストOK

※フレームワークを追加することでハイブリッドアプリも作成可能


随時調査して追記予定


Xcode

  • Apple Inc.
  • MacOS
  • Objective-CまたはSwift
  • 無償
  • iPhone、iPad、Apple WatchなどのApple製品全般
  • ネイティブアプリ
  • 実機テストOK

※フレームワークを追加することでハイブリッドアプリも作成可能

React Native

  • Facebook
  • MacOS
  • Reactjs、Node、watchman、flow
  • 無償
  • iPhone
  • ハイブリッドアプリ

随時調査して追記予定


そのほかの開発環境

Visual Studio 2015/2017

  • Microsoft Corporation
  • Windows
  • HTML/JavaScriptまたはC# ※
  • 無償
  • Android、iPhone
  • ハイブリッドアプリ
  • Android実機テストOK、iOS実機テストにはXcodeが必要

※下記の組合せで拡張することで利用可能

  • HTML + Monaca
  • HTML + Cordova
  • C# + Xamarin

Apache Cordova

  • Apache CordovaからApacheソフトウェア財団→コミュニティメンテナンス
  • Windows、MacOS
  • HTML5、CSS3、JavaScript
  • 無償
  • Android、iPhone
  • ハイブリッドアプリ
  • Android実機テストOK、iOS での Apache Cordova アプリの実行

Monaca

  • アシアル株式会社
  • クラウド型IDE ※ローカルの場合はVisual StudioまたはLocalkitが必要
  • HTML5、CSS3、JavaScript
  • 250MBストレージ、3プロジェクトまで無償。以降は有料
  • Android、iPhone
  • ハイブリッドアプリ
  • 専用のデバッガーがあるらしい Monaca デバッガー

Xamarin Studio / Visual Studio for Mac

  • Microsoft Corporation
  • macOS
  • C#
  • 無償
  • Android、iPhone
  • ネイティブアプリ

Telerik Platform

  • Telerik
  • オンラインエディタ(AppBuilder)
  • HTML5、CSS3、JavaScript、Kendo UI
  • 無償
  • Android、iOS、Windows Phone
  • ハイブリッドアプリ
  • ブラウザ上のエミュレータ

Unity

  • Unity Technologies SF
  • Mac, Windows, Linux
  • C#、UnityScript (JavaScript)、Boo
  • Personal(無料版)またはUnityPro(月額125ドル)
  • Android、iPhone
  • ネイティブアプリ? ※ゲーム
  • Android実機テストOK、iOS実機テストにはXcodeが必要

GameSalad

  • GameSalad
  • ドラッグ&ドロップ
  • MacOS
  • 無料 ※会員登録必要
  • iPhone、iPad
  • Webアプリ ※ゲーム

随時調査して追記予定


参考サイト

Qiita

2016年JSハイブリッドアプリの動向をまとめてみた
統合開発環境はどれを使えば善いか?(独断と偏見の遥か彼方)
[React Native] 作りながら覚えるiOSアプリ開発 はじめの一歩
Xamarin(ザマリン) とはなんぞや

その他

Visual Studio ではじめる iOS/Android/Windows クロスプラットフォームアプリ開発
プログラミング不要!スマホアプリが開発できるツール10選 [Code部]
ハイブリットアプリとは|おすすめ開発環境とフレームワーク比較
【2017年版】スマホアプリ開発環境の種類一覧と選び方
エンジニアが知っておきたいスマホアプリの種類とは? | ブレーンゲート

18
38
3

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
18
38

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?