Your SlideShare is downloading. ×
Firefox OSがモテないのはどう考えてもお前らが悪い!
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

5,776

Published on

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

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
5,776
On Slideshare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
11
Comments
0
Likes
11
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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

×