Submit Search
Upload
【Code for向け】保育園・消火栓mapを作れるアプリを作ろう!
•
0 likes
•
1,164 views
史識 川原
Follow
Codeforで一般的なhogehogemapを作成できるアプリの作り方ハンズオン
Read less
Read more
Engineering
Report
Share
Report
Share
1 of 42
Download now
Download to read offline
Recommended
Unityゲームにオンラインランキングとゴースト機能を追加しよう!
Unityゲームにオンラインランキングとゴースト機能を追加しよう!
史識 川原
第5回資料
第5回資料
ニフクラ mobile backend
VYATTA USERS MEETING Spring 2014 NIFTY Cloud
VYATTA USERS MEETING Spring 2014 NIFTY Cloud
雄也 日下部
Settings SyncとCodespaceで体験する新世代へのパラダイムシフト
Settings SyncとCodespaceで体験する新世代へのパラダイムシフト
Atsushi Nakamura
GitLabで始めるDevOps入門
GitLabで始めるDevOps入門
富士通クラウドテクノロジーズ株式会社
【初心者向け】API を使ってクラウドの管理を自動化しよう
【初心者向け】API を使ってクラウドの管理を自動化しよう
富士通クラウドテクノロジーズ株式会社
はじめてのAzure Sphere
はじめてのAzure Sphere
Tomokazu Kizawa
これから始めるエンジニアのためのクラウド超入門
これから始めるエンジニアのためのクラウド超入門
富士通クラウドテクノロジーズ株式会社
Recommended
Unityゲームにオンラインランキングとゴースト機能を追加しよう!
Unityゲームにオンラインランキングとゴースト機能を追加しよう!
史識 川原
第5回資料
第5回資料
ニフクラ mobile backend
VYATTA USERS MEETING Spring 2014 NIFTY Cloud
VYATTA USERS MEETING Spring 2014 NIFTY Cloud
雄也 日下部
Settings SyncとCodespaceで体験する新世代へのパラダイムシフト
Settings SyncとCodespaceで体験する新世代へのパラダイムシフト
Atsushi Nakamura
GitLabで始めるDevOps入門
GitLabで始めるDevOps入門
富士通クラウドテクノロジーズ株式会社
【初心者向け】API を使ってクラウドの管理を自動化しよう
【初心者向け】API を使ってクラウドの管理を自動化しよう
富士通クラウドテクノロジーズ株式会社
はじめてのAzure Sphere
はじめてのAzure Sphere
Tomokazu Kizawa
これから始めるエンジニアのためのクラウド超入門
これから始めるエンジニアのためのクラウド超入門
富士通クラウドテクノロジーズ株式会社
GitLab から GitLab に移行したときの思い出
GitLab から GitLab に移行したときの思い出
富士通クラウドテクノロジーズ株式会社
持続的な運用開発のために社内基盤を整えている話 〜auditのCI組み込みやlintの社内PKG化〜
持続的な運用開発のために社内基盤を整えている話 〜auditのCI組み込みやlintの社内PKG化〜
bitbank, Inc. Tokyo, Japan
devsummit_nifcloud_vmware
devsummit_nifcloud_vmware
富士通クラウドテクノロジーズ株式会社
おうち Lab で GitDNSOps / GitDNS Ops in My Home Lab
おうち Lab で GitDNSOps / GitDNS Ops in My Home Lab
Motonori Shindo
ニフクラ mobile backend チームのCIツール活用事例紹介
ニフクラ mobile backend チームのCIツール活用事例紹介
富士通クラウドテクノロジーズ株式会社
SINoALICE -シノアリス- グローバル版、全139ヵ国リリースへの道のり
SINoALICE -シノアリス- グローバル版、全139ヵ国リリースへの道のり
gree_tech
【Swift】SDKの読み込みにuse framework!が使えない場合の対処方法
【Swift】SDKの読み込みにuse framework!が使えない場合の対処方法
natsumo
GitLabのAutoDevOpsを試してみた
GitLabのAutoDevOpsを試してみた
富士通クラウドテクノロジーズ株式会社
Unityでソーシャルログイン機能を実装してみた
Unityでソーシャルログイン機能を実装してみた
昭仁 賀好
社外発表 Rancher2.0night
社外発表 Rancher2.0night
Michitaka Terada
グリー株式会社『私たちが GCP を使い始めた本当の理由』第 9 回 Google Cloud INSIDE Game & Apps
グリー株式会社『私たちが GCP を使い始めた本当の理由』第 9 回 Google Cloud INSIDE Game & Apps
Google Cloud Platform - Japan
SIerは如何にしてGitHub Enterpriseを導入するにようになったか
SIerは如何にしてGitHub Enterpriseを導入するにようになったか
You_Kinjoh
NSEG 長野のIT勉強会
NSEG 長野のIT勉強会
Daichi OBINATA
ISAC Tokyo 2014 宇宙の歩き方 Space Travel Map
ISAC Tokyo 2014 宇宙の歩き方 Space Travel Map
Daichi OBINATA
高専カンファレンス5周年パーティー 歴代実行委員長大集合
高専カンファレンス5周年パーティー 歴代実行委員長大集合
Daichi OBINATA
高専カンファレンス宣言
高専カンファレンス宣言
Daichi OBINATA
IT勉強会で使うIT
IT勉強会で使うIT
Daichi OBINATA
JavaScript祭りLTでmonacaを紹介
JavaScript祭りLTでmonacaを紹介
Yuki Okamoto
第{0,3,9}層の制約と戦うネットワーク構築の話
第{0,3,9}層の制約と戦うネットワーク構築の話
Daichi OBINATA
関西ゲーム勉強会Lt ver2
関西ゲーム勉強会Lt ver2
史識 川原
プロコンの競技OB戦をやってみた
プロコンの競技OB戦をやってみた
Daichi OBINATA
20160120 gpsロガーアプリを作ろう
20160120 gpsロガーアプリを作ろう
史識 川原
More Related Content
What's hot
GitLab から GitLab に移行したときの思い出
GitLab から GitLab に移行したときの思い出
富士通クラウドテクノロジーズ株式会社
持続的な運用開発のために社内基盤を整えている話 〜auditのCI組み込みやlintの社内PKG化〜
持続的な運用開発のために社内基盤を整えている話 〜auditのCI組み込みやlintの社内PKG化〜
bitbank, Inc. Tokyo, Japan
devsummit_nifcloud_vmware
devsummit_nifcloud_vmware
富士通クラウドテクノロジーズ株式会社
おうち Lab で GitDNSOps / GitDNS Ops in My Home Lab
おうち Lab で GitDNSOps / GitDNS Ops in My Home Lab
Motonori Shindo
ニフクラ mobile backend チームのCIツール活用事例紹介
ニフクラ mobile backend チームのCIツール活用事例紹介
富士通クラウドテクノロジーズ株式会社
SINoALICE -シノアリス- グローバル版、全139ヵ国リリースへの道のり
SINoALICE -シノアリス- グローバル版、全139ヵ国リリースへの道のり
gree_tech
【Swift】SDKの読み込みにuse framework!が使えない場合の対処方法
【Swift】SDKの読み込みにuse framework!が使えない場合の対処方法
natsumo
GitLabのAutoDevOpsを試してみた
GitLabのAutoDevOpsを試してみた
富士通クラウドテクノロジーズ株式会社
Unityでソーシャルログイン機能を実装してみた
Unityでソーシャルログイン機能を実装してみた
昭仁 賀好
社外発表 Rancher2.0night
社外発表 Rancher2.0night
Michitaka Terada
グリー株式会社『私たちが GCP を使い始めた本当の理由』第 9 回 Google Cloud INSIDE Game & Apps
グリー株式会社『私たちが GCP を使い始めた本当の理由』第 9 回 Google Cloud INSIDE Game & Apps
Google Cloud Platform - Japan
SIerは如何にしてGitHub Enterpriseを導入するにようになったか
SIerは如何にしてGitHub Enterpriseを導入するにようになったか
You_Kinjoh
What's hot
(12)
GitLab から GitLab に移行したときの思い出
GitLab から GitLab に移行したときの思い出
持続的な運用開発のために社内基盤を整えている話 〜auditのCI組み込みやlintの社内PKG化〜
持続的な運用開発のために社内基盤を整えている話 〜auditのCI組み込みやlintの社内PKG化〜
devsummit_nifcloud_vmware
devsummit_nifcloud_vmware
おうち Lab で GitDNSOps / GitDNS Ops in My Home Lab
おうち Lab で GitDNSOps / GitDNS Ops in My Home Lab
ニフクラ mobile backend チームのCIツール活用事例紹介
ニフクラ mobile backend チームのCIツール活用事例紹介
SINoALICE -シノアリス- グローバル版、全139ヵ国リリースへの道のり
SINoALICE -シノアリス- グローバル版、全139ヵ国リリースへの道のり
【Swift】SDKの読み込みにuse framework!が使えない場合の対処方法
【Swift】SDKの読み込みにuse framework!が使えない場合の対処方法
GitLabのAutoDevOpsを試してみた
GitLabのAutoDevOpsを試してみた
Unityでソーシャルログイン機能を実装してみた
Unityでソーシャルログイン機能を実装してみた
社外発表 Rancher2.0night
社外発表 Rancher2.0night
グリー株式会社『私たちが GCP を使い始めた本当の理由』第 9 回 Google Cloud INSIDE Game & Apps
グリー株式会社『私たちが GCP を使い始めた本当の理由』第 9 回 Google Cloud INSIDE Game & Apps
SIerは如何にしてGitHub Enterpriseを導入するにようになったか
SIerは如何にしてGitHub Enterpriseを導入するにようになったか
Viewers also liked
NSEG 長野のIT勉強会
NSEG 長野のIT勉強会
Daichi OBINATA
ISAC Tokyo 2014 宇宙の歩き方 Space Travel Map
ISAC Tokyo 2014 宇宙の歩き方 Space Travel Map
Daichi OBINATA
高専カンファレンス5周年パーティー 歴代実行委員長大集合
高専カンファレンス5周年パーティー 歴代実行委員長大集合
Daichi OBINATA
高専カンファレンス宣言
高専カンファレンス宣言
Daichi OBINATA
IT勉強会で使うIT
IT勉強会で使うIT
Daichi OBINATA
JavaScript祭りLTでmonacaを紹介
JavaScript祭りLTでmonacaを紹介
Yuki Okamoto
第{0,3,9}層の制約と戦うネットワーク構築の話
第{0,3,9}層の制約と戦うネットワーク構築の話
Daichi OBINATA
関西ゲーム勉強会Lt ver2
関西ゲーム勉強会Lt ver2
史識 川原
プロコンの競技OB戦をやってみた
プロコンの競技OB戦をやってみた
Daichi OBINATA
Viewers also liked
(9)
NSEG 長野のIT勉強会
NSEG 長野のIT勉強会
ISAC Tokyo 2014 宇宙の歩き方 Space Travel Map
ISAC Tokyo 2014 宇宙の歩き方 Space Travel Map
高専カンファレンス5周年パーティー 歴代実行委員長大集合
高専カンファレンス5周年パーティー 歴代実行委員長大集合
高専カンファレンス宣言
高専カンファレンス宣言
IT勉強会で使うIT
IT勉強会で使うIT
JavaScript祭りLTでmonacaを紹介
JavaScript祭りLTでmonacaを紹介
第{0,3,9}層の制約と戦うネットワーク構築の話
第{0,3,9}層の制約と戦うネットワーク構築の話
関西ゲーム勉強会Lt ver2
関西ゲーム勉強会Lt ver2
プロコンの競技OB戦をやってみた
プロコンの競技OB戦をやってみた
Similar to 【Code for向け】保育園・消火栓mapを作れるアプリを作ろう!
20160120 gpsロガーアプリを作ろう
20160120 gpsロガーアプリを作ろう
史識 川原
mBaaS/C4SA howto
mBaaS/C4SA howto
史識 川原
【Monaca×mobile backend】 プッシュ通知をカンタン実装! スピード感ある開発をしよう!
【Monaca×mobile backend】 プッシュ通知をカンタン実装! スピード感ある開発をしよう!
natsumo
Hacker wars mbaas
Hacker wars mbaas
Duong Dinh Thuy
kintone 連携スマホアプリの開発・配布体験
kintone 連携スマホアプリの開発・配布体験
アシアル株式会社
kintone連携スマホアプリの開発・配布体験_生形 可奈子氏
kintone連携スマホアプリの開発・配布体験_生形 可奈子氏
kintone papers
Ncmb勉強会 #8 cocos2d x 資料「Cocos2d-xとNCMBを組み合わせるには」
Ncmb勉強会 #8 cocos2d x 資料「Cocos2d-xとNCMBを組み合わせるには」
Atsushi Nakatsugawa
【HackerWars 】ニフティクラウドmobile backend
【HackerWars 】ニフティクラウドmobile backend
史識 川原
【C-2】スマホアプリの開発は、エンタメとエンプラでどこまで違う?
【C-2】スマホアプリの開発は、エンタメとエンプラでどこまで違う?
Yoshiyuki Takano
JINS MEME DEVELOPER HANDS-ON (Monaca / Apache Cordova編)
JINS MEME DEVELOPER HANDS-ON (Monaca / Apache Cordova編)
アシアル株式会社
ニフティクラウド mobile backend とIoTの良い関係
ニフティクラウド mobile backend とIoTの良い関係
ニフクラ mobile backend
Edisonユーザ会「ニフティクラウド mobile backendとIoTの良い関係」
Edisonユーザ会「ニフティクラウド mobile backendとIoTの良い関係」
ニフクラ mobile backend
20140320ニフティクラウドmeet-up!セミナー資料1
20140320ニフティクラウドmeet-up!セミナー資料1
NIFTY Cloud
ニフティクラウド mobile backend 北海道ハンズオン
ニフティクラウド mobile backend 北海道ハンズオン
ニフクラ mobile backend
Cordova × NCMB
Cordova × NCMB
Atsushi Nakatsugawa
Nifty cloud jtf2014ハンズオン資料
Nifty cloud jtf2014ハンズオン資料
亮介 山口
サイネージを使う顧客創出のシナリオ
サイネージを使う顧客創出のシナリオ
CRI Japan, Inc.
Nifty cloud mbaas
Nifty cloud mbaas
アシアル株式会社
【18-A-2】ゲーミフィケーション・エバンジェリストが見る「あなたの技術力が“ワクワクするサービス”に変わる未来」
【18-A-2】ゲーミフィケーション・エバンジェリストが見る「あなたの技術力が“ワクワクするサービス”に変わる未来」
Developers Summit
Monacaとmobile backendで簡単モバイルアプリ開発
Monacaとmobile backendで簡単モバイルアプリ開発
Yuki Okawa
Similar to 【Code for向け】保育園・消火栓mapを作れるアプリを作ろう!
(20)
20160120 gpsロガーアプリを作ろう
20160120 gpsロガーアプリを作ろう
mBaaS/C4SA howto
mBaaS/C4SA howto
【Monaca×mobile backend】 プッシュ通知をカンタン実装! スピード感ある開発をしよう!
【Monaca×mobile backend】 プッシュ通知をカンタン実装! スピード感ある開発をしよう!
Hacker wars mbaas
Hacker wars mbaas
kintone 連携スマホアプリの開発・配布体験
kintone 連携スマホアプリの開発・配布体験
kintone連携スマホアプリの開発・配布体験_生形 可奈子氏
kintone連携スマホアプリの開発・配布体験_生形 可奈子氏
Ncmb勉強会 #8 cocos2d x 資料「Cocos2d-xとNCMBを組み合わせるには」
Ncmb勉強会 #8 cocos2d x 資料「Cocos2d-xとNCMBを組み合わせるには」
【HackerWars 】ニフティクラウドmobile backend
【HackerWars 】ニフティクラウドmobile backend
【C-2】スマホアプリの開発は、エンタメとエンプラでどこまで違う?
【C-2】スマホアプリの開発は、エンタメとエンプラでどこまで違う?
JINS MEME DEVELOPER HANDS-ON (Monaca / Apache Cordova編)
JINS MEME DEVELOPER HANDS-ON (Monaca / Apache Cordova編)
ニフティクラウド mobile backend とIoTの良い関係
ニフティクラウド mobile backend とIoTの良い関係
Edisonユーザ会「ニフティクラウド mobile backendとIoTの良い関係」
Edisonユーザ会「ニフティクラウド mobile backendとIoTの良い関係」
20140320ニフティクラウドmeet-up!セミナー資料1
20140320ニフティクラウドmeet-up!セミナー資料1
ニフティクラウド mobile backend 北海道ハンズオン
ニフティクラウド mobile backend 北海道ハンズオン
Cordova × NCMB
Cordova × NCMB
Nifty cloud jtf2014ハンズオン資料
Nifty cloud jtf2014ハンズオン資料
サイネージを使う顧客創出のシナリオ
サイネージを使う顧客創出のシナリオ
Nifty cloud mbaas
Nifty cloud mbaas
【18-A-2】ゲーミフィケーション・エバンジェリストが見る「あなたの技術力が“ワクワクするサービス”に変わる未来」
【18-A-2】ゲーミフィケーション・エバンジェリストが見る「あなたの技術力が“ワクワクするサービス”に変わる未来」
Monacaとmobile backendで簡単モバイルアプリ開発
Monacaとmobile backendで簡単モバイルアプリ開発
【Code for向け】保育園・消火栓mapを作れるアプリを作ろう!
1.
Copyright © NIFTY
Corporation All Rights Reserved. 【ハンズオン】 保育園mapや消火栓map を作れるアプリを作ろう!
2.
Copyright © NIFTY
Corporation All Rights Reserved. 2 事前準備 Monaca ニフティクラウドmobile backend https://ja.monaca.io/ http://mb.cloud.nifty.com/ ※利用登録とMonacaデバッガーのインストール ※利用登録 本日の資料 【SlideShare】 http://goo.gl/JSQT8u ★【GitHub】https://goo.gl/ZhwFsz
3.
Copyright © NIFTY
Corporation All Rights Reserved. 3 事前準備 【GitHub】https://goo.gl/ZhwFsz ※このあと使いますので 開いておいてください!
4.
Copyright © NIFTY
Corporation All Rights Reserved. 4 Code forでよくあるプロジェクトを作ろう! ○○mapってよくありますよね!? 会津若松市消火栓マップ http://aizu.io/app_list/hydrant/search2.php 札幌保育園マップ http://papamama.codeforsapporo.org/ こうしたmap作成アプリを作りましょう!
5.
Copyright © NIFTY
Corporation All Rights Reserved. 5 MAPを作るときの課題 例えば保育園mapを作るときはこんな課題が・・・ ・各保育園の位置情報を調査が必要だけど・・・ GPSとか持っていない! ・調査結果を保存するサーバー必要だけど・・・ サーバーの用意とかメンドクサイ! ・位置情報による絞込み機能をサーバーに作りたいけど・・・ 緯度経度の計算方法なんて分からないよ! クラウドサービスを使ってこんな課題を 解決するハンズオンをやりましょう!
6.
Copyright © NIFTY
Corporation All Rights Reserved. 6 本日のハンズオン内容 ○○map作成アプリ 現在地の位置情報 をスマホで取得して サーバーに保存する 現在地付近のポイント をmapに表示 登録
7.
Copyright © NIFTY
Corporation All Rights Reserved. 7 利用するクラウドサービス GPSとか持っていない!を解決するMonaca: アシアル社が提供するクラウドサービス HTML5とJSでスマホアプリが開発できる 各センサへのアクセスも行える 緯度経度の計算方法分からん!と サーバーの用意とかメンドイ!を解決する ニフティクラウド mobile backend: ニフティ社が提供するクラウドサービス スマートフォンアプリの汎用的なバックエン ド機能をそろえたクラウドサービス 用意されたAPI・SDKを使うだけで、データ ベースへの保存やプッシュ通知の配信ができ ます。
8.
Copyright © NIFTY
Corporation All Rights Reserved. 8 ニフティクラウドmobile backendの機能 人気 No1 位置情報の絞込みを行える色んなデータを保存できる
9.
Copyright © NIFTY
Corporation All Rights Reserved. 9 手順 Monaca利用準備 mobile backend利用準備 近接ポイントの表示 位置情報で絞り込んで 近接ポイントを表示 利用登録 プロジェクトのインポート デバッガーのインストール スマホにmapを表示する
10.
Copyright © NIFTY
Corporation All Rights Reserved. Monaca利用準備
11.
Copyright © NIFTY
Corporation All Rights Reserved. 11 Monacaの利用登録 https://ja.monaca.io/ ※登録済みの方は不要です
12.
Copyright © NIFTY
Corporation All Rights Reserved. 12 プロジェクトのインポート Monacaの新しいプロジェクトを作ります 「開発をスタート」 をクリック
13.
Copyright © NIFTY
Corporation All Rights Reserved. 13 プロジェクトのインポート 「Monaca.ioで開発」を 選択してください
14.
Copyright © NIFTY
Corporation All Rights Reserved. 14 プロジェクトのインポート 「Import Project」を 選択してください
15.
Copyright © NIFTY
Corporation All Rights Reserved. 15 プロジェクトのインポート 「インポート」 をクリック ★https://github.com/hounenhounen/NCMB_GPSLocation/archive/master.zip GPSLocation GPSLocation
16.
Copyright © NIFTY
Corporation All Rights Reserved. 16 プロジェクトのインポート 「開く」 をクリック ダッシュボードの左側に作成した プロジェクトが追加されています GPSLocation
17.
Copyright © NIFTY
Corporation All Rights Reserved. 17 プロジェクトのインポート プロジェクトの開発環境が開きます GPSLocation
18.
Copyright © NIFTY
Corporation All Rights Reserved. 18 Monacaデバッガーのインストール 今回作成するアプリは動作確認に Monacaデバッガーが必須です! 重要 https://ja.monaca.io/debugger.html
19.
Copyright © NIFTY
Corporation All Rights Reserved. 19 スマホにmapを表示する インストールしたデバッガーを 立ち上げて、ログイン後 GPSLocationをタップして 左のmapを表示してください タップすると 表示される 登録
20.
Copyright © NIFTY
Corporation All Rights Reserved. mobile backend利用準備
21.
Copyright © NIFTY
Corporation All Rights Reserved. 21 手順 Monaca利用準備 mobile backend利用準備 利用登録 アプリの作成 近接ポイントの表示 位置情報で絞り込んで 近接ポイントを表示
22.
Copyright © NIFTY
Corporation All Rights Reserved. 22 mobile backendの利用登録 1/2 http://mb.cloud.nifty.com/ ※右クリックして新しいタブで開くと便利です。 まず、下記URLよりサービスサイトに アクセスしてください。 ここをクリック ここをクリック
23.
Copyright © NIFTY
Corporation All Rights Reserved. 23 mobile backendの利用登録 2/2 必要事項を入力して@nifty会員登録してください。 ここをクリック ご登録いただいた @nifty IDでログイン 利用規約を 確認後、同意して 利用開始!
24.
Copyright © NIFTY
Corporation All Rights Reserved. 24 mobile backendのアプリ作成 利用登録が終わると アプリの新規作成画面が表示されます。 アプリ名を入力して新規作成してください。 「アプリケーションキー」、「クライアントキー」 の2つのキーを使い、 サーバー接続の認証をしています。 その2つのキーがアプリ作成時に生成されます。 「GPSLocation」 と入力してください 2つのキーは 後で使います OKを押すと管理画面へ
25.
Copyright © NIFTY
Corporation All Rights Reserved. 25 mobile backendのアプリ作成-補足- ※ログイン後に、この画面が出た方は… 「+新しいアプリ」 をクリックすると でてきます! 「GPSLocation」 と入力してください
26.
Copyright © NIFTY
Corporation All Rights Reserved. 現在地付近のポイント表示
27.
Copyright © NIFTY
Corporation All Rights Reserved. 27 手順 Monaca利用準備 mobile backend利用準備 ポイント情報のインポート 動作確認 ポイント表示コードの説明 現在地のポイント登録 キーの埋め込み 位置情報で絞り込んで 近接ポイントを表示
28.
Copyright © NIFTY
Corporation All Rights Reserved. 28 キーの埋め込み Monaca開発環境、 www内のapp.jsを開いてください。 ここをダブルクリック アプリ作成時に表示された 「アプリケーションキー」、「クライアントキー」 をそれぞれコピー&ペースト SDK初期化のため、 各キーを赤四角枠の中に貼り付けてください
29.
Copyright © NIFTY
Corporation All Rights Reserved. 29 ポイント情報のインポート 今回は事前に登録しておくポイントの情報として善光寺、 信州大学位置情報が記された「sample.json」を使います。 下記のURLからそのファイルをダウンロードしてください。 https://goo.gl/Vb4Aq6 URLへアクセスすると sample.jsonが表示されます。 ブラウザ画面上で右クリックして 「名前を付けて保存」してください。
30.
Copyright © NIFTY
Corporation All Rights Reserved. 30 ポイント情報のインポート 先ほどダウンロードしたsample.jsonを mobile backendアップロードします。 クラス名は「PlacePoints」にしてください。 インポート終了後 山の手線の位置情報が表示される
31.
Copyright © NIFTY
Corporation All Rights Reserved. 31 動作確認 一度デバッガーを立ち上げて「ポイントを見る」をタ ップしてください 赤丸タップ後 「ポイントを見る」 をタップ 登録
32.
Copyright © NIFTY
Corporation All Rights Reserved. 32 コードの解説 「PlacePoints」クラスを操作する宣言 現在地から5km以内のポイントを geoカラムから検索する 条件に適合する ものを全て取得 取得したポイントを mapに描画
33.
Copyright © NIFTY
Corporation All Rights Reserved. 現在地のポイント登録
34.
Copyright © NIFTY
Corporation All Rights Reserved. 34 手順 Monaca利用準備 mobile backend利用準備 位置情報で絞り込んで 近接ポイントを表示 現在地のポイント登録 動作確認 ポイント登録コードの解説
35.
Copyright © NIFTY
Corporation All Rights Reserved. 35 動作確認 一度デバッガーを立ち上げて「ポイントを登録する」 をタップしてください 赤丸タップ後 「ポイントを登録する」 をタップ 登録後mobile backend の管理画面を確認 登録
36.
Copyright © NIFTY
Corporation All Rights Reserved. 36 動作確認 mobile backendの管理画面で、PlacePointsのデータを 再度確認します 赤枠内のようにデータが更新されていれば正常に動作 しています。
37.
Copyright © NIFTY
Corporation All Rights Reserved. 37 コードの解説 「PlacePoints」クラスを操作する宣言 登録するカラム名、 値をそれぞれ指定する 実際に登録する
38.
Copyright © NIFTY
Corporation All Rights Reserved. 38 まとめ:ハンズオンでやったこと ○○map作成アプリを作った ニフティクラウドmobile backendで 位置情報の絞込みを行えた 位置情報を保存できた Monacaでスマホでの位置情報取得を行えた
39.
Copyright © NIFTY
Corporation All Rights Reserved. 39 他のCode for プロジェクトでの使われ方1 さすけね 裏路地など 非除雪地域を市民が 電話(Twilio)で報告 データストアに 非除雪地域を保存 位置情報機能を 使ってマッピング 非除雪地域の可視化
40.
Copyright © NIFTY
Corporation All Rights Reserved. 40 他のCode for プロジェクトでの使われ方2 会津弁 標準語 あいばっせ いくよ 方言の辞書に活用 「あいばっせ」 ってなに? 「いくよ」 って意味です。 JSを使えばできるっ! Pepper観光案内 方言辞書
41.
Copyright © NIFTY
Corporation All Rights Reserved. 41 Code forにおけるmobile backendは・・・ データ 更新 参照 データ 更新 参照 データ 更新 参照 ヒト・モノ間でデータを共有する データ基盤
42.
Copyright © NIFTY
Corporation All Rights Reserved. 42
Download now