Pokelabo android web

8,717 views

Published on

0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
8,717
On SlideShare
0
From Embeds
0
Number of Embeds
7,478
Actions
Shares
0
Downloads
0
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Pokelabo android web

  1. 1. Copyright © POKELABO.inc All Rights Reserved.Confidentialハイブリッドソーシャルアプリの現場Social Game Development with HTML52013/05/28クリエイティブ事業部 鈴木 匠太ソーシャルメディア事業部 前田 翔梧
  2. 2. Copyright © POKELABO.inc All Rights Reserved.Confidential自己紹介鈴木 匠太 (29) 元 Flasherクリエイティブ事業部 部長主にアニメーション演出部分を担当CreateJS や AfterEffects をよく使用する富士登山、スカイダイビング、マラソンを嗜む前田 翔梧 (29) 元日立 Slerソーシャルメディア事業部 リードエンジニア主に PHP + Android™ Java などで開発人と繋がることが好きスノボ、サッカー、プログラムを嗜む
  3. 3. Copyright © POKELABO.inc All Rights Reserved.Confidential今日お伝えしたいこと◆ ポケラボってどんな会社なの?◆ なぜハイブリッドアプリを採用したのか?◆ 実際、ハイブリッドアプリってどうなの?◆ ポケラボエンジニアが Android™ で目指す事
  4. 4. ※ セガとセガロゴは株式会社セガの登録商標です。Copyright © POKELABO.inc All Rights Reserved.Confidential会社紹介◆ 会社名株式会社ポケラボPokelabo, Inc.◆ 設立   2007 年 11 月◆ 社員数  200 名程◆ 資本金  13 億 7,290 万円◆ 事業内容モバイル向けソーシャルアプリの企画・開発・運営元マンションベンチャー
  5. 5. Copyright © POKELABO.inc All Rights Reserved.Confidentialプラットフォームの情報を共有×GREE さんのノウハウを活かす※ すべての商標は、それぞれの所有者に帰属します。
  6. 6. ※ セガとセガロゴは株式会社セガの登録商標です。Copyright © POKELABO.inc All Rights Reserved.Confidentialコンソールの技術を習得するセガさんのノウハウを活かす×この CM を GW 中に見ませんでしたか?
  7. 7. Copyright © POKELABO.inc All Rights Reserved.Confidential海外での展開・運営方法を習得するaeria GAMES さんのノウハウを活かす×ドイツ 5 位 / フランス 14 位 / US 47 位フィリピン・シンガポール 3 位フィジーパナマGROSS1 位
  8. 8. Copyright © POKELABO.inc All Rights Reserved.Confidentialメイン運営サービス紹介海外にも積極的に進出!GOODBADiOS では比較的高いランキングを叩き出しているがAndroid™ に関しては課題だらけの状況!
  9. 9. Copyright © POKELABO.inc All Rights Reserved.Confidentialなぜ、ハイブリッドアプリを採用したのか?
  10. 10. Copyright © POKELABO.inc All Rights Reserved.ConfidentialAndmore…2008 年「 Start 」Off deck site apps2009 年「 Get Chance 」Opened Mobile SNS2010 年「 Growing 」Fundraised series A $12M2011 年「 To global 」■ Tie-up campaignFujiTVYomiuri-Giants# of member3760100ガラケー向けソーシャルゲーム開発が中心web エンジニアが多かった
  11. 11. Copyright © POKELABO.inc All Rights Reserved.Confidential先人達の教えに共感したWeb が最終的には勝つだろう !Web が最終的には勝つだろう !
  12. 12. Copyright © POKELABO.inc All Rights Reserved.Confidentialポケラボ運営アプリの月別 UU と売り上げコイン数会社全体が危うかったので方針転換web では非公開
  13. 13. Copyright © POKELABO.inc All Rights Reserved.Confidentialネイティブでのアニメーションが作れなかった
  14. 14. Copyright © POKELABO.inc All Rights Reserved.Confidential結果として Swiffy を選択し現在は CreateJS をメインに使用変換 変換
  15. 15. Copyright © POKELABO.inc All Rights Reserved.Confidential1.PHP エンジニアが多かった。2. 先人達の教えに納得させられた。3. ガラケーの横展開が目的だった。4. スマホアプリ上でのリッチな演出制作に困難。なぜ、ハイブリッドアプリを採用したのか?
  16. 16. Copyright © POKELABO.inc All Rights Reserved.Confidential実際、ハイブリッドアプリってどうなの?
  17. 17. Copyright © POKELABO.inc All Rights Reserved.ConfidentialiPhone + Android™ 両対応可能
  18. 18. Copyright © POKELABO.inc All Rights Reserved.Confidential
  19. 19. Copyright © POKELABO.inc All Rights Reserved.ConfidentialWebView って遅いんじゃないの?
  20. 20. Copyright © POKELABO.inc All Rights Reserved.ConfidentialFlash で BoneAnime AS JS⇒ に めっちゃ動く!HTML5 でのアバターシステム開発問題 1CreateJS は Bone が使えない
  21. 21. Copyright © POKELABO.inc All Rights Reserved.Confidential問題 2増え続けるスキル演出現在 110 個 NEXT + 70 個以上
  22. 22. Copyright © POKELABO.inc All Rights Reserved.ConfidentialポケラボエンジニアがAndroid™ で目指すこと
  23. 23. Copyright © POKELABO.inc All Rights Reserved.Confidentialより速く・より快適に・動作すること ユーザ様に楽しんでもらいたい!!
  24. 24. Copyright © POKELABO.inc All Rights Reserved.Confidential3つのアプローチiOS とのUUID 連携ハイブリッド固定メニューハイブリッド高速アニメーション
  25. 25. Copyright © POKELABO.inc All Rights Reserved.Confidentialハイブリッド固定メニューアプリに重要なヘッダーフッターの固定メニュー・ overflow: scroll; と position:fixed; で実装・・・でも端末によっては動かない。・ iScroll を使う。・・・でも端末によっては遅い。ならいっそ WebView での表示をやめてしまおう!
  26. 26. Copyright © POKELABO.inc All Rights Reserved.Confidentialハイブリッド固定メニューヘッダーフッター用のコマンドを用意する。例)heder://json=[{“type”:”badge”} ・・・ ]Android™ ネイティブで上記コマンドの JSON を解析し、全て Android™ の View に変換してあげる。→ 重要:ハイブリッドを目指しているので     Web との連携が必須!
  27. 27. Copyright © POKELABO.inc All Rights Reserved.Confidentialハイブリッド固定メニューコマンドを Web から指定するだけで、ヘッダーフッターを安定的に表示させる事に成功!
  28. 28. Copyright © POKELABO.inc All Rights Reserved.Confidentialハイブリッド高速アニメーションハイブリッド高速アニメーション
  29. 29. Copyright © POKELABO.inc All Rights Reserved.Confidentialハイブリッド高速アニメーションもっとスピーディーなアプリリリース、もっとスピーディーなアニメーション描画をしたい! …でもそんな完璧な    ライブラリはない。  なら自分たちで  作ってしまおう!
  30. 30. Copyright © POKELABO.inc All Rights Reserved.Confidentialハイブリッド高速アニメーション『実現したいこと』 ・基本はハイブリッド (Web) ! ・今あるリソースをそのまま使いたい! ・快速アニメーション!
  31. 31. Copyright © POKELABO.inc All Rights Reserved.Confidentialハイブリッド高速アニメーション2段階「変換」を行い、Android™ ネイティブでアニメーションを描画!     変換       変換FLASH     JavaScript      Android™
  32. 32. Copyright © POKELABO.inc All Rights Reserved.Confidentialハイブリッド高速アニメーションandroidnative.setBackColor("000000");androidnative.setFPS(30);androidnative.loadGraphic("images/touch_screen.png", 1, 1, false);       独自コマンドを Android の       Canvas に変換し描画する。canvas.drawBitmap(testbmp0, 220, 10, null);canvas.drawBitmap(testbmp1, 20, 10, null);canvas.drawBitmap(testbmp2, 20, 210, null);
  33. 33. Copyright © POKELABO.inc All Rights Reserved.Confidentialハイブリッド高速アニメーション従来の CreateJS より高速アニメーションを実現!FPS 10 〜 20   FPS   30 〜 45約3倍のフレームレートに!
  34. 34. Copyright © POKELABO.inc All Rights Reserved.ConfidentialiOS とのUUID 連携IOS との UUID 連携
  35. 35. Copyright © POKELABO.inc All Rights Reserved.ConfidentialIOS との UUID 連携iOS 端末やポケラボアプリ内でコラボ連携し、多くのユーザ様にアプリを遊んでもらいたい!… でも Android™ の UUID は使えない。  こっちで UUID を  発行してあげよう!
  36. 36. Copyright © POKELABO.inc All Rights Reserved.ConfidentialIOS との UUID 連携UUID とは重複しない一意な値です。UUID を作成する方法は簡単。String uuid = UUID.randomUUID().toString();ただし、アプリをアンインストールしてしまうとUUID も同時に削除されてしまい、別 UUID が生成されてしまう。
  37. 37. Copyright © POKELABO.inc All Rights Reserved.ConfidentialIOS との UUID 連携ポケラボネットワークシステム(通称 pokenet )利用して必ず1端末1 UUID を実現。pokenet で端末認識UUID 発行問い合わせ
  38. 38. Copyright © POKELABO.inc All Rights Reserved.ConfidentialIOS との UUID 連携端末、アプリ、関係なくコラボ連携可能に!
  39. 39. Copyright © POKELABO.inc All Rights Reserved.ConfidentialIOS との UUID 連携さらにこの仕組みを利用して、同じデータが外で Android™ 端末、家で iPad として遊べる!完全ハイブリッドアプリとしての動作を実現!
  40. 40. Copyright © POKELABO.inc All Rights Reserved.ConfidentialAndroid™ が課題
  41. 41. Copyright © POKELABO.inc All Rights Reserved.ConfidentialThank You!いつも仕掛け人であること

×