104
5でわかる ”Apache Cordova” がなぜアツいのか? @kawada_hiroshi furoshiki.hatenadaiary.jp

5分でわかる ”Apache Cordova” がなぜアツいのか?

Embed Size (px)

DESCRIPTION

Apache Cordovaがやばい

Citation preview

Page 1: 5分でわかる ”Apache Cordova” がなぜアツいのか?

5分でわかる

”Apache Cordova” がなぜアツいのか?

@kawada_hiroshi furoshiki.hatenadaiary.jp

Page 2: 5分でわかる ”Apache Cordova” がなぜアツいのか?

Copyright NTT Comware Corporation 2014Copyright NTT Comware Corporation 2014

furoshiki 職業:コンビニアイス研究家 趣味:業務系フロントエンドエンジニア

— 色々書いてます

Page 3: 5分でわかる ”Apache Cordova” がなぜアツいのか?
Page 4: 5分でわかる ”Apache Cordova” がなぜアツいのか?

の、前に

Page 5: 5分でわかる ”Apache Cordova” がなぜアツいのか?
Page 6: 5分でわかる ”Apache Cordova” がなぜアツいのか?

思ったより・・・、早かった

Page 7: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!

某ソーシャルメディアにて

Page 8: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!Adobeさんがようやく企業版PhongeGapを

「GOしちゃっていいよ!」と言ったのをみて興奮したのだ

Page 9: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!Adobeさんがようやく企業版PhongeGapを

「GOしちゃっていいよ!」と言ったのをみて興奮したのだ

Page 10: 5分でわかる ”Apache Cordova” がなぜアツいのか?

Cordovaって結構アツいけど

イマイチ盛り上がりきってないなぁ

Page 11: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!

ん?

Page 12: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!

・・・思ったより反応が!?

Page 13: 5分でわかる ”Apache Cordova” がなぜアツいのか?
Page 14: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!

中の人まで反応しただとッ!?!?

もう逃げられない

じゃないか !!

Page 15: 5分でわかる ”Apache Cordova” がなぜアツいのか?

何がアツいのか?

改めて説明しよう

Page 16: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!

その昔、RIA戦争が起きていたそうな

マイクロ王国!

アド王国 もじもじ市国

ぺら王国りんご王国

Page 17: 5分でわかる ”Apache Cordova” がなぜアツいのか?

※諸事情により、

企業名はふせさせて頂きます

Page 18: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!

その昔、RIA戦争が起きていたそうな

!

アド王国 マイクロ王国 もじもじ市国

りんご王国ぺら王国

Page 19: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!

アド王国

!<Flashこそが、RIAにふさわしい!

Page 20: 5分でわかる ”Apache Cordova” がなぜアツいのか?

マイクロ王国

\いやいや、Silverlightですよ!!/

Page 21: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!

アド王国 マイクロ王国 もじもじ市国

りんご王国ぺら王国

Page 22: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!

そんなある日のこと

!

アド王国 マイクロ王国 もじもじ市国

りんご王国ぺら王国

!

20o9年

Page 23: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!

20o9年

ぐぐ王国

Page 24: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!

20o9年

ぐぐ王国

おっけ、これからはHTML5だな!

Page 25: 5分でわかる ”Apache Cordova” がなぜアツいのか?

りんご王国

ぐぐ王国

<そうだ!そうだ!

!

20o9年

Page 26: 5分でわかる ”Apache Cordova” がなぜアツいのか?

りんご王国

ぐぐ王国

ろりゃそうだ!>ぺら王国

!

20o9年

Page 27: 5分でわかる ”Apache Cordova” がなぜアツいのか?

もじもじ市国

りんご王国

ぐぐ王国

いや前から言ってたし>

ぺら王国

!

20o9年

Page 28: 5分でわかる ”Apache Cordova” がなぜアツいのか?

マイクロ王国 もじもじ市国

りんご王国

ぐぐ王国

ぺら王国

\待ってたぜ、野郎どもッ/

!

20o9年

Page 29: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!

20o9年

Page 30: 5分でわかる ”Apache Cordova” がなぜアツいのか?

\HTML5連合万歳/!

20o9年

Page 31: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!

アド王国

!

20o9年

Page 32: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!

アド王国 <あれ?Silverlightはどこへ?

!

20o9年

Page 33: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!

アド王国 <・・・。

!

20o9年

Page 34: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!

アド王国 <まじっすか(汗)

!

20o9年

Page 35: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!

アド王国

<いやいや、Flashで

しょ!

!

20o9年

Page 36: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!

アド王国

!

2010年

1年が過ぎた頃

Page 37: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!

アド王国

<HTML5ツール作ったけど

!

2010年

Page 38: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!

アド王国

<iPhone強いなぁ・・・

!

2010年

Page 39: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!

アド王国

<Flashサポートされないし

!

2010年

Page 40: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!

アド王国

!

2011年

さらに1年が過ぎた頃

Page 41: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!

アド王国

<・・・。

!

2011年

Page 42: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!

アド王国

<AndroidもFlashやめる!

!

2011年

Page 43: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!

アド王国

<AndroidもFlashやめる!

これが後に

「Appleショック」と呼ばれ

後世に語り継がれることになる

!

2011年

Page 44: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!

アド王国

その1ヶ月後・・・

!

2011年

Page 45: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!

アド王国

PhoneGapを買収

!

2011年

Page 46: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!

アド王国

<おれもHTML5頑

張るし!!

2011年

Page 47: 5分でわかる ”Apache Cordova” がなぜアツいのか?

HTML5連合国

!

2011年

!

アド王国

Page 48: 5分でわかる ”Apache Cordova” がなぜアツいのか?

HTML5連合国

!

2011年

Page 49: 5分でわかる ”Apache Cordova” がなぜアツいのか?

HTML5連合国

!

2011年\おおー、時代が始まった/

Page 50: 5分でわかる ”Apache Cordova” がなぜアツいのか?

何がそこまでアツいのか?

Page 51: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!オープンソースソフトウェアとは?

Page 52: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!オープンソースソフトウェアとは?

!1. OSSライセンスが適用されていること

Page 53: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!オープンソースソフトウェアとは?

!1. OSSライセンスが適用されていること

!2. ソースコードが公開されていること

Page 54: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!オープンソースソフトウェアとは?

!1. OSSライセンスが適用されていること

!2. ソースコードが公開されていること

著作者の権利を守りつつ、

ソースコードを公開するための手段

Page 55: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!一昔前のオープンソース文化

Page 56: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!一昔前のオープンソース文化

!ソースコード

!コミュニティ

Page 57: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!ソースコード

!コミュニティ

変態

\何これ面白すぎてハゲそう/

!一昔前のオープンソース文化

Page 58: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!ソースコード

!コミュニティ

変態

変態 <おれもこんぱいらかきたい

!一昔前のオープンソース文化

Page 59: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!ソースコード

!コミュニティ

変態

変態変態 <オレ様のWindowsが

 対応しないわけがない

!一昔前のオープンソース文化

Page 60: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!ソースコード

!コミュニティ

変態

変態変態

!コミッター

!一昔前のオープンソース文化

Page 61: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!ソースコード

!コミュニティ

変態

変態変態

!コミッター

!一昔前のオープンソース文化

オタク

!酒のみながら

テストしようや?

Page 62: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!ソースコード

!コミュニティ

変態

変態変態

!コミッター

!一昔前のオープンソース文化

オタク

オタクオタク

オタク

酒とテストは

漢のロマンでござる

Page 63: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!最近のオープンソース文化

Page 64: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!ソースコード

!最近のオープンソース文化

Page 65: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!ソースコード

!最近のオープンソース文化

変態コミット

変態

Page 66: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!ソースコード

!最近のオープンソース文化

変態ちょっと

変態

コミット

変態テスト

ちょっと変態

Page 67: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!ソースコード

!最近のオープンソース文化

変態ちょっと

変態

コミット

変態

普通の人テスト

ちょっと変態

普通の人

コントリビュート

Page 68: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!ソースコード

!最近のオープンソース文化

変態ちょっと

変態変態

普通の人

ちょっと変態

普通の人

ビジネスに活用する

Page 69: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!オープンソース化のメリットは?

!→3章. 魔法のお鍋

Page 70: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!オープンソース化の良いところは?

Page 71: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!オープンソース化の良いところは?

1. 1社じゃできないことができる。

Page 72: 5分でわかる ”Apache Cordova” がなぜアツいのか?

1. 1社じゃできないことができる。

2. 宣伝がしやすい。

!オープンソース化の良いところは?

Page 73: 5分でわかる ”Apache Cordova” がなぜアツいのか?

1. 1社じゃできないことができる。

3. ググるといっぱいノウハウ出てくる。

!オープンソース化の良いところは?

2. 宣伝がしやすい。

Page 74: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!オープンソース化の悪いところは?

Page 75: 5分でわかる ”Apache Cordova” がなぜアツいのか?

1. へんなものをコミットされる可能性が。

!オープンソース化の悪いところは?

Page 76: 5分でわかる ”Apache Cordova” がなぜアツいのか?

1. へんなものをコミットされる可能性が。

!オープンソース化の悪いところは?

2. ブランド名を悪用されることがある。

Page 77: 5分でわかる ”Apache Cordova” がなぜアツいのか?

1. へんなものをコミットされる可能性が。

3. タダ乗りする輩がいる。

!オープンソース化の悪いところは?

2. ブランド名を悪用されることがある。

Page 78: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!最近のオープンソースのモデル

Page 79: 5分でわかる ”Apache Cordova” がなぜアツいのか?

外向けブランド

!最近のオープンソースのモデル

オープンソース

ソフト ウェア

Page 80: 5分でわかる ”Apache Cordova” がなぜアツいのか?

外向けブランド

!最近のオープンソースのモデル

オープンソース

ソフト ウェア

ソフト ウェア

色々改善

ライセンス 保護対策

Page 81: 5分でわかる ”Apache Cordova” がなぜアツいのか?

外向けブランド

!最近のオープンソースのモデル

オープンソース

ソフト ウェア

ソフト ウェア

SIとか

色々改善

ライセンス 保護対策

Page 82: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!最近のオープンソースのモデル

オープンソース 外向けブランド

Page 83: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!最近のオープンソースのモデル

オープンソース 外向けブランド

Chrome

Page 84: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!最近のオープンソースのモデル

オープンソース 外向けブランド

Chronium Chrome

Page 85: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!最近のオープンソースのモデル

オープンソース 外向けブランド

Chronium Chrome

Safari

Page 86: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!最近のオープンソースのモデル

オープンソース 外向けブランド

Chronium Chrome

Webkit Safari

Page 87: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!最近のオープンソースのモデル

オープンソース 外向けブランド

Chronium Chrome

Webkit Safari

Firefox

Page 88: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!最近のオープンソースのモデル

オープンソース 外向けブランド

Chronium Chrome

Webkit Safari

Firefox Firefox

Page 89: 5分でわかる ”Apache Cordova” がなぜアツいのか?

PhoneGapの場合

オープンソース 外向けブランド

Page 90: 5分でわかる ”Apache Cordova” がなぜアツいのか?

PhoneGapの場合

オープンソース 外向けブランド

Adobe PhoneGap

Page 91: 5分でわかる ”Apache Cordova” がなぜアツいのか?

PhoneGapの場合

オープンソース 外向けブランド

Adobe PhoneGap

Apache Cordova

Page 92: 5分でわかる ”Apache Cordova” がなぜアツいのか?

PhoneGapの場合

オープンソース 外向けブランド

≒Adobe

PhoneGapApache Cordova

Page 93: 5分でわかる ”Apache Cordova” がなぜアツいのか?

Adobe

Apache Cordova

コミュニティ

Page 94: 5分でわかる ”Apache Cordova” がなぜアツいのか?

Adobe

Apache Cordova

IBM

SAP

コミュニティ

Page 95: 5分でわかる ”Apache Cordova” がなぜアツいのか?

Adobe

Apache Cordova

IBM

SAPOracle

コミュニティ

Page 96: 5分でわかる ”Apache Cordova” がなぜアツいのか?

Adobe

Apache Cordova

IBM

SAP

Microsoft

Oracle

コミュニティ

Page 97: 5分でわかる ”Apache Cordova” がなぜアツいのか?

こんなに集まるだなんて・・・!

Page 98: 5分でわかる ”Apache Cordova” がなぜアツいのか?

思ったより・・・、早かった

Page 99: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!

某ソーシャルメディアにて

Page 100: 5分でわかる ”Apache Cordova” がなぜアツいのか?

!

某ソーシャルメディアにて

以下、ループ

Page 101: 5分でわかる ”Apache Cordova” がなぜアツいのか?

Apache Cordovaがアツい!!

Page 102: 5分でわかる ”Apache Cordova” がなぜアツいのか?

Cordovaで何ができるか?

えっ?

Page 103: 5分でわかる ”Apache Cordova” がなぜアツいのか?

中の人にでも聞いて下さい!

Page 104: 5分でわかる ”Apache Cordova” がなぜアツいのか?

< Thank You !

@kawada_hiroshi