グンマーのヤボー

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.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

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

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

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

乗るしかない！ このビッグウェーブに！！！！ ふぉくすけに！！！

※注：グンマーの脳内だけです

そんな時・・・ コードリーディング？！

何それ？！おいしいの？！

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

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

付け焼刃で、ぶそー

・・・・結果、惨敗？！

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

でもね・・・・・・・！

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

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

◆グンマーが始めた事

コミュニティ／勉強会に可能な限り出てみる

勉強会・コミュニティ活動

2013/12～2014/07

◆この期間やっていた事

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

ブログ作成

◆この時何を学んだか？

・他のブロガーの記事構成力， ストーリー展開

・他のサイトのデザイン

・最先端技術のトレンド

コミュニティ活動

コミュニティ活動

コミュニティ活動

例：ABC2014では。

•ブースの設置のお手伝い。 •来客した方に端末の説明をする。 •来客した方にFirefox OSの説明をする。 •Firefox バルーンを作成、宣伝してくる。 •ブースの撤去のお手伝い。

◆この時何を学んだか？

・Firefox OS端末の来客の 期待度具合

・Firefox OSに関する 自分の理解具合

・コミュニティ活動の実際。

勉強会・コミュニティ活動

2014/07～2014/11

・・・・・ここで、誤算が！！！

いや、神の声を聞きました！

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

@saneyuki_s 師匠

◆何に衝撃を受けたか？

・イベントに出る事自体が目的に なっていた所があった

・せっかくの良い技術を聞いている だけになっている所が有った

／￣￣￣ ＼ ／ :::::＼:::／＼ ／ ｡<一>:::::<ー>。 うぅ・・・。 | .:::｡ﾟ~（__人__）~ﾟj 只々祭りを・・・・ ＼、 ゜ ｀ ⌒´,;／゜ 楽しんでただけだったお ／ ⌒ヽﾟ '"'"´(;ﾟ ｡ / ,＿ ＼ ＼／＼ ＼ と_＿＿）_ヽ＿つ_;_ヾ_つ.;._

ショックで、凹んでいてもしょうがないので！

・・・と、切り替えて！

•やりたい事を整理する←New！！！

◆この期間やっていた事

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

◆整理した結果？

•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

翻訳活動

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 師匠の講演もヒントかも

その２．見守り？通話アプリ

iOS用アプリ

サーバー

クロスプラットフォームの通話アプリ

WebRTC，skype API，Hangouts API？

Android，FirefoxOSアプリ

何故このテーマ？？？

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

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

イベントをやろう！

実は・・・10月のOSCイベントでの

雑談の中でこんな話が・・・・・・・

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

@aoi_nagatsuki 師匠

ここ重要

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

ここでイベントをする・・・だと・・・・？！

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

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

と云うワケ？！で ハッカソンか

勉強会か思案中

ま と め

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

４．ビルド始めたり 関西の@uniunix師匠のおかげです。 ５．バグジラにバグ報告始めたり

何か出来る事が見つかって、 面白くなるからおいで！ みんなで、楽しく幸せになろう！

最後にグンマー坊主五厘が皆さんに 伝えたい事があります

Firefox OSコミュニティって・・・・・・。

サイコー!!!!

@masawada 師匠

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

Special Thanks

@masawada 師匠 @aoi_nagatsuki 師匠 @dynamitter 師匠 @saneyuki_s 師匠

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