グンマーのヤボー

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

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

タイトルですが・・・・？！
´

／
'

｀

、
＼

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

自己紹介

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

言語：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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• http://www.android-group.jp/conference/abc2013s/conference/community/

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

• http://www.slideshare.net/dynamis/firefox-os-hackathon 18

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

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

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

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

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

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

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

でもね・・・・・・・！

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

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

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

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

• http://www.android-group.jp/conference/abc2013a/conference/keynote/

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

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

• https://www.youtube.com/watch?v=aWDERuY47ms

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

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

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

参加したものの・・・・・。

付け焼刃で、ぶそー

／￣￣￣ ＼
／
:::::＼:::／＼
／
｡<一>:::::<ー>。全然ついていけないお
|
.:::｡ﾟ~（__人__）~ﾟj
＼、
゜ ｀ ⌒´,;／゜
／ ⌒ヽﾟ '"'"´(;ﾟ ｡
/ ,＿ ＼ ＼／＼ ＼
と_＿＿）_ヽ＿つ_;_ヾ_つ.;._

・・・・結果、惨敗？！

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

でもね・・・・・・・！

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

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

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

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

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

ブログ作成

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

コミュニティ活動

コミュニティ活動

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

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

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

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

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

• https://twitter.com/saneyuki_s

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

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

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

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

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

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

翻訳活動 @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

• https://twitter.com/dynamitter

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

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

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

ところで・・・・？

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

実は・・・・？！

ここ重要

ここ重要

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

アプリを作ろう！

アプリネタ２件ほど

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

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

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

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

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

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

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

イベントをやろう！

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

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

• https://twitter.com/aoi_nagatsuki

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

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

• http://ja.wikipedia.org/wiki/ヤマカガシ
• http://ja.wikipedia.org/wiki/血清

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

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

ま と め

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

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

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

• https://twitter.com/dynamitter

だから、ね・・・・・・・！

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

• https://twitter.com/dynamitter
• https://twitter.com/aoi_nagatsuki
• https://twitter.com/saneyuki_s

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