Submit Search
Upload
WEB屋さんがアプリを作ってみたら
•
1 like
•
1,605 views
Nobuhiro Ueda
Follow
関西Firefox OS勉強会 4th GIG
Read less
Read more
Report
Share
Report
Share
1 of 34
Download now
Download to read offline
Recommended
BOT祭り!LT会! 2016-05-13 @カラビナテクノロジー
Facebook messenger botの作り方と作ってみた
Facebook messenger botの作り方と作ってみた
Takaaki Kusumoto
地図・位置情報のデータマイイング
地図・位置情報のデータマイイング
Masanori Oshiro
Anàlisi organitzacional d'una àrea de la Generalitat de Catalunya
Montse perals. tfm. gestió publica avançada
Montse perals. tfm. gestió publica avançada
Montse Perals
日本のゲームについての発表。
ゲーム
ゲーム
Jeff McKibben
OSC 2015 Kyoto 2015/08/08 発表資料
地理空間オープンデータの可視化をオープンソースGISで簡単に!
地理空間オープンデータの可視化をオープンソースGISで簡単に!
Ko Nagase
第1回地理院地図パートナーネットワーク会議発表資料
地理院地図を手軽に使えるオープンソースソフトウェア (FOSS4G)のご紹介
地理院地図を手軽に使えるオープンソースソフトウェア (FOSS4G)のご紹介
IWASAKI NOBUSUKE
leaflet.jsの簡単な解説です 1.Webサイトへの設置方法 2.クリックイベントの取得 3.マーカーの設置 4.地図の中心位置の移動 Webサイトに地図を配置した時に、よく使いそうな事について書いております。
Leaflet.js超入門
Leaflet.js超入門
Takahiro Kamada
FOSS4G 2015 Hokkaido 発表資料
LeafletでWebGIS入門
LeafletでWebGIS入門
Yasunori Kirimoto
Recommended
BOT祭り!LT会! 2016-05-13 @カラビナテクノロジー
Facebook messenger botの作り方と作ってみた
Facebook messenger botの作り方と作ってみた
Takaaki Kusumoto
地図・位置情報のデータマイイング
地図・位置情報のデータマイイング
Masanori Oshiro
Anàlisi organitzacional d'una àrea de la Generalitat de Catalunya
Montse perals. tfm. gestió publica avançada
Montse perals. tfm. gestió publica avançada
Montse Perals
日本のゲームについての発表。
ゲーム
ゲーム
Jeff McKibben
OSC 2015 Kyoto 2015/08/08 発表資料
地理空間オープンデータの可視化をオープンソースGISで簡単に!
地理空間オープンデータの可視化をオープンソースGISで簡単に!
Ko Nagase
第1回地理院地図パートナーネットワーク会議発表資料
地理院地図を手軽に使えるオープンソースソフトウェア (FOSS4G)のご紹介
地理院地図を手軽に使えるオープンソースソフトウェア (FOSS4G)のご紹介
IWASAKI NOBUSUKE
leaflet.jsの簡単な解説です 1.Webサイトへの設置方法 2.クリックイベントの取得 3.マーカーの設置 4.地図の中心位置の移動 Webサイトに地図を配置した時に、よく使いそうな事について書いております。
Leaflet.js超入門
Leaflet.js超入門
Takahiro Kamada
FOSS4G 2015 Hokkaido 発表資料
LeafletでWebGIS入門
LeafletでWebGIS入門
Yasunori Kirimoto
モバイルアプリ開発未経験でJavaもKotlinも触ったことがない人とFluxアーキテクチャでAndroidアプリ開発する話
モバイルアプリ開発未経験でJavaもKotlinも触ったことがない人とFluxアーキテクチャでAndroidアプリ開発する話
モバイルアプリ開発未経験でJavaもKotlinも触ったことがない人とFluxアーキテクチャでAndroidアプリ開発する話
Kiyotaka Soranaka
Firefox os勉強会 2nd WEB屋さんがWEBアプリを作ってみた
Firefox os勉強会 2nd WEB屋さんがWEBアプリを作ってみた
Nobuhiro Ueda
WordCamp Osaka 2012でお話した「今から始めよう!WordPressで作る女子ウケ★スマホサイト」セッション資料です。
今から始めよう!WordPressで作る女子ウケ★スマホサイト
今から始めよう!WordPressで作る女子ウケ★スマホサイト
rie05
「Facebook SDK for Android」を使ったFacebookログイン
「Facebook SDK for Android」を使ったFacebookログイン
Hiroyuki Nozaki
Inovation EGG XEgg 発表資料
FirefoxOSを始めてみよう
FirefoxOSを始めてみよう
Nobuhiro Ueda
FlexUG@福岡でのプレゼン。
Flex入門
Flex入門
Shinjiro Watanabe
第1回 Firefox OS × HTML5 × LOD WEB イノベーションハッカソン (2014/6/28)
ソースコード公開しました!HTML5 x LOD WEBアプリ“SPARQL Timeliner”
ソースコード公開しました!HTML5 x LOD WEBアプリ“SPARQL Timeliner”
uedayou
20111112OITEC
20111112OITEC
luckofwise
Tutorial session of Firefox OS for Creators Meetup 16.
できる!スマホアプリ:Webからはじまるアプリ for CMU16
できる!スマホアプリ:Webからはじまるアプリ for CMU16
Masami Yabushita
Firefox os
Firefox os
kmaruyama
シビックテックのモチベについて。 コピーフリーな世界においては、自分が便利なものを配るのは安いから、みんな作ろうという話。
俺とシビックテックとDiy
俺とシビックテックとDiy
Masayuki KaToH
WebTouchMeeting第41回の発表資料です。 発表時は本名プレイでしたが、修正しました。 また、容量の関係で動画を削っています。 資料内部の人数の数字は、発表時に集計を取ったものです。
Androidが変えたもの
Androidが変えたもの
Yuki Yamakido
2012年03月31日 スマートフォン懇親会#10の資料です
Windows phoneファーストインプレッション
Windows phoneファーストインプレッション
高見 知英
ベータ版を始めるにあたって、ベータユーザー募集中です。 お気軽にご連絡ください。どうぞよろしくお願いします。 http://cumiki.com
Cumiki - エンジニアのための、ちょっといい感じのドキュメント作成ツール
Cumiki - エンジニアのための、ちょっといい感じのドキュメント作成ツール
Ryo Suzuki
Webエンジニアのためのandroidアプリ開発
Webエンジニアのためのandroidアプリ開発
Soudai Sone
Firefox OS勉強会 2nd http://atnd.org/events/40742 の発表資料。 TypeScriptとAngularJSを使ってFirefox OSアプリを作成する。
Firefox OS勉強会 2nd TypeScript+AngularJS
Firefox OS勉強会 2nd TypeScript+AngularJS
Masahiro Wakame
プレゼン大会用資料
サーチシングス
サーチシングス
Solur
Windows phone apps 開発秘話
Windows phone apps 開発秘話
Kiyokazu Kaba
IoTLTにて発表した内容です。
IoT ChatOps #IoTLT
IoT ChatOps #IoTLT
Keita Moromizato
プログラミング言語に複数触れることで、IoTの表現の幅も広がるのではないかという持論を語ってみます。
複数言語に触れてIoTの表現の幅を広げよう
複数言語に触れてIoTの表現の幅を広げよう
Core Concept Technologies
More Related Content
Similar to WEB屋さんがアプリを作ってみたら
モバイルアプリ開発未経験でJavaもKotlinも触ったことがない人とFluxアーキテクチャでAndroidアプリ開発する話
モバイルアプリ開発未経験でJavaもKotlinも触ったことがない人とFluxアーキテクチャでAndroidアプリ開発する話
モバイルアプリ開発未経験でJavaもKotlinも触ったことがない人とFluxアーキテクチャでAndroidアプリ開発する話
Kiyotaka Soranaka
Firefox os勉強会 2nd WEB屋さんがWEBアプリを作ってみた
Firefox os勉強会 2nd WEB屋さんがWEBアプリを作ってみた
Nobuhiro Ueda
WordCamp Osaka 2012でお話した「今から始めよう!WordPressで作る女子ウケ★スマホサイト」セッション資料です。
今から始めよう!WordPressで作る女子ウケ★スマホサイト
今から始めよう!WordPressで作る女子ウケ★スマホサイト
rie05
「Facebook SDK for Android」を使ったFacebookログイン
「Facebook SDK for Android」を使ったFacebookログイン
Hiroyuki Nozaki
Inovation EGG XEgg 発表資料
FirefoxOSを始めてみよう
FirefoxOSを始めてみよう
Nobuhiro Ueda
FlexUG@福岡でのプレゼン。
Flex入門
Flex入門
Shinjiro Watanabe
第1回 Firefox OS × HTML5 × LOD WEB イノベーションハッカソン (2014/6/28)
ソースコード公開しました!HTML5 x LOD WEBアプリ“SPARQL Timeliner”
ソースコード公開しました!HTML5 x LOD WEBアプリ“SPARQL Timeliner”
uedayou
20111112OITEC
20111112OITEC
luckofwise
Tutorial session of Firefox OS for Creators Meetup 16.
できる!スマホアプリ:Webからはじまるアプリ for CMU16
できる!スマホアプリ:Webからはじまるアプリ for CMU16
Masami Yabushita
Firefox os
Firefox os
kmaruyama
シビックテックのモチベについて。 コピーフリーな世界においては、自分が便利なものを配るのは安いから、みんな作ろうという話。
俺とシビックテックとDiy
俺とシビックテックとDiy
Masayuki KaToH
WebTouchMeeting第41回の発表資料です。 発表時は本名プレイでしたが、修正しました。 また、容量の関係で動画を削っています。 資料内部の人数の数字は、発表時に集計を取ったものです。
Androidが変えたもの
Androidが変えたもの
Yuki Yamakido
2012年03月31日 スマートフォン懇親会#10の資料です
Windows phoneファーストインプレッション
Windows phoneファーストインプレッション
高見 知英
ベータ版を始めるにあたって、ベータユーザー募集中です。 お気軽にご連絡ください。どうぞよろしくお願いします。 http://cumiki.com
Cumiki - エンジニアのための、ちょっといい感じのドキュメント作成ツール
Cumiki - エンジニアのための、ちょっといい感じのドキュメント作成ツール
Ryo Suzuki
Webエンジニアのためのandroidアプリ開発
Webエンジニアのためのandroidアプリ開発
Soudai Sone
Firefox OS勉強会 2nd http://atnd.org/events/40742 の発表資料。 TypeScriptとAngularJSを使ってFirefox OSアプリを作成する。
Firefox OS勉強会 2nd TypeScript+AngularJS
Firefox OS勉強会 2nd TypeScript+AngularJS
Masahiro Wakame
プレゼン大会用資料
サーチシングス
サーチシングス
Solur
Windows phone apps 開発秘話
Windows phone apps 開発秘話
Kiyokazu Kaba
IoTLTにて発表した内容です。
IoT ChatOps #IoTLT
IoT ChatOps #IoTLT
Keita Moromizato
プログラミング言語に複数触れることで、IoTの表現の幅も広がるのではないかという持論を語ってみます。
複数言語に触れてIoTの表現の幅を広げよう
複数言語に触れてIoTの表現の幅を広げよう
Core Concept Technologies
Similar to WEB屋さんがアプリを作ってみたら
(20)
モバイルアプリ開発未経験でJavaもKotlinも触ったことがない人とFluxアーキテクチャでAndroidアプリ開発する話
モバイルアプリ開発未経験でJavaもKotlinも触ったことがない人とFluxアーキテクチャでAndroidアプリ開発する話
Firefox os勉強会 2nd WEB屋さんがWEBアプリを作ってみた
Firefox os勉強会 2nd WEB屋さんがWEBアプリを作ってみた
今から始めよう!WordPressで作る女子ウケ★スマホサイト
今から始めよう!WordPressで作る女子ウケ★スマホサイト
「Facebook SDK for Android」を使ったFacebookログイン
「Facebook SDK for Android」を使ったFacebookログイン
FirefoxOSを始めてみよう
FirefoxOSを始めてみよう
Flex入門
Flex入門
ソースコード公開しました!HTML5 x LOD WEBアプリ“SPARQL Timeliner”
ソースコード公開しました!HTML5 x LOD WEBアプリ“SPARQL Timeliner”
20111112OITEC
20111112OITEC
できる!スマホアプリ:Webからはじまるアプリ for CMU16
できる!スマホアプリ:Webからはじまるアプリ for CMU16
Firefox os
Firefox os
俺とシビックテックとDiy
俺とシビックテックとDiy
Androidが変えたもの
Androidが変えたもの
Windows phoneファーストインプレッション
Windows phoneファーストインプレッション
Cumiki - エンジニアのための、ちょっといい感じのドキュメント作成ツール
Cumiki - エンジニアのための、ちょっといい感じのドキュメント作成ツール
Webエンジニアのためのandroidアプリ開発
Webエンジニアのためのandroidアプリ開発
Firefox OS勉強会 2nd TypeScript+AngularJS
Firefox OS勉強会 2nd TypeScript+AngularJS
サーチシングス
サーチシングス
Windows phone apps 開発秘話
Windows phone apps 開発秘話
IoT ChatOps #IoTLT
IoT ChatOps #IoTLT
複数言語に触れてIoTの表現の幅を広げよう
複数言語に触れてIoTの表現の幅を広げよう
WEB屋さんがアプリを作ってみたら
1.
WEB屋さんが アプリを作ってみたら @junkpot1212
2.
自己紹介 名前: 上田 信尋 Twitter:
junkpot1212 Blog: http://tech.junkpot.net WEB屋さん PHPer お仕事ください
3.
前回のLTのおさらい
4.
Firefox OSの不便なところ ・iOSやAndroidのように 電話帳やカレンダーのクラウド同期が無い
5.
無いなら 作っちゃえばいいんですよ(゚∀゚)
6.
丸投げ 作ってないんかいのツッコミ多数
7.
ってことで同期できるアプリを 作ってみよう
8.
電話帳の クラウド同期アプリ
9.
既にあった
10.
OSが対応してた
11.
12.
カレンダーの クラウド同期アプリ
13.
OSが対応してた
14.
大ピンチ ※事実に気付いたのが昨日の夜
15.
作るネタがなくなって大ピンチ
16.
途方にくれつつ何か無いかと 手持ちのAndroidの ホーム画面を眺めてみる
17.
foursquare
18.
WEB屋さんが foursquareアプリを 作ってみたら
19.
foursqareって? foursquare(フォースクエア)は、 位置情報に基づいた ソーシャル・ネットワーキング・サービスのウェブサイト、 携帯電話用ソフトウェア、 およびゲーム(位置ゲー)である。 ※Wikipediaより スポットにチェックインして場所を共有したり チェックイン状況によってバッジが獲得出来たり
20.
● ● ● 色んなプラットフォーム対応 ブラウザでアクセスすると←の ような表示に OAuth API対応
21.
FirefoxOS版を作ってみた
22.
デモやります
23.
開発に使ったツール • • Netbeans Firefox OS simulator
24.
foursquare api Document https://developer.foursquare.com/start 公式ドキュメント 結構丁寧に書いてある http://tdoc.info/foursquare-API/index.html 有志による非公式日本語訳も
25.
注意点 ・OAuth認証 foursquareへのアプリ登録の際に設定するredirect Urlと トークンをリクエストする時のredirect_urlは 共通にしないと動かない ・権限の設定 特権(privileged)アプリにする systemXHR, geolocation,
browser 3つのpermissionsを設定する ・シミュレーターは位置情報を 常にMozilla本社付近を返す
26.
OAuth認証
27.
OAuth認証 Redirect Url を揃えないと動かないので アプリ内ブラウザを使ってダミーのredirect
Urlでリクエストし、 アプリ内ブラウザが遷移したURLからトークンを取得。
28.
manifest.webapp
29.
manifest.webapp "type": "privileged" で特権アプリの設定 "systemXHR":
OAuth等の通信に必要 "browser": アプリ内ブラウザ
30.
あとは普通に普通に API通信を頑張れば完成
31.
感想 ・WEB向けAPIをアプリで使うのに多少工夫が必要 ・むしろアプリ内ブラウザ等ただブラウザでやるより便利な面も? ・昨日の夜は泣きそうだった
32.
教訓
33.
Firefox OS の進化の速さを 侮るなかれ
34.
ご清聴ありがとうございました
Download now