Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

【Potatotips #23】手軽にHTTPでJSONにアクセスできる環境を用意する

2,641 views

Published on

2015/11/24(Tue)に開催された potatotips #23 (http://connpass.com/event/21750/) での発表資料です。

Published in: Technology
  • Be the first to comment

【Potatotips #23】手軽にHTTPでJSONにアクセスできる環境を用意する

  1. 1. 【Android】 手軽にHTTPで JSONにアクセス できる環境を用意する Hiroyuki Kusu ( @hkusu_ ) 株式会社ゆめみ 2015/11/24 potatotips #23
  2. 2. 作ってます。
  3. 3. 小ネタです。 (Android もあまり関係ない)
  4. 4. よくある?問題
  5. 5. ・サーバとJSONで連係する Androidアプリの 開発で、サーバ側のAPIの準備が遅れている もしくは先になってしまう ・JSONのフォーマットはアプリを作りながら 考えたい ・アプリのプロトタイプを作っているが、 データをJSONで用意してしまいたい
  6. 6. 面倒なことはしたくない 俺はただJSONファイルにHTTPで アクセスできればいいんだ..!
  7. 7. 方法① Android Studio のローカル HTTPサーバを起動 ※動作確認はエミュレータに限る
  8. 8. http://10.0.3.2:<port>/<JSONファイルへのパス> ※ 10.0.3.2 は環境によって少し変わるかも
  9. 9. ・標準のエミュレータ(AVD)でもよいが遅い - でも Android Studio 2.0 から早くなる? ・Mac の場合は標準で Apache が入ってるので /Library/WebServer/Documents/ 配下に JSON ファイルを置いて Apache を起動した方が 早いかもしれない..
  10. 10. 方法② Gist を利用する ※実機でもエミュレータでもOK
  11. 11. Raw (生データ) を表示
  12. 12. ・GitHub 上の JSON ファイルを Row で表示 してもよい - private なリポジトリでもOK - 複数人で JSON ファイルを編集したり、 きちんと Git 管理する場合はこちらの方 がいいかも ・GitHub Pages を利用してもよいが public に 公開されてしまうはず
  13. 13. 方法③ ローカルで Node.js(Express) を起動 ※動作確認はエミュレータに限る
  14. 14. Express’ application generator
  15. 15. 作成された Express アプリケーションの 「public」ディレクトリに JSONファイルを格納
  16. 16. ・やろうと思えば動的にJSONを組み立てる ロジックも実装できる - JavaScript は JSON を扱いやすい ・Heroku や AWS Lambda + (API Gateway) に デプロイして public にも出来る - 実機でアクセス可能 - ただここまでくると手間が多いが..
  17. 17. 方法④ Amazon S3 に JSON ファイルを置く ※実機でもエミュレータでもOK
  18. 18. 静的ウェブサイトホスティング
  19. 19. おわり ※ほかにいい方法があったら懇親会 で教えてください..
  20. 20. 【追記】 勉強会中のツイートで 教えてもらったもの
  21. 21. ・Dropbox の Public フォルダを使う ・php -S localhost:8080 - Mac の場合は標準で PHP はいってる ・JSON Server - https://github.com/typicode/json-server

×