Onsen UI - Monaca · Onsen UI 提供元:アシアル株式会社 目次 についてOnsen UI フレームワークとはUI モバイルアプリのための UI フレームワーク、Onsen
Drupal ONSEN 2015
-
Upload
yoshikazu-aoyama -
Category
Technology
-
view
763 -
download
0
Transcript of Drupal ONSEN 2015
こどもの成長をたのしくみよういくレコ
はじめに90%は北原さんがビール片手に半身揚げを食べながら作りました。
デモ早速デモします ! ( 北原さんが )
裏側は実はこんな感じ
スマホアプリで写真を撮るRest API
{ "_links": { "type": { "href": "http://d8.local/rest/type/file/file" } },"filename": [{"value": “baby.jpg"}],“data": [{"value": “fjdkjsaklfjsdklat…."}], …
画像ファイルの Exifを解析して位置情報をDBに保存
スマホアプリで写真を閲覧Rest API
GET https://d8.local/photos
[ { "title": " 滝野公園 ", "body": " お花綺麗 ", "uri": "http://d8.local/sites/default/files/sample_4.jpg", "lat": "43.060311111111", "lng": "141.35076944444" }, { "title": " 藻岩山 ", "body": " キャラクターに囲まれる ", "uri": "http://d8.local/sites/default/files/sample_3.jpg", "lat": "43.022111111111", "lng": "141.3257" },….
スマホアプリで写真を閲覧
ちなみにバックエンドで同じデータを見てみると
実装の雰囲気 フロントエンド
Apache Cordova + Angular.js (150 行くらい ) バックエンド
D rupal 8.0.0-rc2 Contribute module
Rest UI Location
Custom module (20 行くらい) https://github.com/blauerberg/drupal-onsen-2015
実装時間 4 時間くらい?
実装の雰囲気
今後のシリーズ展開? 猫の成長をたのしくみよう ~ねこレコ ! 農作物の成長を監視しよう ~農レコ! 熊の出没位置を共有しよう ~熊レコ! 撮り鉄の穴場をシェアしよう ~鉄レコ!
まとめ どれも Drupal バックエンドの仕組みは全く同じ 今回の資産をパクッて活用してぼろ儲け事業展開!