firefox osがモテないのはどう考えてもお前らが悪い!
DESCRIPTION
2013年10月16日に開催された「関東Firefox OS勉強会 4th」の発表資料です。TRANSCRIPT
Firefox OSがモテないのはどう考えてもお前らが悪い!
2013年10月16日関東Firefox OS勉強会 4th
星影
自己紹介
名前:星影
Twitter:@unsoluble_sugar
所属:元SIer(全文検索エンジンが云々)
ファイナルファンタジーを愛しています!
アイコンはFFじゃないけど…
現在『光の戦士』としてエオルゼアの平和を守っています。
訳:良いお仕事があれば教えてください
言語:C/C++/Java/PHP/ASP.NET/VB.NET/VBA/VBScript/JavaScript
環境:Windows/Linux/UNIX/Mac/iOS/Android/Windows Phone/Firefox OS ← New!!
ブログやってます
ガジェット関連の記事書いたり
参加したイベントのまとめ書いたり
FFのこと書いたり
FFのこと書いたり
FFのこと書いたり
私はFF14を続けるよ!
関東Firefox OS勉強会
4th
なん…だと……
_人人人人人人人_> 突然の登壇 <‾Y^Y^Y^Y^Y^Y‾
スマホアプリ開発未経験だけど愛さえあれば関係ないよねっ
Firefox OSアプリ作ってみたいけど
スマホアプリ開発?何それおいしいの?
スマホアプリ開発?何それおいしいの?
そもそもFirefox OS端末持ってないよ
スマホアプリ開発?何それおいしいの?
そもそもFirefox OS端末持ってないよ
ていうかPeak+注文したけどまだ来ない→10月中に来るー?
色々つらいけど愛さえあれば関係ないよねっ
Firefox OSを知ろう
「Firefox OSアプリ開発ガイド」を読むhttp://www.ric.co.jp/book/contents/book_921.html
Firefox OSを知ろう
Firefox OS =
HTML5+ CSS+
JavaScript
Webの技術で作られている
これならできるかも~
さわってみよう
実機無いけど?
シミュレーターあり〼
Firefox OS Simulator入れるhttps://addons.mozilla.org/ja/firefox/addon/firefox-os-simulator/
さわってみよう
色々いじってみる
さわってみよう
色々いじってみる
さわってみよう
意外とイケるんじゃね?
磯野ー、アプリ作ろうぜー
作ってみた
Twitterクライアント
Icewolf
開発環境OS:Mac OS X Mountain Lion
エディタ:Sublime Text 2
ブラウザ:Firefox、Google Chrome
画像編集:Gimp
動作確認:Firefox OS Simulator
UIテンプレート
UIテンプレートFxOS Stubhttps://github.com/Jaxo/fxosstub
認証
認証ライブラリ:jsOAuthhttps://github.com/bytespider/jsOAuth
PINコードベースの認証
認証manifest.webapppermissionsにsystemXHRを設定アプリケーションのtypeをprivilegedに
XMLHttpRequest の引数に{mozSystem: true}を渡すXMLHttpRequest({mozSystem: true})
http://qiita.com/iizukak/items/d149047cd20041747640
タイムライン
タイムラインライブラリ:twitter-text-jshttps://github.com/twitter/twitter-text-js
つぶやきに含まれるメンションやURL、ハッシュタグなどをハイパーリンク化してくれる
新規投稿
ライブラリ:charCount.jshttp://cssglobe.com/jquery-plugin-simplest-twitterlike-dynamic-character-count-for-textareas/
入力文字数をカウントして表示
Google Chrome上では日本語入力が確定前でもリアルタイムでカウントされる。Firefox上では確定しないとカウントされない
新規投稿
https://dev.twitter.com/terms/display-requirements
ディスプレイガイドライン
Timestamps1.For Tweets that have been sent in the last 24 hours, use the short form timestamp relative to the current time, for example "20s" for a Tweet sent 20 seconds ago, "3m" for 3 minutes ago, "5h" for 5 hours ago.
2.Tweets older than 24 hours should show a short form date including
Timestamps
created_atの中身→Fri Oct 11 06:23:11 +0000 2013
Fri Oct 11 06:23:11 +0000 2013
なんか見たことないフォーマット
キタ━━━━(゚∀゚)━━━━!!
Timestamps
Twitter独自のフォーマットをJavaScriptのDate()で取得できるフォーマットに整形
ついでにローカル環境のタイムゾーンで取得
var date = new Date(created_at);
Timestamps
Fri Oct 11 06:23:11 +0000 2013
Fri Oct 11 2013 15:23:11 GMT+0900 (JST)
TimestampsUNIX時間(エポック秒)に変換→PHPの strtotime() がJavascriptに 無かったのでライブラリを使用 http://phpjs.org/functions/strtotime/
現在時刻との差分をとって比較
相対時間 or 絶対時間表示の判定
Timestamps
Timestamps24時間以内のつぶやきは相対時間で表示
秒(s)、分(m)、時間(h)
Timestamps24時間経過後のつぶやきは絶対時間で表示
月日(MM/DD)、年月日(YYYY/MM/DD)
デモ
いつ出すの!?
いま…は無理ぽ
今後の予定ツイート詳細表示
リプライ、リツイート、お気に入り
Browser API 使う
検索機能の実装
Marketplaceへのアプリ登録申請
俺はまだ本気出していないだけ
希望的観測リスト
画像添付
位置情報
通知
マルチアカウント対応etc...
Firefox OSアプリ開発楽しい!!
✌(’ω’✌ )三✌(’ω’)✌三( ✌’ω’)✌
ところで
関東Firefox OS勉強会
2nd
開発端末の所有率
4th
登壇者不足
・・・
Firefox OSアプリ開発者いない?
Firefox OSアプリ無い
Firefox OSモテない
お前ら
お前ら
アプリ開発
お前ら
アプリ開発
しろ
Firefox OSがモテないのはどう考えてもお前らが悪い!
ご清聴ありがとうございました。