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

6,122
-1

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,122
On Slideshare
0
From Embeds
0
Number of Embeds
8
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. ご清聴ありがとうございました。
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×