グンマーのヤボー

>100 Views

November 16, 14

スライド概要

・ Firefox OSコミュニティが初めての方コミュニティイベント自体が初めての方を 対象にしています
・ Firefox OSコミュニティが楽しい場だと 云う事を感じられたら、大変有り難いです

profile-image

フリーランスプログラマです。 Angular, CHIRIMEN Open Hardware, MDN Web Doc 推しの人です。

シェア

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

関連スライド

各ページのテキスト
1.

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

2.

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

3.
[beta]
タイトルですが・・・・?!
´

/
'

`

、
\

ヽ
/
ト、
ヘ
八
|丶 ト/
}
|
_{ ′ ヽ ! >{ \ト、
′
|
∧「 ‐- 丶{ 斗㌃{ V }‐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.

東京の上、北関東にあるよ! 東京に来るのに2~3時間かかるんだ!

9.

グンマーのイメージって?!

10.

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

11.

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

12.

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

13.

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

14.

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

15.
[beta]
/ ̄ ̄\
/ノ( _ノ \
| ⌒(( ●)(●)
いい加減に本題に入れ!常考!
.|
(__人__) /⌒l
|
` ⌒´ノ |`'''|
/ ⌒ヽ
} | |
____
/ へ \
}__/ /
/─ ?\
/ / |
ノ ノ
/●)) ((●\ . ’, ・ ぐぇあ
(_ノ
|
\´
_
/
(__人__)’,∴\ , ’
|
\_,, -‐ ''"  ̄ ゙̄''?---└'´ ̄`ヽ/ > て
.|
__ ノ / (
ヽ
_,, -‐ ''" ̄ヽ、 ̄ `ー'´ / r'" ̄
\
, '´
/
.|
\
(
/
|
\
\
/

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-u'. バババ ババ `u-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.
[beta]
参加したものの・・・・・。

付け焼刃で、ぶそー

/ ̄ ̄ ̄ \
/
:::::\:::/\
/
。<一>:::::<ー>。全然ついていけないお
|
.:::。゚~(__人__)~゚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.

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

58.
[beta]
◆何に衝撃を受けたか?
・イベントに出る事自体が目的に
なっていた所があった
・せっかくの良い技術を聞いている
だけになっている所が有った
/ ̄ ̄ ̄ \
/
:::::\:::/\
/
。<一>:::::<ー>。 うぅ・・・。
|
.:::。゚~(__人__)~゚j
只々祭りを・・・・
\、
゜ ` ⌒´,;/゜
楽しんでただけだったお
/ ⌒ヽ゚ '"'"´(;゚ 。
/ ,_ \ \/\ \
と___)_ヽ_つ_;_ヾ_つ.;._

59.

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

60.

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

61.

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

62.

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

63.

Web X 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.
[beta]
一番肝心な事やってないようですが・・・・?
/ ̄  ̄ \
___
/ノし u; \
;/(>)^ ヽ\;
オメー、全然
| ⌒
) ;/ (_ (<) \;
アプリ作ってねぇ~ぢゃんか!!!
|
、
);/
/rェヾ__)⌒:::: ヾ; ご、ごめんお!!!
| ^
|i
`⌒´-'´ u; ノ;;
|
| \ヽ 、 ,
/;
| ;j
|/ \-^^n ∠
ヾ、
\
/ ! 、 / ̄~ノ __/ i;
/
⌒ヽ ヽ二) /(⌒
ノ
/
r、 \ / ./  ̄ ̄ ̄/

70.

実は・・・・?!

71.

ここ重要

72.

ここ重要

73.

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

74.

アプリを作ろう!

75.

アプリネタ2件ほど

76.

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

77.

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

78.

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

79.

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

80.

その2.見守り?通話アプリ クロスプラットフォームの通話アプリ サーバー WebRTC,skype API,Hangouts API? Android,FirefoxOSアプリ iOS用アプリ

81.

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

82.

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

83.

イベントをやろう!

84.

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

85.

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

86.

ジャパン スネークセンター!?

87.

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

88.

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

89.

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

90.

ま と め

91.

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

92.

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

93.

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

94.

だから、ね・・・・・・・!

95.

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

96.

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