アプリ開発環境

main_img

フロントエンド

monacaのクラウド

特徴

Monacaはクラウド技術を活用した、日本発・次世代のアプリ開発プラットフォーム。
「iOS」「Android」「WEB」のどのデバイスでも動作するWEBアプリを作成できる。
Webからサインアップするだけで利用でき、JavaScriptとHTML5という使い慣れた技術でスマホアプリを開発できる。
→VSコードやDreamweaverといったPCのコーディングツールではなく、Web上のMonacaにログインしそこでコーディングする。
Monacaデバッガーを使えば、スマホやタブレットに即時反映されるので表示・動作確認が行える。

https://ja.monaca.io/

monacaの使い方(参考サイト)

Monaca での開発の概要(monaca公式サイト)
Monacaが提供する開発ツールの説明や、使い方のチュートリアルも用意されている。ブックマークしておくと便利。

初心者でも開発できる!Monacaの使い方入門サイト7選

 

ソースの管理=git

monacaとgitを連携

MonacaクラウドとGitHub連携方法

Onsen ui

フロントはHTML5やCSS3では無く最近流行の「Onsen ui」というフレームワークを利用
(タグ等が基本的なHTMLタグでは無くOnsen uiの独自タグになります)
https://ja.onsen.io/

・モバイルアプリの開発に特化したUIコンポーネントの集まり
ネイティブなiOSとAndroidのデザインガイドに準拠したデザインと機能
・無料、完全にオープンソース

Monacaデバッガー

monacaで開発しているプロジェクトをスマートフォンで表示・動作確認できるツール。

https://ja.monaca.io/debugger.html

AppleストアやGooglePlayからスマホやタブレットにmonacaアプリをインストールする。

monacaのアカウント・パスワードでログインする。

バックエンド

ニフティのmBaaS

https://mbaas.nifcloud.com/about.htm

基本的な使い方⇒https://mbaas.nifcloud.com/doc/current/datastore/basic_usage_javascript.html

【更新履歴】
2021.04.08 記事を公開しました。
2021.04.14 バックエンドmBaaSの使い方について追記しました。