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

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

なん…だと……

＿人人人人人人人＿＞　突然の登壇　＜‾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がモテないのはどう考えてもお前らが悪い！

ご清聴ありがとうございました。