Submit Search
Upload
FirefoxOSを始めてみよう
•
1 like
•
1,261 views
Nobuhiro Ueda
Follow
Inovation EGG XEgg 発表資料
Read less
Read more
Technology
Report
Share
Report
Share
1 of 32
Download now
Download to read offline
Recommended
Firefox OS の紹介です
20150117 gunmaweb Firefox OSの紹介
20150117 gunmaweb Firefox OSの紹介
Akihiko Kigure
中国 Firefox OS 勉強会 2ndの資料です。
Firefox osで変わるアプリケーションの開発ライフサイクル
Firefox osで変わるアプリケーションの開発ライフサイクル
Mizuho Sakamaki
Firefox OSアプリの概要@gunma.web 2015/3/28 https://gunmaweb.doorkeeper.jp/events/21025
Firefox OSアプリの概要@gunma.web
Firefox OSアプリの概要@gunma.web
Hayato Hiratori
福岡のマイナーバージョンアップです
さわってみよう Firefox OS in 大阪
さわってみよう Firefox OS in 大阪
Honma Masashi
200807 OSC Kyoto でのプレゼン資料
Firefox 3 と Web の変化
Firefox 3 と Web の変化
dynamis
ABC 2013 Autumn のトークセッション中で使用したスライド http://www.android-group.jp/conference/abc2013s/
Firefox OS @ ABC2013A
Firefox OS @ ABC2013A
dynamis
関東 Firefox OS 勉強会 5th で使用したスライド http://atnd.org/events/44739
Firefox OS Updates 201311
Firefox OS Updates 201311
dynamis
20141018 osc tokyo_fall_firefox osってなぁに?
20141018 osc tokyo_fall_firefox osってなぁに?
Masami Yabushita
Recommended
Firefox OS の紹介です
20150117 gunmaweb Firefox OSの紹介
20150117 gunmaweb Firefox OSの紹介
Akihiko Kigure
中国 Firefox OS 勉強会 2ndの資料です。
Firefox osで変わるアプリケーションの開発ライフサイクル
Firefox osで変わるアプリケーションの開発ライフサイクル
Mizuho Sakamaki
Firefox OSアプリの概要@gunma.web 2015/3/28 https://gunmaweb.doorkeeper.jp/events/21025
Firefox OSアプリの概要@gunma.web
Firefox OSアプリの概要@gunma.web
Hayato Hiratori
福岡のマイナーバージョンアップです
さわってみよう Firefox OS in 大阪
さわってみよう Firefox OS in 大阪
Honma Masashi
200807 OSC Kyoto でのプレゼン資料
Firefox 3 と Web の変化
Firefox 3 と Web の変化
dynamis
ABC 2013 Autumn のトークセッション中で使用したスライド http://www.android-group.jp/conference/abc2013s/
Firefox OS @ ABC2013A
Firefox OS @ ABC2013A
dynamis
関東 Firefox OS 勉強会 5th で使用したスライド http://atnd.org/events/44739
Firefox OS Updates 201311
Firefox OS Updates 201311
dynamis
20141018 osc tokyo_fall_firefox osってなぁに?
20141018 osc tokyo_fall_firefox osってなぁに?
Masami Yabushita
dotFes 2013 Kyoto で使用したスライド http://www.dotfes.jp/2013kyoto/
Web App Platform Firefox
Web App Platform Firefox
dynamis
SpeechPlatformで音声合成、音声認識するための資料です。
SpeechPlatform with Kinect
SpeechPlatform with Kinect
Yoshinori Hayashi
HTML5 Caravan @ JAWS FESTA 2013 で使用したスライド http://jfk2013.doorkeeper.jp/events/5022
Firefox OS App Dev
Firefox OS App Dev
dynamis
技術書典9「WindowsデスクトップでWeb開発 改訂版」サンプルです。 販売サイト: https://techbookfest.org/product/5013670885064704
「WindowsデスクトップでWeb開発 改訂版」サンプル
「WindowsデスクトップでWeb開発 改訂版」サンプル
Hiroyuki Ohnaka
KMCNキックオフミーティングでのスライド
Kmcn demo
Kmcn demo
Yoshinori Hayashi
OSC Nagoya で使用したスライド http://www.ospn.jp/osc2012-nagoya/
Kilimanjaro Event
Kilimanjaro Event
dynamis
KOF 2013 で使用したスライド https://k-of.jp/2013/
Try Firefox OS
Try Firefox OS
dynamis
Firefox OS & Windows 8 Hackathon で使用したスライド
Firefox os hackathon
Firefox os hackathon
dynamis
AndroidでWebSocket
AndroidでWebSocket
Kohei Kadowaki
Web Platform 勉強会 1307 で使用したスライド http://atnd.org/events/40801
Firefox OS 1.0 Application Development
Firefox OS 1.0 Application Development
dynamis
Windows8の概要とストアアプリについて
Windows8の概要とストアアプリについて
Makoto Nishimura
KDDI ∞ Labo open MEETing Vol.17 で使用したスライド (に少しページを追加したもの) https://tixee.tv/event/detail/eventId/1158
Web is the OS (KDDI mugen Labo)
Web is the OS (KDDI mugen Labo)
dynamis
OSC 2012 Fukuoka で使用したスライド https://www.ospn.jp/osc2012-fukuoka/modules/eguide/event.php?eid=47
Firefox FAQ
Firefox FAQ
dynamis
WordBenchFukuoka in FUKUOKA MEETUP COMMUNITY
Word benchfukuoka
Word benchfukuoka
Junji Manno
html5j 42th で使用したスライド
Firefox Marketplace and Payment
Firefox Marketplace and Payment
dynamis
さわってみよう Firefox OS in 福岡
さわってみよう Firefox OS in 福岡
Honma Masashi
FireFoxOSの入門。プレゼン時間が短いのでさらーっとなので情報不足。
FireFoxOS?なにそれ?おいしいの?
FireFoxOS?なにそれ?おいしいの?
Makoto Nishimoto
MPS 世田谷での発表資料です。
Markdown で行こう!
Markdown で行こう!
博文 斉藤
Firefox OS カスタム ROM の作成
Firefox OS カスタム ROM の作成
Honma Masashi
2010年9月11日(土)13:00-13:40 @ 明星大学102教室
OSC 2010 Tokyo/Fall MSセッション
OSC 2010 Tokyo/Fall MSセッション
Masaki Takeda
社内勉強会で使用したFirefox OSについての資料です。
Firefox OSについて
Firefox OSについて
BeMarble
Tutorial session of Firefox OS for Creators Meetup 16.
できる!スマホアプリ:Webからはじまるアプリ for CMU16
できる!スマホアプリ:Webからはじまるアプリ for CMU16
Masami Yabushita
More Related Content
What's hot
dotFes 2013 Kyoto で使用したスライド http://www.dotfes.jp/2013kyoto/
Web App Platform Firefox
Web App Platform Firefox
dynamis
SpeechPlatformで音声合成、音声認識するための資料です。
SpeechPlatform with Kinect
SpeechPlatform with Kinect
Yoshinori Hayashi
HTML5 Caravan @ JAWS FESTA 2013 で使用したスライド http://jfk2013.doorkeeper.jp/events/5022
Firefox OS App Dev
Firefox OS App Dev
dynamis
技術書典9「WindowsデスクトップでWeb開発 改訂版」サンプルです。 販売サイト: https://techbookfest.org/product/5013670885064704
「WindowsデスクトップでWeb開発 改訂版」サンプル
「WindowsデスクトップでWeb開発 改訂版」サンプル
Hiroyuki Ohnaka
KMCNキックオフミーティングでのスライド
Kmcn demo
Kmcn demo
Yoshinori Hayashi
OSC Nagoya で使用したスライド http://www.ospn.jp/osc2012-nagoya/
Kilimanjaro Event
Kilimanjaro Event
dynamis
KOF 2013 で使用したスライド https://k-of.jp/2013/
Try Firefox OS
Try Firefox OS
dynamis
Firefox OS & Windows 8 Hackathon で使用したスライド
Firefox os hackathon
Firefox os hackathon
dynamis
AndroidでWebSocket
AndroidでWebSocket
Kohei Kadowaki
Web Platform 勉強会 1307 で使用したスライド http://atnd.org/events/40801
Firefox OS 1.0 Application Development
Firefox OS 1.0 Application Development
dynamis
Windows8の概要とストアアプリについて
Windows8の概要とストアアプリについて
Makoto Nishimura
KDDI ∞ Labo open MEETing Vol.17 で使用したスライド (に少しページを追加したもの) https://tixee.tv/event/detail/eventId/1158
Web is the OS (KDDI mugen Labo)
Web is the OS (KDDI mugen Labo)
dynamis
OSC 2012 Fukuoka で使用したスライド https://www.ospn.jp/osc2012-fukuoka/modules/eguide/event.php?eid=47
Firefox FAQ
Firefox FAQ
dynamis
WordBenchFukuoka in FUKUOKA MEETUP COMMUNITY
Word benchfukuoka
Word benchfukuoka
Junji Manno
html5j 42th で使用したスライド
Firefox Marketplace and Payment
Firefox Marketplace and Payment
dynamis
さわってみよう Firefox OS in 福岡
さわってみよう Firefox OS in 福岡
Honma Masashi
FireFoxOSの入門。プレゼン時間が短いのでさらーっとなので情報不足。
FireFoxOS?なにそれ?おいしいの?
FireFoxOS?なにそれ?おいしいの?
Makoto Nishimoto
MPS 世田谷での発表資料です。
Markdown で行こう!
Markdown で行こう!
博文 斉藤
Firefox OS カスタム ROM の作成
Firefox OS カスタム ROM の作成
Honma Masashi
2010年9月11日(土)13:00-13:40 @ 明星大学102教室
OSC 2010 Tokyo/Fall MSセッション
OSC 2010 Tokyo/Fall MSセッション
Masaki Takeda
What's hot
(20)
Web App Platform Firefox
Web App Platform Firefox
SpeechPlatform with Kinect
SpeechPlatform with Kinect
Firefox OS App Dev
Firefox OS App Dev
「WindowsデスクトップでWeb開発 改訂版」サンプル
「WindowsデスクトップでWeb開発 改訂版」サンプル
Kmcn demo
Kmcn demo
Kilimanjaro Event
Kilimanjaro Event
Try Firefox OS
Try Firefox OS
Firefox os hackathon
Firefox os hackathon
AndroidでWebSocket
AndroidでWebSocket
Firefox OS 1.0 Application Development
Firefox OS 1.0 Application Development
Windows8の概要とストアアプリについて
Windows8の概要とストアアプリについて
Web is the OS (KDDI mugen Labo)
Web is the OS (KDDI mugen Labo)
Firefox FAQ
Firefox FAQ
Word benchfukuoka
Word benchfukuoka
Firefox Marketplace and Payment
Firefox Marketplace and Payment
さわってみよう Firefox OS in 福岡
さわってみよう Firefox OS in 福岡
FireFoxOS?なにそれ?おいしいの?
FireFoxOS?なにそれ?おいしいの?
Markdown で行こう!
Markdown で行こう!
Firefox OS カスタム ROM の作成
Firefox OS カスタム ROM の作成
OSC 2010 Tokyo/Fall MSセッション
OSC 2010 Tokyo/Fall MSセッション
Similar to FirefoxOSを始めてみよう
社内勉強会で使用したFirefox OSについての資料です。
Firefox OSについて
Firefox OSについて
BeMarble
Tutorial session of Firefox OS for Creators Meetup 16.
できる!スマホアプリ:Webからはじまるアプリ for CMU16
できる!スマホアプリ:Webからはじまるアプリ for CMU16
Masami Yabushita
FlexUG@福岡でのプレゼン。
Flex入門
Flex入門
Shinjiro Watanabe
Firefox OS 勉強会 名古屋2nd 「便利な便利な開発ツール」
Firefox OS 勉強会 名古屋2nd 「便利な便利な開発ツール」
Noritada Shimizu
OSC 2012 Hiroshima で使用したスライド
Secret of Firefox
Secret of Firefox
dynamis
神戸ITフェスティバルの発表資料です。
Firefox OSの何が嬉しいか
Firefox OSの何が嬉しいか
Takao Sumitomo
はじめてのモバイルウェブアプリ 1
はじめてのモバイルウェブアプリ 1
はじめてのモバイルウェブアプリ 1
Taisuke Fukuno
Firefox OS - Blaze Your Own Path
Firefox OS - Blaze Your Own Path
dynamis
関東 Firefox OS 勉強会 1st で使用したスライド
Firefox os app dev
Firefox os app dev
dynamis
2013年10月5日のFirefox OS勉強会 4th GIGで発表した資料です。
Firefox OSアプリをタブレット端末で動かしてみた
Firefox OSアプリをタブレット端末で動かしてみた
cluclu_land
FirefoxOS勉強会#7での発表資料です。
FirefoxOS勉強会#7 カメラアプリの作り方
FirefoxOS勉強会#7 カメラアプリの作り方
Kazuyuki Suzuki
WORLD TOUR 2017 presentation
Build an iOS app with Ionic and 4D
Build an iOS app with Ionic and 4D
kmiyako
Firefox OS アプリ開発
Firefox OS アプリ開発
Yoshitomo Akimoto
Adobe AIR開発事例ライトニングトーク & Meet Up 2011.9.9 at 六本木ラフォーレミュージアム
2011_9_9_AIR_LightningTalk
2011_9_9_AIR_LightningTalk
Shozo Okada
Adobe AIR開発事例ライトニングトーク & Meet Up 2011.9.9 at 六本木ラフォーレミュージアム
2011_9_9_AIR_LightningTalk
2011_9_9_AIR_LightningTalk
Shozo Okada
WordCamp Osaka 2012でお話した「今から始めよう!WordPressで作る女子ウケ★スマホサイト」セッション資料です。
今から始めよう!WordPressで作る女子ウケ★スマホサイト
今から始めよう!WordPressで作る女子ウケ★スマホサイト
rie05
PHP勉強会#92の発表資料です。
PHPカンファレンス福岡に 行ってきた
PHPカンファレンス福岡に 行ってきた
Tomoki Hasegawa
Firefox OS アプリ作成のためのハンズオン資料です。環境構築からHelloWorldまでをカバーします。
20150118 firefoxos-handson-helloworld
20150118 firefoxos-handson-helloworld
Noritada Shimizu
OSC Kyotoの登壇資料です。
OSCKyotoWebPlatform
OSCKyotoWebPlatform
Mizuho Sakamaki
2012年5月12日に青山ブックセンター本店で開催された欧文書体セミナーTypeTalks第10回「もっと知りたい!Webフォント」のスライドです。 ・・・ 【追記1】スライド10の「Arialは何と呼ぶ?」は、日本においてArialは色々な呼び方が流通しているという蛇足話で、正しい読み方を追求する意図はありません。統計データは当ブログのFacebookページで皆さんに行ったアンケート結果です。スライドのペラ1画像がひとり歩きしてしまっているため、この場で補足いたします。 【追記2】スライド62の「OpenTypeフォント機能に対応するブラウザ」は、現在Chromeも対応しています。 ・・・ 1. Webフォントとは? 1-1. Webで使えるフォント 1-2. Webフォントサービス 1-3. 利用者にとってのメリット 1-4. 制作者にとってのメリット 2. Webフォントの今 2-1. Webフォントサービスの今 2-2. 付帯・補助サービスの紹介 2-3. OpenTypeフォント機能が実現 3. Webフォントの課題 3-1. Windows上の表示問題 3-2. 使いたいフォントが選べない? 4. フォントブログのWebフォント 4-1. 現在使っているWebフォント 4-2. ロゴをWebフォント化 5. 本日のまとめ 5-1. 相性がよいサイトとは? 5-2. Webタイポグラフィとは? ・・・ ABCでabcを語ろう! TypeTalks 第10回 「もっと知りたい!Webフォント Webフォントの基礎が分かる“これまで”と、海外の最新事情から知る“これから”」 http://www.aoyamabc.co.jp/culture/typetalks10/
TypeTalks第10回「もっと知りたい!Webフォント」
TypeTalks第10回「もっと知りたい!Webフォント」
Kosuke Yamada
Similar to FirefoxOSを始めてみよう
(20)
Firefox OSについて
Firefox OSについて
できる!スマホアプリ:Webからはじまるアプリ for CMU16
できる!スマホアプリ:Webからはじまるアプリ for CMU16
Flex入門
Flex入門
Firefox OS 勉強会 名古屋2nd 「便利な便利な開発ツール」
Firefox OS 勉強会 名古屋2nd 「便利な便利な開発ツール」
Secret of Firefox
Secret of Firefox
Firefox OSの何が嬉しいか
Firefox OSの何が嬉しいか
はじめてのモバイルウェブアプリ 1
はじめてのモバイルウェブアプリ 1
Firefox OS - Blaze Your Own Path
Firefox OS - Blaze Your Own Path
Firefox os app dev
Firefox os app dev
Firefox OSアプリをタブレット端末で動かしてみた
Firefox OSアプリをタブレット端末で動かしてみた
FirefoxOS勉強会#7 カメラアプリの作り方
FirefoxOS勉強会#7 カメラアプリの作り方
Build an iOS app with Ionic and 4D
Build an iOS app with Ionic and 4D
Firefox OS アプリ開発
Firefox OS アプリ開発
2011_9_9_AIR_LightningTalk
2011_9_9_AIR_LightningTalk
2011_9_9_AIR_LightningTalk
2011_9_9_AIR_LightningTalk
今から始めよう!WordPressで作る女子ウケ★スマホサイト
今から始めよう!WordPressで作る女子ウケ★スマホサイト
PHPカンファレンス福岡に 行ってきた
PHPカンファレンス福岡に 行ってきた
20150118 firefoxos-handson-helloworld
20150118 firefoxos-handson-helloworld
OSCKyotoWebPlatform
OSCKyotoWebPlatform
TypeTalks第10回「もっと知りたい!Webフォント」
TypeTalks第10回「もっと知りたい!Webフォント」
FirefoxOSを始めてみよう
1.
FirefoxOSを始めてみよう @junkpot1212
2.
自己紹介 名前: 上田 信尋! Twitter:
@junkpot1212! Blog: http://tech.junkpot.net! 株式会社 tech vein! php をメインに開発しているWEB屋さん
3.
普段のお仕事 Linux でサーバー作ったり! phpでWEBシステム作ったり! MySQLでデータベース作ったり! アプリのクラウド連携API作ったり
4.
そんなWEB屋さんが! なんでFirefoxOS?
5.
FirefoxOSのホスティング型アプリはほとんどブッ クマークと同じ! クラウドに設置するだけでアプリとして完結出来 る! AndroidやiPhoneと違ってHTMLとjavascript でOK! サーバーサイドは動けばなんでもOK! 実際に作成するのはスマホ対応WEBとあまり変わ らない
6.
FacebookやTwitterのFirefoxOS版公式アプリも! このホスティング型アプリで公開されている
7.
ホスティング型アプリはクラウドに FirefoxOSお約束のファイル(マニフェスト ファイル)をJSON形式で書いて設置するだけ! 極端な話スマホ表示に対応していてマニフェ ストファイルを設置すれば自分のブログもア プリ化することが出来る
8.
あくまで極端な話でちゃんとアプリとしての 規約はあります
9.
実際にFirefoxOSアプリを! 開発してみよう
10.
まずはクラウドの準備
11.
Google Cloud Platform! を使ってみよう
12.
Google Cloud Platformって? 天下のGoogleのデータセンター内に仮想マシンを作るこ とが出来る! Google
App Engineからしか使用出来なかったデータベー ス等が個別に使用出来る! Googleが提供するAWSのような環境?! Google App Engine の機能に直接アクセス出来るような イメージ
13.
つい先日2/12! Cloud SQLが! 2年半の! プレビュー期間 を経て! 正式公開されま した
14.
https://cloud.google.com/ Try it now
からスタート
15.
! ! Try it now
から進むと! Google Developer Consoleへ! ! GAEとかと同じ管理画面! ! 最初は英語で表示
16.
安心の日本語
17.
安心の日本語
18.
インスタンス作成画面 ここは少しややこしいので頑張る! 分単位で課金されるらしいので注意
19.
何もかも英語のAWSよりはとっつきやすいか も! 作成したインスタンスに接続するにはGoogle Cloud SDKを使う! 1分おきに課金されるので遊んだ後は削除し ましょう
20.
FirefoxOSアプリの準備
21.
一番単純な形の! アプリを作ってみる
22.
FirefoxOSアプリ ホスティングアプリは基本WEBと同じ! 特別な環境は必要ない! 最低限HTMLさえ書ければOK! アイコンぐらいはあった方がアプリっぽい
23.
FirefoxOSシミュレーター
24.
Mozillaから公式に提供されてます! https://ftp.mozilla.org/pub/mozilla.org/labs/fxos-simulator/!
25.
インストールしたら! ! ツール! ↓! Web開発! ↓! アプリマネージャ! ! から起動
26.
あとは書くだけ
27.
! ! HTMLを書く! ! ! manifest.webapp を書く! ! アイコンを置く
28.
アプリマネージャーから! ホストされたアプリを追加に! manifest.webapp を入力して追加 ! ここにmanifest.webappのURLを入力
29.
できあがり
30.
最後に 見ての通りFirefoxOSアプリはとっても簡単! javascriptを頑張れば複雑なこともOK! インストール型のアプリならGPSやマイク等 を使ってもっとスマホらしいことも! 使われているのは全て「WEB」な技術
31.
これからはWEB屋さんが! アプリも作る時代ですよ
32.
ご清聴! ありがとうございました
Download now