SlideShare a Scribd company logo
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!!
ブログやってます
ブログ
http://unsolublesugar.com
ガジェット関連の記事書いたり
参加したイベントのまとめ書いたり
FFのこと書いたり
FFのこと書いたり
FFのこと書いたり
私はFF14を続けるよ!
関東Firefox OS
勉強会
4th
Firefox OSがモテないのはどう考えてもお前らが悪い!
なん…だと……
Firefox OSがモテないのはどう考えてもお前らが悪い!
_人人人人人人人_
> 突然の登壇 <
 ̄Y^Y^Y^Y^Y^Y ̄
スマホアプリ開発未経験だけど
愛さえあれば関係ないよねっ
Firefox OSアプリ
作ってみたいけど
スマホアプリ開発?何それおいしいの?
スマホアプリ開発?何それおいしいの?
そもそもFirefox OS端末持ってないよ
スマホアプリ開発?何それおいしいの?
そもそもFirefox OS端末持ってないよ
ていうかPeak+注文したけどまだ来ない

→10月中に来るー?
色々つらいけど
愛さえあれば関係ないよねっ
Firefox OSを知ろう
Firefox OSを知ろう
「Firefox OSアプリ開発ガイド」を読む
http://www.ric.co.jp/book/contents/book_921.html
Firefox OS =
HTML5
+
CSS
+
JavaScript
Webの技術で作られている
これならできるかも∼
さわってみよう
実機無いけど?
シミュレーターあり
さわってみよう
Firefox OS Simulator入れる
https://addons.mozilla.org/ja/firefox/addon/firefoxos-simulator/
さわってみよう
色々いじってみる
さわってみよう
色々いじってみる
意外とイケるんじゃね?
磯野ー、アプリ作ろうぜー
作ってみた
Twitterクライアント
Icewolf
開発環境
OS:Mac OS X Mountain Lion
エディタ:Sublime Text 2
ブラウザ:Firefox、Google Chrome
画像編集:Gimp
動作確認:Firefox OS Simulator
UIテンプレート
UIテンプレート
FxOS Stub
https://github.com/Jaxo/fxosstub
認証
認証
ライブラリ:jsOAuth
https://github.com/bytespider/jsOAuth

PINコードベースの認証
認証
manifest.webapp
permissionsにsystemXHRを設定
アプリケーションのtypeをprivilegedに
XMLHttpRequest の引数に
{mozSystem: true}を渡す
XMLHttpRequest({mozSystem: true})
http://qiita.com/iizukak/items/d149047cd20041747640
タイムライン
タイムライン
ライブラリ:twitter-text-js
https://github.com/twitter/twitter-text-js

つぶやきに含まれるメンションやURL、ハッシュ
タグなどをハイパーリンク化してくれる
新規投稿
新規投稿
ライブラリ:charCount.js
http://cssglobe.com/jquery-plugin-simplest-twitterlikedynamic-character-count-for-textareas/

入力文字数をカウントして表示
Google Chrome上では日本語入力が確定前で
もリアルタイムでカウントされる。Firefox上で
は確定しないとカウントされない
ディスプレイガイドライン
https://dev.twitter.com/terms/display-requirements
Timestamps
1.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)
Timestamps
UNIX時間(エポック秒)に変換
→PHPの strtotime() がJavascriptに
 無かったのでライブラリを使用
 http://phpjs.org/functions/strtotime/
現在時刻との差分をとって比較
相対時間 or 絶対時間表示の判定
Timestamps
Timestamps
24時間以内のつぶやきは相対時間で表示
秒(s)、分(m)、時間(h)
Timestamps
24時間経過後のつぶやきは絶対時間で表示
月日(MM/DD)、年月日(YYYY/MM/DD)
デモ
いつ出すの!?
いま…は無理ぽ
今後の予定
ツイート詳細表示
リプライ、リツイート、お気に入り
Browser API 使う
検索機能の実装
Marketplaceへのアプリ登録申請
俺はまだ
本気出していないだけ
希望的観測
リスト
画像添付
位置情報
通知
マルチアカウント対応
etc...
Firefox OSアプリ開発
楽しい!!
✌( ω ✌ )三✌( ω )✌三( ✌ ω )✌
ところで
関東Firefox OS
勉強会
2nd
開発端末の所有率
4th
登壇者不足
・・・
Firefox OS
アプリ開発者いない?
Firefox OS
アプリ無い
Firefox OS
モテない
お前ら
お前ら
アプリ開発
お前ら
アプリ開発
しろ
Firefox OSがモテないのは
どう考えてもお前らが悪い!
ご清聴ありがとうございました。

More Related Content

Firefox OSがモテないのはどう考えてもお前らが悪い!