FxOSコードリーディングミートアップ＃１１

1. グンマーのヤボー
FxOSコードリーディングミートアップ #11 (11月開催)

2. ・ぶっちゃけ、難しい技術の話は
ほぼしません（ってか、出来ません）
・Firefox OSコミュニティが初めての方
コミュニティイベント自体が初めての方を
対象にしています
・ Firefox OSコミュニティが楽しい場だと
云う事を感じられたら、大変有り難いです
はじめに今回のスライドの目的

3. ´ ｀ 、
／ ＼
' ヽ
/ ﾄ､ ﾍ
八 | 丶 ﾄ ／ }
｜ _{ ′ ヽ ! >{ ＼ﾄ､ ′
| ∧「 ‐- 丶{ 斗㌃{ V }‐ｖ′
｜ 〈 斗㌃{ ｀ |::::| }/ } パクリという名の
八 ,ﾊ |::::| ゝ' ,, ノ
ヽ{ゝ.} ,, ゝ' u 厂 ＼ オマージュだよ！！
八 ＿ ｨ ト 一
＞ .. _ （/ ）イト {⌒
⌒Z＞r‐｝ｰ ´ ｛ヽ
／ {／⌒ヽ/ ＼
,. < |=ニ=ｧ′ / >､
タイトルですが・・・・？！

4. 自 己 紹 介

5. 名前：グンマー＠坊主五厘
職業：フリーランスエンジニア
Twitter：@ic_lifewood
blog：http://www.lifewood.net

6. 言語：VB/VC#/VBA/VC++/Java
Javascript/PHP/Delphi←New
環境：Windows/HP-Unix/Linux
Android/Firefox OS←New
IDE：Visual Studio/Eclipse
Android Studio/monaca/WebIDE ←New

7. グンマーって、どこにあるの！

8. 東京の上、北関東にあるよ！
東京に来るのに２～３時間かかるんだ！

9. グンマーのイメージって？！

10. ネットでのグンマーのイメージ

11. ネットでのグンマーのイメージ

12. ネットでのグンマーのイメージ

13. ネットでのグンマーのイメージ

14. 通り名を覚えて貰い易いのと
ネタで面白いので訂正しません！

15. ／￣￣＼
／ﾉ( _ノ ＼
| ⌒(（ ●）（●） いい加減に本題に入れ！常考!
.| （__人__） /⌒l
| ｀ ⌒´ﾉ |`'''|
／ ⌒ヽ } | | ＿＿＿_
／ へ ＼ }__/ / ／─ ?＼
／ ／ | ノ ノ ／●）） （（●＼ . ’, ･ ぐぇあ
( _ ノ | ＼´ ＿ ／ （__人__）’,∴＼ , ’
| ＼＿,, -‐ ''" ￣￣ﾞ''?---└'´￣｀ヽ/ > て
.| ＿＿ ノ ／ （
ヽ ＿,, -‐ ''"￣ヽ､￣ `ー'´ ／ ｒ'"￣
＼ , '´ / .|
＼ ( / |
＼ ＼ /

16. •Firefox OSとの出会い
•コミュニティ活動報告
•今後の展開
本日の目次

17. Firefox OSとグンマーの出会い
Firefox OS meets Gunmaer

18. 元々、Androidに興味があり
Android Bazaar Conferenceに
定期的に参加していました
Android Bazaar Conference 2011 Summer～

19. この頃のグンマーは
只のギャラリーでした。

20. そこで、出会ってしまったのです！
Android Bazaar Conference 2013 Spring

21. http://www.android-group.jp/conference/abc2013s/conference/community/#anc_sess63

23. http://www.slideshare.net/dynamis/firefox-os-hackathon 18ページより抜粋

24. ◆感動した事
①OSの構成がシンプル
②プログラマだけでなく、
デザイナーも参加できる
③でゅなみすさんの名言
webでみんなが幸せになれる

25. もっと知りたい！
何か始めたい！
・・・・・調べてみた結果！

26. ハッカソン？！
何それ？！おいしいの？！

27. Firefox OS vs Windows 8 アプリ開発
ハッカソンイベントレポート
http://win8dev.hatenablog.com/

28. ◆この日、出来あがった作品
Windowsストア・アプリ FirefoxOS・アプリ
チャットサーバー
クロスプラットフォームのチャットアプリ

29. ◆やってみた事
・発案者だった
※只の言いだしっぺです
◆なんとなく出来た事
・FirefoxOSアプリ

30. ﾊﾞﾊﾞ ﾊﾞﾊﾞﾊﾞ ﾊﾞﾊﾞﾊﾞﾊﾞ
ﾊﾞﾊﾞﾊﾞ ∧＿,∧ ﾊﾞﾊﾞ ∧＿∧ ﾊﾞﾊﾞﾊﾞ
∧＿∧ﾊﾞ( ´・ω ・∧＿∧ (・ω ・｀ ) ∧＿∧
（´・ω ・）＝つ≡つ);;)ω (;;(⊂≡⊂＝（・ω ・｀）
(っ ≡つ＝つ (っ ⊂) ⊂＝⊂≡ ⊂)
/ ) ﾊﾞ∧＿∧｜ x ｜∧＿∧ ﾊﾞ ( ＼
( /￣∪ﾊﾞ ( ´・) ∪￣∪(・｀ )ﾊﾞﾊﾞ ∪￣＼ )
ﾊﾞﾊﾞﾊﾞﾊﾞ/ ) ﾊﾞﾊﾞﾊﾞ ( ＼ ﾊﾞﾊﾞﾊﾞﾊﾞ
ﾊﾞﾊﾞﾊﾞ `ｕ-ｕ'. ﾊﾞﾊﾞﾊﾞ ﾊﾞﾊﾞ `ｕ-u'
この日のグンマーの心境
※注：力不足具合を表現中

31. でもね・・・・・・・！

32. 何が楽しいか！
色々と面白い話が聞けた事
色々な人達と知り合えた事
・デザイナー／クリエーターさん
・エンジニアさん
・学生さん
訳：凄げぇ～ヤツらが
いると分かった事
棲息している

33. ◆この時何を学んだか？
・デザイナーさんやクリエータさんからは、
ポートフィリオ（自分の作品）を
展示する重要さを教わった
・エンジニアの方々からは、ブログや
色々な場所で自分の経験した技術の
公開する重要さを教わった
・学生の方々からはコーディングに対する
熱意を分けてもらいました

34. その年・・・・・二度目の
Android Bazaar Conferenceに
参加していました
Android Bazaar Conference 2013 Autumn

35. http://www.android-group.jp/conference/abc2013a/conference/keynote/#anc_sess5

36. そして・・・・再会したのです！

37. https://www.youtube.com/watch?v=aWDERuY47ms#t=2206

38. この時・・・・脳内で再生したのです！

39. 乗るしかない！
このビッグウェーブに！！！！
ふぉくすけに！！！
※注：グンマーの脳内だけです

40. そんな時・・・
コードリーディング？！
何それ？！おいしいの？！

41. ／￣￣￣ ＼
／ :::::＼:::／＼
／ ｡<一>:::::<ー>。全然ついていけないお
| .:::｡ﾟ~（__人__）~ﾟj
＼、 ゜ ｀ ⌒´,;／゜
／ ⌒ヽﾟ '"'"´(;ﾟ ｡
/ ,＿ ＼ ＼／＼ ＼
と_＿＿）_ヽ＿つ_;_ヾ_つ.;._
参加したものの・・・・・。
付け焼刃で、ぶそー
・・・・結果、惨敗？！

42. ◆この時、何を感じたか？
・話している内容についていけない。
・自分が無知＆未熟である事。

43. でもね・・・・・・・！

44. と云うワケで、出来る所から
始めてみよう！！！

45. グンマーのコミュニティ活動
Community activity of Gunmaer

46. ◆グンマーが始めた事
コミュニティ／勉強会に可能な限り出てみる

47. 勉強会・コミュニティ活動
2013/12～2014/07

48. ◆この期間やっていた事
•勉強会で得た情報をブログにまとめる
•良いと思った技術の味見をしてみる
•コミュニティのお手伝い
•Firefox OS知る為に英語記事を読む
⇒翻訳を始めてみる

49. ブログ作成

50. ◆この時何を学んだか？
・他のブロガーの記事構成力，
ストーリー展開
・他のサイトのデザイン
・最先端技術のトレンド

51. コミュニティ活動

52. コミュニティ活動

53. コミュニティ活動
例：ABC2014では。
•ブースの設置のお手伝い。
•来客した方に端末の説明をする。
•来客した方にFirefox OSの説明をする。
•Firefox バルーンを作成、宣伝してくる。
•ブースの撤去のお手伝い。

54. ◆この時何を学んだか？
・Firefox OS端末の来客の
期待度具合
・Firefox OSに関する
自分の理解具合
・コミュニティ活動の実際。

55. 勉強会・コミュニティ活動
2014/07～2014/11

56. ・・・・・ここで、誤算が！！！
いや、神の声を聞きました！

57. イベントジャンキーに
なっちゃダメだよね！！！
＠第49回 HTML5とか勉強会
@saneyuki_s 師匠

58. ◆何に衝撃を受けたか？
・イベントに出る事自体が目的に
なっていた所があった
・せっかくの良い技術を聞いている
だけになっている所が有った
／￣￣￣ ＼
／ :::::＼:::／＼
／ ｡<一>:::::<ー>。 うぅ・・・。
| .:::｡ﾟ~（__人__）~ﾟj 只々祭りを・・・・
＼、 ゜ ｀ ⌒´,;／゜ 楽しんでただけだったお
／ ⌒ヽﾟ '"'"´(;ﾟ ｡
/ ,＿ ＼ ＼／＼ ＼
と_＿＿）_ヽ＿つ_;_ヾ_つ.;._

59. ショックで、凹んでいてもしょうがないので！
・・・と、切り替えて！

60. •やりたい事を整理する←New！！！
◆この期間やっていた事
•勉強会で得た情報をブログにまとめる
•良いと思った技術の味見をしてみる
•コミュニティのお手伝い
•Firefox OS知る為に英語記事を読む
⇒翻訳を始めてみる

61. ◆整理した結果？
•Web Ｘ Devicesをテーマに活動する。
•よりFirefox OSを理解する為に
コードをハックする活動を増やす。
活動：コードリーディング，翻訳等々
•Web関連の技術を向上させる。
サンプルを組んで検証する。

62. コミュニティ活動
2014年10月活動分

63. Web Ｘ Devicesと云う考え方が
「Mozilla Open Web Day in Tokyo」での
キックオフセッションで裏付ける事が
出来て、自分が間違っていない事を
確認出来た気がしました。

64. @dynamitter 師匠
◆翻訳で紹介して貰った情報
この辺りからオモシロ記事を見つけて翻訳頂けると幸せっ！
https://github.com/mozilla-japan/translation/issues
https://dev.mozilla.jp/project/hacksmozillaorg/
翻訳のコミュニティグループ
http://groups.google.com/group/mozilla-translations-ja
Mozilla 翻訳グループ - Google Groups
翻訳活動

65. mozilla-translations-ja：翻訳作業
原 文

66. mozilla-translations-ja：翻訳作業
訳 文

67. ◆この時何を学んだか？
・現時点では、長いセンテンスの
翻訳には時間がかかる。
・意外と技術単語から
文意が読み取れる
・翻訳を報告したら、反応が
早くてビックリした

68. ところで・・・・？

69. ／￣ ￣ ＼ ＿＿＿
／ﾉし u; ＼ ;／(＞)＾ ヽ＼; オメー、全然
| ⌒ ) ;／ (＿ （＜） ＼; アプリ作ってねぇ～ぢゃんか！！！
| 、 );/ /rｪヾ__）⌒:::: ヾ; ご、ごめんお！！！
| ＾ | i ｀⌒´-'´ u; ﾉ;;
| | ＼ヽ 、 , ／;
| ;j |／ ＼-^^ｎ ∠ ヾ、
＼ ／ ! 、 /￣~ﾉ ＿＿/ i;
／ ⌒ヽ ヽ二) /（⌒ ノ
/ r、 ＼ / ./ ￣￣￣/
一番肝心な事やってないようですが・・・・？

70. 実は・・・・？！

71. ここ重要

72. ここ重要

73. グンマーの今後の展開
Deployment of the future of Gunmaer

74. アプリを作ろう！

75. アプリネタ２件ほど

76. その１．音楽再生アプリ
FlameをビルドしてSDカードを
装着しました
SDカード内には音楽ファイルや
映像ファイルが入っています。

77. そのFlameの画像です。
個人的に楽曲リストが残念な感じです。

78. SDカードのデータがこんな感じです。
フォルダー構成をきちんと
反映していない・・・・・ＯＴＬ

79. テーマ：音楽再生アプリ
１．楽曲がキチンとフォルダー⇒リスト
表示されるやつ。
２．シャッフル機能
３．デザインはエクスプローラ風？
File API,Local Storage APIあたりで
実現できるかと。
HTML5 デバイス API 勉強会の時の
@chikoski 師匠の講演もヒントかも

80. その２．見守り？通話アプリ
iOS用アプリ
サーバー
クロスプラットフォームの通話アプリ
WebRTC，skype API，Hangouts API？
Android，FirefoxOSアプリ

81. 何故このテーマ？？？
１．我が父君、要介護１
ガラケーでアドレス帳を探せないレヴェル
２．妹２号アメリカ在住
３．今年の正月skypeで、妹２号と
会話させたら、喜んだ
４．普段から音声だけでなく映像も見えると
お互いに安心する
５．操作は３ステップで実現させたい

82. 見守り？通話アプリのドラフト

83. イベントをやろう！

84. 実は・・・10月のOSCイベントでの
雑談の中でこんな話が・・・・・・・

85. 折角のグンマーさんちの
イベントだからジャパン
スネークセンターでやりたい！
(冗談)
@aoi_nagatsuki 師匠
ここ重要

86. ジャパン
スネークセンター！？

87. ここでイベントをする・・・だと・・・・？！
毒蛇の研究及び利用を主目的としている他、飼育している蛇類を展示・
公開している。国内で唯一、ヤマカガシの毒に対する血清を製造・保管しており、
咬症が発生した際は空路・陸路で搬送が行われる。
http://www.snake-center.com/

88. 最初なんで、普通の
イベントでお願いします

89. と云うワケ？！で
ハッカソンか
勉強会か思案中

90. ま と め

91. 最初は何も出来なかったグンマー坊主五厘が
少しずつ色々出来るようになってきている
１．ブログ始めたり
①記事を書くのが早くなった
②構成が少しずつ上手になっている
③デザインも少しずつ進化してきている
④記事の内容も少しずつ濃くなってきている
２．翻訳始めたり（現在二本目着手開始）
３．イベントのお手伝い始めたり

92. ４．ビルド始めたり
関西の@uniunix師匠のおかげです。
５．バグジラにバグ報告始めたり
何か出来る事が見つかって、
面白くなるからおいで！
みんなで、楽しく幸せになろう！
最後にグンマー坊主五厘が皆さんに
伝えたい事があります
Firefox OSコミュニティって・・・・・・。

93. サイコー!!!!
@masawada 師匠

94. だから、ね・・・・・・・！

95. Special Thanks
@masawada 師匠@aoi_nagatsuki 師匠 @dynamitter 師匠 @saneyuki_s 師匠

96. ご清聴ありがとうございました！
Thank you for your attention.