• Save
Pokelabo android web
Upcoming SlideShare
Loading in...5
×
 

Pokelabo android web

on

  • 8,532 views

 

Statistics

Views

Total Views
8,532
Views on SlideShare
1,121
Embed Views
7,411

Actions

Likes
2
Downloads
0
Comments
0

7 Embeds 7,411

http://blog.html5j.org 6944
http://2277120094085560281_a071540a0240dab493c0571eca096e58480bdae1.blogspot.com 448
http://2277120094085560281_a071540a0240dab493c0571eca096e58480bdae1.blogspot.jp 14
http://plus.url.google.com 2
http://cloud.feedly.com 1
http://webcache.googleusercontent.com 1
http://www.haselab.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Pokelabo android web Pokelabo android web Presentation Transcript

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