Drupal ONSEN 2015

12
こここここここ こここここここ ここここ

Transcript of Drupal ONSEN 2015

Page 1: Drupal ONSEN 2015

こどもの成長をたのしくみよういくレコ

Page 2: Drupal ONSEN 2015

はじめに90%は北原さんがビール片手に半身揚げを食べながら作りました。

Page 3: Drupal ONSEN 2015

デモ早速デモします ! ( 北原さんが )

Page 4: Drupal ONSEN 2015

裏側は実はこんな感じ

Page 5: Drupal ONSEN 2015

スマホアプリで写真を撮るRest API

{ "_links": { "type": { "href": "http://d8.local/rest/type/file/file" } },"filename": [{"value": “baby.jpg"}],“data": [{"value": “fjdkjsaklfjsdklat…."}], …

画像ファイルの Exifを解析して位置情報をDBに保存

Page 6: Drupal ONSEN 2015

スマホアプリで写真を閲覧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" },….

Page 7: Drupal ONSEN 2015

スマホアプリで写真を閲覧

Page 8: Drupal ONSEN 2015

ちなみにバックエンドで同じデータを見てみると

Page 9: Drupal ONSEN 2015

実装の雰囲気 フロントエンド

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 時間くらい?

Page 10: Drupal ONSEN 2015

実装の雰囲気

Page 11: Drupal ONSEN 2015

今後のシリーズ展開? 猫の成長をたのしくみよう ~ねこレコ ! 農作物の成長を監視しよう ~農レコ! 熊の出没位置を共有しよう ~熊レコ! 撮り鉄の穴場をシェアしよう ~鉄レコ!

Page 12: Drupal ONSEN 2015

まとめ どれも Drupal バックエンドの仕組みは全く同じ 今回の資産をパクッて活用してぼろ儲け事業展開!