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...
ブログやってます
ブログ
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を知ろう
「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}を渡す
XMLHttpRequ...
タイムライン
タイムライン
ライブラリ:twitter-text-js
https://github.com/twitter/twitter-text-js

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

入力文字...
ディスプレイガイドライン
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 tim...
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/
現在時刻との差分...
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がモテないのは
どう考えてもお前らが悪い!
ご清聴ありがとうございました。
Firefox OSがモテないのはどう考えてもお前らが悪い!
Firefox OSがモテないのはどう考えてもお前らが悪い!
Upcoming SlideShare
Loading in …5
×

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

6,423 views
6,285 views

Published on

2013年10月16日に開催された「関東Firefox OS勉強会 4th」の発表資料です。

Published in: Technology
0 Comments
11 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
6,423
On SlideShare
0
From Embeds
0
Number of Embeds
766
Actions
Shares
0
Downloads
12
Comments
0
Likes
11
Embeds 0
No embeds

No notes for slide

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

  1. 1. Firefox OSがモテないのは どう考えてもお前らが悪い! 2013年10月16日 関東Firefox OS勉強会 4th 星影
  2. 2. 自己紹介
  3. 3. 名前:星影 Twitter:@unsoluble_sugar 所属:元SIer(全文検索エンジンが云々)
  4. 4. ファイナルファンタジーを 愛しています! アイコンはFFじゃないけど…
  5. 5. 現在『光の戦士』としてエオルゼアの平和を 守っています。 訳:良いお仕事があれば教えてください
  6. 6. 言語:C/C++/Java/PHP/ASP.NET/ VB.NET/VBA/VBScript/JavaScript 環境:Windows/Linux/UNIX/Mac/ iOS/Android/Windows Phone/ Firefox OS ← New!!
  7. 7. ブログやってます
  8. 8. ブログ http://unsolublesugar.com
  9. 9. ガジェット関連の記事書いたり 参加したイベントのまとめ書いたり FFのこと書いたり FFのこと書いたり FFのこと書いたり 私はFF14を続けるよ!
  10. 10. 関東Firefox OS 勉強会
  11. 11. 4th
  12. 12. なん…だと……
  13. 13. _人人人人人人人_ > 突然の登壇 <  ̄Y^Y^Y^Y^Y^Y ̄
  14. 14. スマホアプリ開発未経験だけど 愛さえあれば関係ないよねっ
  15. 15. Firefox OSアプリ 作ってみたいけど
  16. 16. スマホアプリ開発?何それおいしいの?
  17. 17. スマホアプリ開発?何それおいしいの? そもそもFirefox OS端末持ってないよ
  18. 18. スマホアプリ開発?何それおいしいの? そもそもFirefox OS端末持ってないよ ていうかPeak+注文したけどまだ来ない →10月中に来るー?
  19. 19. 色々つらいけど 愛さえあれば関係ないよねっ
  20. 20. Firefox OSを知ろう
  21. 21. Firefox OSを知ろう 「Firefox OSアプリ開発ガイド」を読む http://www.ric.co.jp/book/contents/book_921.html
  22. 22. Firefox OS =
  23. 23. HTML5 + CSS + JavaScript
  24. 24. Webの技術で作られている
  25. 25. これならできるかも∼
  26. 26. さわってみよう
  27. 27. 実機無いけど?
  28. 28. シミュレーターあり
  29. 29. さわってみよう Firefox OS Simulator入れる https://addons.mozilla.org/ja/firefox/addon/firefoxos-simulator/
  30. 30. さわってみよう 色々いじってみる
  31. 31. さわってみよう 色々いじってみる
  32. 32. 意外とイケるんじゃね?
  33. 33. 磯野ー、アプリ作ろうぜー
  34. 34. 作ってみた
  35. 35. Twitterクライアント
  36. 36. Icewolf
  37. 37. 開発環境 OS:Mac OS X Mountain Lion エディタ:Sublime Text 2 ブラウザ:Firefox、Google Chrome 画像編集:Gimp 動作確認:Firefox OS Simulator
  38. 38. UIテンプレート
  39. 39. UIテンプレート FxOS Stub https://github.com/Jaxo/fxosstub
  40. 40. 認証
  41. 41. 認証 ライブラリ:jsOAuth https://github.com/bytespider/jsOAuth PINコードベースの認証
  42. 42. 認証 manifest.webapp permissionsにsystemXHRを設定 アプリケーションのtypeをprivilegedに XMLHttpRequest の引数に {mozSystem: true}を渡す XMLHttpRequest({mozSystem: true}) http://qiita.com/iizukak/items/d149047cd20041747640
  43. 43. タイムライン
  44. 44. タイムライン ライブラリ:twitter-text-js https://github.com/twitter/twitter-text-js つぶやきに含まれるメンションやURL、ハッシュ タグなどをハイパーリンク化してくれる
  45. 45. 新規投稿
  46. 46. 新規投稿 ライブラリ:charCount.js http://cssglobe.com/jquery-plugin-simplest-twitterlikedynamic-character-count-for-textareas/ 入力文字数をカウントして表示 Google Chrome上では日本語入力が確定前で もリアルタイムでカウントされる。Firefox上で は確定しないとカウントされない
  47. 47. ディスプレイガイドライン https://dev.twitter.com/terms/display-requirements
  48. 48. 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
  49. 49. Timestamps created_atの中身 →Fri Oct 11 06:23:11 +0000 2013
  50. 50. Fri Oct 11 06:23:11 +0000 2013
  51. 51. なんか見たことない フォーマット キタ━━━━(゚∀゚)━━━━!!
  52. 52. Timestamps Twitter独自のフォーマットをJavaScriptの Date()で取得できるフォーマットに整形 ついでにローカル環境のタイムゾーンで取得 var date = new Date(created_at);
  53. 53. Timestamps Fri Oct 11 06:23:11 +0000 2013           Fri Oct 11 2013 15:23:11 GMT+0900 (JST)
  54. 54. Timestamps UNIX時間(エポック秒)に変換 →PHPの strtotime() がJavascriptに  無かったのでライブラリを使用  http://phpjs.org/functions/strtotime/ 現在時刻との差分をとって比較 相対時間 or 絶対時間表示の判定
  55. 55. Timestamps
  56. 56. Timestamps 24時間以内のつぶやきは相対時間で表示 秒(s)、分(m)、時間(h)
  57. 57. Timestamps 24時間経過後のつぶやきは絶対時間で表示 月日(MM/DD)、年月日(YYYY/MM/DD)
  58. 58. デモ
  59. 59. いつ出すの!?
  60. 60. いま…は無理ぽ
  61. 61. 今後の予定 ツイート詳細表示 リプライ、リツイート、お気に入り Browser API 使う 検索機能の実装 Marketplaceへのアプリ登録申請
  62. 62. 俺はまだ 本気出していないだけ
  63. 63. 希望的観測 リスト 画像添付 位置情報 通知 マルチアカウント対応 etc...
  64. 64. Firefox OSアプリ開発 楽しい!! ✌( ω ✌ )三✌( ω )✌三( ✌ ω )✌
  65. 65. ところで
  66. 66. 関東Firefox OS 勉強会
  67. 67. 2nd
  68. 68. 開発端末の所有率
  69. 69. 4th
  70. 70. 登壇者不足
  71. 71. ・・・
  72. 72. Firefox OS アプリ開発者いない?
  73. 73. Firefox OS アプリ無い
  74. 74. Firefox OS モテない
  75. 75. お前ら
  76. 76. お前ら アプリ開発
  77. 77. お前ら アプリ開発 しろ
  78. 78. Firefox OSがモテないのは どう考えてもお前らが悪い!
  79. 79. ご清聴ありがとうございました。

×