Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Help us understand the problem. What is going on with this article?

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

More than 3 years have passed since last update.

調べた理由

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

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

スマホアプリと一概に言っても大きく分けて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年版】スマホアプリ開発環境の種類一覧と選び方
エンジニアが知っておきたいスマホアプリの種類とは? | ブレーンゲート

Mak_ta11
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away