第１１回　若手かんがい技術者による海外事業・研究に関する事例報告会 および 第９回　かんがい排水に関する勉強会 発表資料

1. JavaScript+サーバーレスで
作る
スマートフォンアプリ講座
芸者東京エンターテインメント株式会社
CTO 竹下義晃

2. 自己紹介
東京大学農学生命科学研究科 修士卒業
芸者東京エンターテインメント株式会社で、スマホのゲームを開発
普段は、ScalaとC#でお仕事しています
一般社団法人Japan Scala Association 理事兼任
飯田俊彰准教授の「農業水利サービスの定量的評価と需要主導
型提供手法の開発」で、農家の方に使ってもらうアプリの開発の
開発者として参加

3. どういうアプリを作った？
● 自分の農地を選択すると、農地に設置されたフィールドサー
バーの情報を見ることが出来る
● スマートフォンで農地の写真を取りアップロードして農地の記
録を取れる

4. 良かった点
● スクラム開発
プロトタイプを作り、短いイテレーションで機能改善を行えた
● 設計、開発を一人でやっていたので小回りがきいた
コミュニケーションコストが発生しないので、スピード感が出る
実際、最終的なアプリになるまでに、農家からの問い合わせを管
理するWebサービス、単純な農地画像共有アプリを経ている

5. 全て自分で作る方が
効率がいい!
これからは、研究者が自分でアプリを作る時代

6. でも、作るのは難しいのでは？
● Android,iPhoneで動くアプリを作るのにJavaやSwiftまたは
Objective-Cを覚えないといけないのでは？
● 他のユーザーとデータを共有するために、サーバーを用意し
ないといけないのでは？

7. マルチプラットフォーム
ゲーム向け
Unity
Cocos2dx
ツール向け
IONIC
React
Native
1つのソースコードで、Andorid,iPhone両方で動
くアプリを作れる
Unreal
Engine Titanium
C#
C++
C++
HTML,CSS,JS
JS

8. IONIC
● Cordova上にAngularJSを載せて構築されたHybridApp
● HTML,CSS,Javascriptでアプリを作成出来る
● ライブラリが充実
● Cordovaは、HTML,CSS,Javascriptでアプリを作る事を可能
にする技術
● AngularJSは、レスポンシブルなUIを作れるJSライブラリ
IONIC
AngularJS
Cordova

9. Firebase
Googleのサーバーレス技術
ユーザーが少ないなら、無料で使用可能
機能
● 認証(ユーザー作成)
● データベース(データの保存)
● ファイル保存
● データ更新の自動通知 など

10. IONIC + Firebase
IONICとFirebaseを使うと、サーバーを自分で用意
せずに、Webページを作る要領でアプリを作ることが
出来る

11. ライブコーディング
10分で作るチャットアプリ

12. まとめ
アプリを作るのことは簡単になってきている
自分でアプリを作るメリット
● 自分の望むものを作れる
● 仕様変更が早い
● お金もほとんどかからない
また、プロトタイプが出来た後に、ちゃんとした会社に頼むとス
ムーズに開発出来る

13. 詰まったら
やっていると色々問題が起きる
その問題を解決するのに一番重要なのはGoogle力
テクニック
● エラーメッセージをそのままコピーしてググる
● 固有名詞、固有名称っぽいものだけでググる
● 公式ドキュメントを見に行く
● 誰かに聞く

14. 参考リンク
IONIC https://ionicframework.com/
AngularJS https://angularjs.org/
Firebase https://firebase.google.com/?hl=ja
作成したデモプログラム
https://github.com/takezoux2/firebase-chat-sample