際際滷

際際滷Share a Scribd company logo
Developers
Summit




       グリ`におけるスマホ	
 ?
      アプリ_k゛ネイティブ	
 ?



14-A-4          椒弥 樗雰, 易} 啼v

#devsumiX                                        グリ`幄塀氏芙
                                         _k云何 Japan Studioy凄何

             Developers Summit 2013
                            Action !
Developers
  Summit
                    徭失B初	
 ?

toshifumi	
 ?.ho+a	
 ?        溺來鬚吋好
                              ホネイティブ
    	
 ?@Toshiponnu	
 ?       アプリの_k	




                                         2012

                2011                                溺來鬚
  1987                                             モバイルウェブ
                                                   アプリの_k	
                       Developers Summit 2013
                                      Action !
Developers


             In	
 ?Development´	
 ?
Summit




                    Developers Summit 2013
                                   Action !
Developers
Summit
ネイティブアプリのバックエンド	
 ?
             アセット                     ウェブサ`バ デ`タベ`ス
             サ`バ


               CDN	


               インタ`ネット	




                                                       ´
                                                   ´
クライアントアプリ              Developers Summit 2013
                                      Action !
Developers
Summit
                  アジェンダ	
 ?

1.? サ`バサイドの_k	
 ?
  ??         ウェブとネイティブの`い	
 ?
  ??         廣吭した泣、Oのポイント	
 ?
2.? クライアントサイドの_k	
 ?
  ??         グリ`におけるウェブアプリとの`い	
 ?
  ??         _kスタイルについて	
 ?
  ??         ちょっとした垢健泣	
 ?


                    Developers Summit 2013
                                   Action !
Developers
Summit
                  アジェンダ	
 ?

1.? サ`バサイドの_k	
 ?
  ??         ウェブとネイティブの`い	
 ?
  ??         廣吭した泣、Oのポイント	
 ?
2.	
 ?	
 ?	
 ?	
 ?クライアントサイドの_k	
 ?
  ??         グリ`におけるウェブアプリとの`い	
 ?
  ??         _kスタイルについて	
 ?
  ??         ちょっとした垢健泣	
 ?


                    Developers Summit 2013
                                   Action !
Developers
 Summit
     ウェブアプリの箭	
 ?-?\	
 ?ガ`デニング	
 ?


戰瓮縫紿`をxぶ      撻織佑鰡xぶ            侭をxぶ               ∠タネまき頼阻




                                              vb	




                  Developers Summit 2013
                                 Action !
Developers
Summit
ネイティブアプリの箭	
 ?-?\	
 ?ガ`デニング	
 ?

             戰瓮縫紿`をxぶ                        撻織佑鰡xぶ




              侭をxぶ                       ∠タネまき頼阻




                        Developers Summit 2013
                                       Action !
Developers
Summit

              採がちがう	
 ?


     	
 ?
     た朕(UI)はもちろん`うのですが´	
 ?

     	
 ?サ`バサイドからると´	
 ?



                   Developers Summit 2013
                                  Action !
Developers
Summit

             採がちがう	
 ?


             宥佚のタイミング	


             燕幣デ`タの壓I	



               Developers Summit 2013
                              Action !
Developers
Summit

             採がちがう	
 ?


             宥佚のタイミング	


             燕幣デ`タの壓I	



               Developers Summit 2013
                              Action !
Developers
Summit

             宥佚のタイミング	
 ?

    ウェブ
   ??鮫中ベ`ス	
 ?
   ??1ペ`ジで1宥佚	
 ?


    ネイティブ
   ??フロ`ベ`ス	
 ?
   ??UI、鮫中w卞に鬉犬同慴なタイミングで	
 ?

                    Developers Summit 2013
                                   Action !
Developers
Summit

             採がちがう	
 ?


             宥佚のタイミング	


             燕幣デ`タの壓I	



               Developers Summit 2013
                              Action !
Developers
Summit

             燕幣デ`タの壓I	
 ?

    ウェブ
   ??宥佚の業にすべてサ`バからデ`タ塘佚	
 ?
   ??燕幣はWebブラウザ	
 ?


    ネイティブ
   ??厚仟l業の詰いデ`タはロ`カルに崔ける	
 ?
   ??燕幣はクライアント	
 ?

                 Developers Summit 2013
                                Action !
Developers
Summit
             サ`バサイドを深える	
 ?

??宥佚のタイミングを深える	
 ?
  	
 ?
??デ`タの砿尖圭隈を深える	
 ?

??APIを深える	
 ?



                  Developers Summit 2013
                                 Action !
Developers
Summit
             サ`バサイドを深える	
 ?

??宥佚のタイミングを深える	
 ?
  	
 ?
??デ`タの砿尖圭隈を深える	
 ?

??APIを深える	
 ?



                  Developers Summit 2013
                                 Action !
Developers
 Summit
         1.	
 ?宥佚タイミングを深える	
 ?
脅業宥佚するタイプ	
 ?
              戰瓮縫紿`をxぶ                        撻織佑鰡xぶ
                           宥佚                          宥佚




               侭をxぶ                       ∠タネまき頼阻
                           宥佚




                         Developers Summit 2013
                                        Action !
Developers
 Summit
         1.	
 ?宥佚タイミングを深える	
 ?
脅業宥佚するタイプ	
 ?


??メリット	
 ?
    ??サ`バ箸罰に揖豚しているためデ`タ音屁
      栽の卍遒富ない	
 ?

??デメリット	
 ?
    ??宥佚のタイミングでユ`ザのアクションがブ
      ロックされる	
 ?


                 Developers Summit 2013
                                Action !
Developers
 Summit
         2.	
 ?宥佚タイミングを深える	
 ?
すべて掲揖豚で宥佚するタイプ	
 ?
              戰瓮縫紿`をxぶ                        撻織佑鰡xぶ




               侭をxぶ                       ∠タネまき頼阻



                                                       掲揖豚

                         Developers Summit 2013
                                        Action !
Developers
 Summit
         2.	
 ?宥佚タイミングを深える	
 ?
すべて掲揖豚で宥佚するタイプ	
 ?


??メリット	
 ?
    ??ユ`ザのアクションがブロックがないため
      ユ`ザ悶Y鯢呂房柘	
 ?

??デメリット	
 ?
    ??サ`バ箸罰に揖豚しているわけではないた
      め、廣吭が駅勣	
 ?
         ??クライアント箸妊罘`ザのアクションログ、砿尖
           する駅勣がある	
 ?
                     Developers Summit 2013
                                    Action !
Developers
 Summit
         3.	
 ?宥佚タイミングを深える	
 ?
厚仟タイミングなどでm卷揖豚するタイプ	
 ?
              戰瓮縫紿`をxぶ                        撻織佑鰡xぶ




               侭をxぶ                       ∠タネまき頼阻
                           宥佚



                         Developers Summit 2013
                                        Action !
Developers
 Summit
         3.	
 ?宥佚タイミングを深える	
 ?
厚仟タイミングなどでm卷揖豚するタイプ	
 ?


??メリット	
 ?
    ??ユ`ザデ`タの厚仟タイミングでサ`バ箸
      揖豚しているためデ`タ音屁栽の卍遒鷲戮
      い	
 ?

??デメリット	
 ?
    ??脅業宥佚よりはX裏だが宥佚のタイミングで
      ユ`ザのアクションがブロックされる	
 ?

                 Developers Summit 2013
                                Action !
Developers
Summit
             宥佚タイミングを深える	
 ?

                 脅業	
              掲揖豚	
             m卷	
                                                	

  ユ`ザ悶Y	
                 @	
                  £	
            $	
  芦畠來 / トレ`
  サビリティ	
        £	
                  @	
            $	

??UIフロ`や鮫中の勣周に栽ったタイミング
  での宥佚を	
 ?
                    Developers Summit 2013
                                   Action !
Developers
       Summit

            宥佚していないときのログ	
 ?

??サ`バと揖豚するまでのgのクライアント
  箸任嘛ログが嶷勣に	
 ?
          ??クライアントサイドの蛍裂ログ	
 ?
          ??クライアント坪何エラ`	
 ?
	
 ?
??クライアントからサ`バへ僕る碧Mみ	
 ?
          ??	
 ?サ`バ箸妊肇讒`スできるように	
 ?


	
 ?                  Developers Summit 2013
                                     Action !
Developers
Summit
             サ`バサイドを深える	
 ?

??宥佚のタイミングを深える	
 ?
  	
 ?
??デ`タの砿尖圭隈を深える	
 ?

??APIを深える	
 ?



                  Developers Summit 2013
                                 Action !
Developers
Summit

                デ`タ砿尖	
 ?
                                        ウェブサ`バ          デ`タベ`ス
             アセット
             サ`バ



               CDN	
                                                       master_deco´	
                                                       master_id
                                                    master_plant	
                                                       aquire_exp
               インタ`ネット	
                                                       aquire_point
                                                   master_id
                                                       collection_id
                                                   category
                                                       ´
                                                   aquire_point
                                                   aquire_exp
                                                   ´



クライアントアプリ
                       Developers Summit 2013
                                      Action !
Developers
Summit

             デ`タ砿尖	
 ?

??厚仟l業の富ないマスタデ`タ、アセッ
  トデ`タは兜指で函誼しロ`カルに	
 ?

??筝があった栽のみダウンロ`ド	
 ?

??厚仟l業の互いユ`ザデ`タはサ`バと
  m卷揖豚	
 ?

               Developers Summit 2013
                              Action !
Developers
 Summit

              マスタデ`タ砿尖	
 ?
                                      ウェブサ`バ          デ`タベ`ス
兜指軟:
?? 匯凄ダウンロ`ド
2指朕參週:
??筝なし
      ダウンロ`ドなし
??筝あり
      筝されたマスタのみダウンロ`ド
                                                     master_deco´	
                                                     master_id
                master_plant:                     master_plant	
                                                     aquire_exp
                b94d81425961a11d
                7a88d507245cf67b
                                                     aquire_point
                                                 master_id
                master_decoration:                   collection_id
                                                 category
                b94d81425961a11d                     ´
                                                 aquire_point
                7a88d507245cf67b                 aquire_exp
                ´
                                                 ´



クライアントアプリ
                     Developers Summit 2013
                                    Action !
Developers
Summit

             アセット砿尖	
 ?

??厚仟l業が富ないため、兜指軟rにア
  セットサ`バからダウンロ`ド	
 ?
??否楚が寄きいため、ユ`ザプレイM に
  よって兜指ダウンロ`ド楚はコントロ`ル
  できるように	
 ?
??アセットg了でバ`ジョン砿尖	
 ?
??宥佚のタイミングでバ`ジョンチェックし、
  厚仟があれば脅業アップデ`トする圭塀	
 ?

               Developers Summit 2013
                              Action !
Developers
Summit

              アセット砿尖	
 ?
                                      ウェブサ`バ         デ`タベ`ス
             アセット
             サ`バ




                                                 master_asset	

                master_asset_bundle              id
                :                                version
                3120833dd2d084c08                app_version
                d21a2305c0e155c´
                master_plant:
                                                 path
                b94d81425961a11d7                ´
                a88d507245cf67b




クライアントアプリ
                     Developers Summit 2013
                                    Action !
Developers
Summit
             サ`バサイドを深える	
 ?

??宥佚のタイミングを深える	
 ?
  	
 ?
??デ`タの砿尖圭隈を深える	
 ?

??APIを深える	
 ?



                  Developers Summit 2013
                                 Action !
Developers
Summit
              サ`バサイドAPI	
 ?
                                         ウェブサ`バ             デ`タベ`ス
             アセット
             サ`バ


                            REST
                CDN	
                                                              user_plant	
                                  {code:  ̄200 ̄,
                                  ^response ̄: {              id
                                     ^id ̄: 1                 Instance_id
             インタ`ネット	
               ^user_id ̄: 12345
                                     ^master_id ̄: 2          master_id
                                                                user	
                                                             aquire_exp
                                     ^x ̄: 13
                                     ^y ̄: 14                 ´
                                                        user_id
                                     ^garden_id ̄: 1
                                  }
                                                        Level
                                                        Level_max
                                                        friend_max
                                                        ´
クライアントアプリ
                        Developers Summit 2013
                                       Action !
Developers
Summit

             サ`バサイドAPI	
 ?

??Oした宥佚タイミングでクライアント
     から柵ばれる	
 ?
	
 ?
??デ`タフォ`マットはJSON	
 ?
   ??クライアント箸らえやすいようにビュ`
     ワ`を_k	
 ?

??インタ`フェ`ス、エラ`コ`ドはクライ
  アントとの価り栽わせが嶷勣	
 ?
                 Developers Summit 2013
                                Action !
Developers


             APIビュ`ワ`	
 ?
Summit




APIを_Jできるビュ`ワ`を喘吭




                Developers Summit 2013
                               Action !
Developers
Summit

                              勣殆室g	
 ?

??Webと笋錣蕕覆ぜ斜gでgF辛嬬	
 ?
   ??PHP	
 ?5.3,	
 ?Ethna	
 ?2.6	
 ?
        ??Web	
 ?APIのサ`バサイドロジック	
 ?
   ??Mysql	
 ?5.5	
 ?
        ??喟Aデ`タを隠贋、マスタ/スレ`ブ、Sharding	
 ?
   ??Flare	
 ?
        ??喟Aデ`タで歌孚/厚仟l業の互いデ`タを隠贋	
 ?
   ??Memcached	
 ?
        ??	
 ?匯r議なデ`タを隠贋	
 ?

                                   Developers Summit 2013
                                                  Action !
Developers
Summit

             まとめ	
 ?

??UIフロ`に鬉犬人佚タイミングのOが
  嶷勣に	
 ?

??デ`タ砿尖圭、APIによるクライアント
  B亊何蛍はOの粁AでのJR栽わせが故	
 ?

??室g議にはウェブでのノウハウを聞ってg
  F辛嬬	
 ?
             Developers Summit 2013
                            Action !
Developers
 Summit
                   アジェンダ	
 ?

1.	
 ?	
 ?	
 ?	
 ?サ`バサイドの_k	
 ?
   ??         ウェブとネイティブの`い	
 ?
   ??         廣吭した泣、Oのポイント	
 ?
2.? クライアントサイドの_k	
 ?
   ??         グリ`におけるウェブアプリとの`い	
 ?
   ??         _kスタイルについて	
 ?
   ??         ちょっとした垢健泣	
 ?


                     Developers Summit 2013
                                    Action !
Developers
  Summit

               徭失B初紺}啼v	
 ?

                        2008定4埖
Yusuke.shirakura	
 ?    蝶ゲ`ム氏芙秘芙
@gree.net	
 ?           Mみzみ狼の_kに亊わる




      2012定7埖
      グリ`幄塀氏芙秘芙
      クライアント?サ`バI圭毅輝


                       Developers Summit 2013
                                      Action !
Developers
 Summit
                   アジェンダ	
 ?

1.	
 ?	
 ?	
 ?	
 ?サ`バサイドの_k	
 ?
   ??         ウェブとネイティブの`い	
 ?
   ??         廣吭した泣、Oのポイント	
 ?
2.? クライアントサイドの_k	
 ?
   ??         グリ`におけるウェブアプリとの`い	
 ?
   ??         _kスタイルについて	
 ?
   ??         ちょっとした垢健泣	
 ?


                     Developers Summit 2013
                                    Action !
Developers
Summit
             クライアントのアジェンダ	
 ?


*	
 ?	
 ?グリ`におけるウェブアプリとの`い	
 ?
	
 ?
*	
 ?	
 ?_kスタイルについて	
 ?
	
 ?
*	
 ?	
 ?ちょっとした垢健泣	
 ?



                  Developers Summit 2013
                                 Action !
Developers
Summit
             クライアントのアジェンダ	
 ?


*	
 ?	
 ?グリ`におけるウェブアプリとの`い	
 ?
	
 ?
*	
 ?	
 ?_kスタイルについて	
 ?
	
 ?
*	
 ?	
 ?ちょっとした垢健泣	
 ?



                  Developers Summit 2013
                                 Action !
Developers
Summit
             ウェブアプリとの`い	
 ?


  ウェブアプリ
?鮫中ベ`ス	
 ?
?1ペ`ジ1宥佚	
 ?

  ネイティブアプリ
?フロ`ベ`ス	
 ?
?中に鬉犬人佚	
 ?

                 Developers Summit 2013
                                Action !
Developers
 Summit
              ウェブアプリとの`い	
 ?


戰瓮縫紿`をxぶ           撻織佑鰡xぶ            侭をxぶ                ∠タネまき頼阻




                                                   vb	

              宥佚           宥佚                             宥佚




                       Developers Summit 2013
                                      Action !
Developers
Summit
             ウェブアプリとの`い	
 ?


  ウェブアプリ
?鮫中ベ`ス	
 ?
?1ペ`ジ1宥佚	
 ?

  ネイティブアプリ
?フロ`ベ`ス	
 ?
?中に鬉犬人佚	
 ?

                 Developers Summit 2013
                                Action !
Developers
Summit
             ウェブアプリとの`い	
 ?


  ウェブアプリ
?鮫中ベ`ス	
 ?                                   宥佚と燕幣	
 ?
?1ペ`ジ1宥佚	
 ?                                 を麼に1繁で	
 ?

  ネイティブアプリ
?フロ`ベ`ス	
 ?
?中に鬉犬人佚	
 ?

                 Developers Summit 2013
                                Action !
Developers
Summit
             ウェブアプリとの`い	
 ?


  ウェブアプリ
?鮫中ベ`ス	
 ?
?1ペ`ジ1宥佚	
 ?

  ネイティブアプリ
?フロ`ベ`ス	
 ?
?中に鬉犬人佚	
 ?

                 Developers Summit 2013
                                Action !
Developers
Summit
               ウェブアプリとの`い	
 ?

             戰瓮縫紿`をxぶ                        撻織佑鰡xぶ




              侭をxぶ                       ∠タネをまく

                         宥佚




                        Developers Summit 2013
                                       Action !
Developers
Summit
             ウェブアプリとの`い	
 ?


  ウェブアプリ
 ?鮫中ベ`ス	
 ?
 ?1ペ`ジ1宥佚	
 ?

  ネイティブアプリ
 ?フロ`ベ`ス	
 ?
 ?中に鬉犬人佚	
 ?

                 Developers Summit 2013
                                Action !
Developers
Summit
             ウェブアプリとの`い	
 ?


  ウェブアプリ
 ?鮫中ベ`ス	
 ?
 ?1ペ`ジ1宥佚	
 ?

  ネイティブアプリ
 ?フロ`ベ`ス	
 ?                                 宥佚と燕幣	
 ?
 ?中に鬉犬人佚	
 ?                               で叨護蛍毅	
 ?

                 Developers Summit 2013
                                Action !
Developers
Summit
             ウェブアプリとの`い	
 ?


  ウェブアプリ
 ?鮫中ベ`ス	
 ?                                  宥佚と燕幣	
 ?
 ?1ペ`ジ1宥佚	
 ?                                を麼に1繁で	
 ?

  ネイティブアプリ
 ?フロ`ベ`ス	
 ?                                 宥佚と燕幣	
 ?
 ?中に鬉犬人佚	
 ?                               で叨護蛍毅	
 ?

                 Developers Summit 2013
                                Action !
Developers
Summit
             ウェブアプリとの`い	
 ?


  _kh廠の`い

*	
 ?クライアントの_kにはUnityを旋喘	
 ?
??GREE	
 ?Unity	
 ?PlaXorm	
 ?
??Lightweight	
 ?SWFLWF	
 ?



                 Developers Summit 2013
                                Action !
Developers
Summit
             クライアントのアジェンダ	
 ?


*	
 ?	
 ?グリ`におけるウェブアプリとの`い	
 ?
	
 ?
*	
 ?	
 ?_kスタイルについて	
 ?
	
 ?
*	
 ?	
 ?ちょっとした垢健泣	
 ?



                  Developers Summit 2013
                                 Action !
Developers
Summit
             クライアントのアジェンダ	
 ?


*	
 ?	
 ?グリ`におけるウェブアプリとの`い	
 ?
	
 ?
*	
 ?	
 ?_kスタイルについて	
 ?
	
 ?
*	
 ?	
 ?ちょっとした垢健泣	
 ?



                  Developers Summit 2013
                                 Action !
Developers
Summit
             _kスタイルについて	
 ?


  クライアントサイド

*	
 ?サ`バとのやり函りを麼に毅輝	
 ?
??★?バックエンド	
 ?
	
 ?
*	
 ?ユ`ザインタ`フェ`ス、w卞の砿尖	
 ?
??★?フロントエンド	
 ?

                 Developers Summit 2013
                                Action !
Developers
Summit
             _kスタイルについて	
 ?


  クライアントサイド

*	
 ?サ`バとのやり函りを麼に毅輝	
 ?
??★?バックエンド	
 ?
	
 ?
*	
 ?ユ`ザインタ`フェ`ス、w卞の砿尖	
 ?
??★?フロントエンド	
 ?

                 Developers Summit 2013
                                Action !
Developers
Summit
             _kスタイルについて	
 ?


  クライアントサイド

*	
 ?サ`バとのやり函りを麼に毅輝	
 ?
??★?バックエンド	
 ?
	
 ?
*	
 ?インタ`フェ`ス、w卞の砿尖	
 ?
??★?フロントエンド	
 ?

                 Developers Summit 2013
                                Action !
Developers
Summit
             _kスタイルについて	
 ?


  クライアントサイド

*	
 ?サ`バとのやり函りを麼に毅輝	
 ?
??★?バックエンド	
 ?
	
 ?
*	
 ?インタ`フェ`ス、w卞の砿尖	
 ?
??	
 ? プロトタイプでのレビュ`吉で	
 ?
       竃た勣李によってI尖が}j晒	
 ?
                 Developers Summit 2013
                                Action !
Developers
Summit
              _kスタイルについて	
 ?


    インタ`フェ`スやw卞、宥佚タイミング	

     }方繁での_k                   \喘でのC嬬弖紗	

             プロジェクトメンバ`弖紗、筝	




                   Developers Summit 2013
                                  Action !
Developers
Summit
              _kスタイルについて	
 ?


    インタ`フェ`スやw卞、宥佚タイミング	

     }方繁での_k                   \喘でのC嬬弖紗	

             プロジェクトメンバ`弖紗、筝	



             フロ`が委燐し叟ければ}ない	
                   Developers Summit 2013
                                  Action !
Developers
Summit
             クライアントのアジェンダ	
 ?


*	
 ?	
 ?グリ`におけるウェブアプリとの`い	
 ?
	
 ?
*	
 ?	
 ?_kスタイルについて	
 ?
	
 ?
*	
 ?	
 ?ちょっとした垢健泣	
 ?



                  Developers Summit 2013
                                 Action !
Developers
Summit
             クライアントのアジェンダ	
 ?


*	
 ?	
 ?グリ`におけるウェブアプリとの`い	
 ?
	
 ?
*	
 ?	
 ?_kスタイルについて	
 ?
	
 ?
*	
 ?	
 ?ちょっとした垢健泣	
 ?



                  Developers Summit 2013
                                 Action !
Developers
Summit
             ちょっとした垢健	
 ?



             ちょっとした垢健	
 ?




                Developers Summit 2013
                               Action !
Developers
Summit
             ちょっとした垢健	
 ?



          ちょっとした垢健	
 ?
              	
 ?
              	
 ?
      w卞蹐肇芥`ドを徭喇撹しました	
 ?



                Developers Summit 2013
                               Action !
Developers
Summit
             ちょっとした垢健	
 ?


              こんな湖じです




                Developers Summit 2013
                               Action !
Developers
Summit
             ちょっとした垢健	
 ?


  なぜ徭喇撹にしたか
*	
 ?ドキュメントの砿尖が中宜くさい	
 ?
	
 ?
*	
 ?ある殻業コ`ドがy匯される	
 ?
	
 ?
*	
 ?仟・瓮鵐乂`への縮圄がS	
 ?

                Developers Summit 2013
                               Action !
Developers
Summit
             ちょとした垢健	
 ?


  徭喇撹のために深えた並
*	
 ?慌宥は採か	
 ?
	
 ?
*	
 ?どこまで徭咾派撹するのか	
 ?
	
 ?
*	
 ?どれくらいなら聞い叟いか	
 ?

                Developers Summit 2013
                               Action !
Developers
Summit
               ちょっとした垢健	
 ?


             訳周1	
                         訳周2	
I尖1                    I尖2	
                       I尖3	



 I尖があって訳周があってまた肝のI尖	
 ?



              児云議な夛は匯w
                     Developers Summit 2013
                                    Action !
Developers
Summit
               ちょっとした垢健	
 ?


             訳周1	
                         訳周2	
I尖1                    I尖2	
                       I尖3	




I尖と訳周からコ`ドとw卞蹐鯢撹	
 ?


                     Developers Summit 2013
                                    Action !
Developers
Summit
                   ちょっとした垢健	
 ?



    フォ`マットは	
 ?                           YAML
   Start:
   ??Main:

   Main:
   ??Game: {when: "Press start button"}
   ??Done: {when: "Finish" }

   Game
   ??Main: {when: "Game Over"}

   Done:

                               Developers Summit 2013
                                              Action !
Developers
Summit
                    ちょっとした垢健	
 ?

   Start:
   ??Main: {when: ^Press start button ̄}

   Main:
   ??Done: {when:  ̄Game over ̄}

   Done:



             Press	
             Start button	
                         Game over	

 Start                             Main	
                         Done	

                                Developers Summit 2013
                                               Action !
Developers
Summit
             ちょっとした垢健	
 ?



 w卞蹐留輅召	
 ?             Graphviz
 h+p://www.graphviz.org/	
 ?
 	
 ?

 AT&T冩梢侭	
 ?
 DOTファイルを伏撹?シするツ`ル蛤	
 ?
 	
 ?
 	
 ?              Developers Summit 2013
                                  Action !
Developers
Summit
                                               ちょっとした垢健	
 ?



 w卞蹐留輅召	
 ?                                                        Graphviz
 g	
 ?=	
 ?GraphViz::new(BASENAME)	
 ?
 	
 ?	
 ?nodes	
 ?=	
 ?{}	
 ?
 	
 ?	
 ?data.nodes.each	
 ?do	
 ?|	
 ?node	
 ?|	
 ?
 	
 ?	
 ?	
 ?	
 ?shape	
 ?=	
 ?"ellipse"	
 ?
 	
 ?	
 ?	
 ?	
 ?shape	
 ?=	
 ?"box"	
 ?if	
 ?node.rlink.empty?	
 ?||	
 ?node.link.empty?	
 ?
 	
 ?	
 ?	
 ?	
 ?nodes[node.name]	
 ?=	
 ?g.add_nodes(node.name,	
 ?:shape	
 ?=>	
 ?shape,	
 ?:URL	
 ?=>	
 ?"../../")	
 ?
 	
 ?	
 ?end	
 ?


                                                           Developers Summit 2013
                                                                          Action !
Developers
Summit
             ちょっとした垢健	
 ?



 コンバ`タは	
 ?              Ruby
 	
 ?


 *	
 ?Ruby	
 ?1.8からYAML	
 ?Libraryが別躙	
 ?
 *	
 ?ruby-?\graphvizも旋喘できる	
 ?
 *	
 ?C#のフォ`マットを喘吭	
 ?
 	
 ?

                   Developers Summit 2013
                                  Action !
Developers
Summit




             Developers Summit 2013
                            Action !
Developers
Summit
                   ちょっとした垢健	
 ?


   Start:
   ??Main:

   Main:
   ??Game: {when: "Press start button"}
   ??Done: {when: "Finish" }

   Game:
   ??Main: {when: "Game Over"}

   Done:




                               Developers Summit 2013
                                              Action !
Developers
Summit
                   ちょっとした垢健	
 ?


   Start:
   ??Main:

   Main:
   ??Game: {when: "Press start button"}
   ??Done: {when: "Finish" }

   Game:
   ??Main: {when: "Game Over"}

   Done:




 このYAMLをコンバ`タにかけてみると
                               Developers Summit 2013
                                              Action !
Developers
Summit
             ちょっとした垢健	
 ?




w卞蹐できました




                Developers Summit 2013
                               Action !
Developers
Summit
             ちょっとした垢健	
 ?


C#のコ`ドができました	
 ?




                Developers Summit 2013
                               Action !
Developers
Summit
               ちょっとした垢健	
 ?



             w卞蹐旅楡蹐S	

             コ`ドがある殻業y匯	

         仟・瓮鵐乂`への縮圄	
                  Developers Summit 2013
                                 Action !
Developers
Summit
             クライアントサイドまとめ	
 ?


       まとめ
*	
 ?_kスタイル	
 ?
??富繁方から寄繁方へ	
 ?
??叨護蛍毅	
 ?
	
 ?



*	
 ?徭喇撹	
 ?
??秘までの嬾謁が互い	
 ?
??その蛍誼られるものが謹い	
 ?
                  Developers Summit 2013
                                 Action !
Developers
Summit




ご賠ありがとうございました	
 ?




             Developers Summit 2013
                            Action !

More Related Content

Devsumi2013 14

  • 1. Developers Summit グリ`におけるスマホ ? アプリ_k゛ネイティブ ? 14-A-4 椒弥 樗雰, 易} 啼v #devsumiX グリ`幄塀氏芙 _k云何 Japan Studioy凄何 Developers Summit 2013 Action !
  • 2. Developers Summit 徭失B初 ? toshifumi ?.ho+a ? 溺來鬚吋好 ホネイティブ ?@Toshiponnu ? アプリの_k 2012 2011 溺來鬚 1987 モバイルウェブ アプリの_k Developers Summit 2013 Action !
  • 3. Developers In ?Development´ ? Summit Developers Summit 2013 Action !
  • 4. Developers Summit ネイティブアプリのバックエンド ? アセット ウェブサ`バ デ`タベ`ス サ`バ CDN インタ`ネット ´ ´ クライアントアプリ Developers Summit 2013 Action !
  • 5. Developers Summit アジェンダ ? 1.? サ`バサイドの_k ? ?? ウェブとネイティブの`い ? ?? 廣吭した泣、Oのポイント ? 2.? クライアントサイドの_k ? ?? グリ`におけるウェブアプリとの`い ? ?? _kスタイルについて ? ?? ちょっとした垢健泣 ? Developers Summit 2013 Action !
  • 6. Developers Summit アジェンダ ? 1.? サ`バサイドの_k ? ?? ウェブとネイティブの`い ? ?? 廣吭した泣、Oのポイント ? 2. ? ? ? ?クライアントサイドの_k ? ?? グリ`におけるウェブアプリとの`い ? ?? _kスタイルについて ? ?? ちょっとした垢健泣 ? Developers Summit 2013 Action !
  • 7. Developers Summit ウェブアプリの箭 ?-?\ ?ガ`デニング ? 戰瓮縫紿`をxぶ 撻織佑鰡xぶ 侭をxぶ ∠タネまき頼阻 vb Developers Summit 2013 Action !
  • 8. Developers Summit ネイティブアプリの箭 ?-?\ ?ガ`デニング ? 戰瓮縫紿`をxぶ 撻織佑鰡xぶ 侭をxぶ ∠タネまき頼阻 Developers Summit 2013 Action !
  • 9. Developers Summit 採がちがう ? ? た朕(UI)はもちろん`うのですが´ ? ?サ`バサイドからると´ ? Developers Summit 2013 Action !
  • 10. Developers Summit 採がちがう ? 宥佚のタイミング 燕幣デ`タの壓I Developers Summit 2013 Action !
  • 11. Developers Summit 採がちがう ? 宥佚のタイミング 燕幣デ`タの壓I Developers Summit 2013 Action !
  • 12. Developers Summit 宥佚のタイミング ? ウェブ ??鮫中ベ`ス ? ??1ペ`ジで1宥佚 ? ネイティブ ??フロ`ベ`ス ? ??UI、鮫中w卞に鬉犬同慴なタイミングで ? Developers Summit 2013 Action !
  • 13. Developers Summit 採がちがう ? 宥佚のタイミング 燕幣デ`タの壓I Developers Summit 2013 Action !
  • 14. Developers Summit 燕幣デ`タの壓I ? ウェブ ??宥佚の業にすべてサ`バからデ`タ塘佚 ? ??燕幣はWebブラウザ ? ネイティブ ??厚仟l業の詰いデ`タはロ`カルに崔ける ? ??燕幣はクライアント ? Developers Summit 2013 Action !
  • 15. Developers Summit サ`バサイドを深える ? ??宥佚のタイミングを深える ? ? ??デ`タの砿尖圭隈を深える ? ??APIを深える ? Developers Summit 2013 Action !
  • 16. Developers Summit サ`バサイドを深える ? ??宥佚のタイミングを深える ? ? ??デ`タの砿尖圭隈を深える ? ??APIを深える ? Developers Summit 2013 Action !
  • 17. Developers Summit 1. ?宥佚タイミングを深える ? 脅業宥佚するタイプ ? 戰瓮縫紿`をxぶ 撻織佑鰡xぶ 宥佚 宥佚 侭をxぶ ∠タネまき頼阻 宥佚 Developers Summit 2013 Action !
  • 18. Developers Summit 1. ?宥佚タイミングを深える ? 脅業宥佚するタイプ ? ??メリット ? ??サ`バ箸罰に揖豚しているためデ`タ音屁 栽の卍遒富ない ? ??デメリット ? ??宥佚のタイミングでユ`ザのアクションがブ ロックされる ? Developers Summit 2013 Action !
  • 19. Developers Summit 2. ?宥佚タイミングを深える ? すべて掲揖豚で宥佚するタイプ ? 戰瓮縫紿`をxぶ 撻織佑鰡xぶ 侭をxぶ ∠タネまき頼阻 掲揖豚 Developers Summit 2013 Action !
  • 20. Developers Summit 2. ?宥佚タイミングを深える ? すべて掲揖豚で宥佚するタイプ ? ??メリット ? ??ユ`ザのアクションがブロックがないため ユ`ザ悶Y鯢呂房柘 ? ??デメリット ? ??サ`バ箸罰に揖豚しているわけではないた め、廣吭が駅勣 ? ??クライアント箸妊罘`ザのアクションログ、砿尖 する駅勣がある ? Developers Summit 2013 Action !
  • 21. Developers Summit 3. ?宥佚タイミングを深える ? 厚仟タイミングなどでm卷揖豚するタイプ ? 戰瓮縫紿`をxぶ 撻織佑鰡xぶ 侭をxぶ ∠タネまき頼阻 宥佚 Developers Summit 2013 Action !
  • 22. Developers Summit 3. ?宥佚タイミングを深える ? 厚仟タイミングなどでm卷揖豚するタイプ ? ??メリット ? ??ユ`ザデ`タの厚仟タイミングでサ`バ箸 揖豚しているためデ`タ音屁栽の卍遒鷲戮 い ? ??デメリット ? ??脅業宥佚よりはX裏だが宥佚のタイミングで ユ`ザのアクションがブロックされる ? Developers Summit 2013 Action !
  • 23. Developers Summit 宥佚タイミングを深える ? 脅業 掲揖豚 m卷 ユ`ザ悶Y @ £ $ 芦畠來 / トレ` サビリティ £ @ $ ??UIフロ`や鮫中の勣周に栽ったタイミング での宥佚を ? Developers Summit 2013 Action !
  • 24. Developers Summit 宥佚していないときのログ ? ??サ`バと揖豚するまでのgのクライアント 箸任嘛ログが嶷勣に ? ??クライアントサイドの蛍裂ログ ? ??クライアント坪何エラ` ? ? ??クライアントからサ`バへ僕る碧Mみ ? ?? ?サ`バ箸妊肇讒`スできるように ? ? Developers Summit 2013 Action !
  • 25. Developers Summit サ`バサイドを深える ? ??宥佚のタイミングを深える ? ? ??デ`タの砿尖圭隈を深える ? ??APIを深える ? Developers Summit 2013 Action !
  • 26. Developers Summit デ`タ砿尖 ? ウェブサ`バ デ`タベ`ス アセット サ`バ CDN master_deco´ master_id master_plant aquire_exp インタ`ネット aquire_point master_id collection_id category ´ aquire_point aquire_exp ´ クライアントアプリ Developers Summit 2013 Action !
  • 27. Developers Summit デ`タ砿尖 ? ??厚仟l業の富ないマスタデ`タ、アセッ トデ`タは兜指で函誼しロ`カルに ? ??筝があった栽のみダウンロ`ド ? ??厚仟l業の互いユ`ザデ`タはサ`バと m卷揖豚 ? Developers Summit 2013 Action !
  • 28. Developers Summit マスタデ`タ砿尖 ? ウェブサ`バ デ`タベ`ス 兜指軟: ?? 匯凄ダウンロ`ド 2指朕參週: ??筝なし ダウンロ`ドなし ??筝あり 筝されたマスタのみダウンロ`ド master_deco´ master_id master_plant: master_plant aquire_exp b94d81425961a11d 7a88d507245cf67b aquire_point master_id master_decoration: collection_id category b94d81425961a11d ´ aquire_point 7a88d507245cf67b aquire_exp ´ ´ クライアントアプリ Developers Summit 2013 Action !
  • 29. Developers Summit アセット砿尖 ? ??厚仟l業が富ないため、兜指軟rにア セットサ`バからダウンロ`ド ? ??否楚が寄きいため、ユ`ザプレイM に よって兜指ダウンロ`ド楚はコントロ`ル できるように ? ??アセットg了でバ`ジョン砿尖 ? ??宥佚のタイミングでバ`ジョンチェックし、 厚仟があれば脅業アップデ`トする圭塀 ? Developers Summit 2013 Action !
  • 30. Developers Summit アセット砿尖 ? ウェブサ`バ デ`タベ`ス アセット サ`バ master_asset master_asset_bundle id : version 3120833dd2d084c08 app_version d21a2305c0e155c´ master_plant: path b94d81425961a11d7 ´ a88d507245cf67b クライアントアプリ Developers Summit 2013 Action !
  • 31. Developers Summit サ`バサイドを深える ? ??宥佚のタイミングを深える ? ? ??デ`タの砿尖圭隈を深える ? ??APIを深える ? Developers Summit 2013 Action !
  • 32. Developers Summit サ`バサイドAPI ? ウェブサ`バ デ`タベ`ス アセット サ`バ REST CDN user_plant {code:  ̄200 ̄, ^response ̄: { id ^id ̄: 1 Instance_id インタ`ネット ^user_id ̄: 12345 ^master_id ̄: 2 master_id user aquire_exp ^x ̄: 13 ^y ̄: 14 ´ user_id ^garden_id ̄: 1 } Level Level_max friend_max ´ クライアントアプリ Developers Summit 2013 Action !
  • 33. Developers Summit サ`バサイドAPI ? ??Oした宥佚タイミングでクライアント から柵ばれる ? ? ??デ`タフォ`マットはJSON ? ??クライアント箸らえやすいようにビュ` ワ`を_k ? ??インタ`フェ`ス、エラ`コ`ドはクライ アントとの価り栽わせが嶷勣 ? Developers Summit 2013 Action !
  • 34. Developers APIビュ`ワ` ? Summit APIを_Jできるビュ`ワ`を喘吭 Developers Summit 2013 Action !
  • 35. Developers Summit 勣殆室g ? ??Webと笋錣蕕覆ぜ斜gでgF辛嬬 ? ??PHP ?5.3, ?Ethna ?2.6 ? ??Web ?APIのサ`バサイドロジック ? ??Mysql ?5.5 ? ??喟Aデ`タを隠贋、マスタ/スレ`ブ、Sharding ? ??Flare ? ??喟Aデ`タで歌孚/厚仟l業の互いデ`タを隠贋 ? ??Memcached ? ?? ?匯r議なデ`タを隠贋 ? Developers Summit 2013 Action !
  • 36. Developers Summit まとめ ? ??UIフロ`に鬉犬人佚タイミングのOが 嶷勣に ? ??デ`タ砿尖圭、APIによるクライアント B亊何蛍はOの粁AでのJR栽わせが故 ? ??室g議にはウェブでのノウハウを聞ってg F辛嬬 ? Developers Summit 2013 Action !
  • 37. Developers Summit アジェンダ ? 1. ? ? ? ?サ`バサイドの_k ? ?? ウェブとネイティブの`い ? ?? 廣吭した泣、Oのポイント ? 2.? クライアントサイドの_k ? ?? グリ`におけるウェブアプリとの`い ? ?? _kスタイルについて ? ?? ちょっとした垢健泣 ? Developers Summit 2013 Action !
  • 38. Developers Summit 徭失B初紺}啼v ? 2008定4埖 Yusuke.shirakura ? 蝶ゲ`ム氏芙秘芙 @gree.net ? Mみzみ狼の_kに亊わる 2012定7埖 グリ`幄塀氏芙秘芙 クライアント?サ`バI圭毅輝 Developers Summit 2013 Action !
  • 39. Developers Summit アジェンダ ? 1. ? ? ? ?サ`バサイドの_k ? ?? ウェブとネイティブの`い ? ?? 廣吭した泣、Oのポイント ? 2.? クライアントサイドの_k ? ?? グリ`におけるウェブアプリとの`い ? ?? _kスタイルについて ? ?? ちょっとした垢健泣 ? Developers Summit 2013 Action !
  • 40. Developers Summit クライアントのアジェンダ ? * ? ?グリ`におけるウェブアプリとの`い ? ? * ? ?_kスタイルについて ? ? * ? ?ちょっとした垢健泣 ? Developers Summit 2013 Action !
  • 41. Developers Summit クライアントのアジェンダ ? * ? ?グリ`におけるウェブアプリとの`い ? ? * ? ?_kスタイルについて ? ? * ? ?ちょっとした垢健泣 ? Developers Summit 2013 Action !
  • 42. Developers Summit ウェブアプリとの`い ? ウェブアプリ ?鮫中ベ`ス ? ?1ペ`ジ1宥佚 ? ネイティブアプリ ?フロ`ベ`ス ? ?中に鬉犬人佚 ? Developers Summit 2013 Action !
  • 43. Developers Summit ウェブアプリとの`い ? 戰瓮縫紿`をxぶ 撻織佑鰡xぶ 侭をxぶ ∠タネまき頼阻 vb 宥佚 宥佚 宥佚 Developers Summit 2013 Action !
  • 44. Developers Summit ウェブアプリとの`い ? ウェブアプリ ?鮫中ベ`ス ? ?1ペ`ジ1宥佚 ? ネイティブアプリ ?フロ`ベ`ス ? ?中に鬉犬人佚 ? Developers Summit 2013 Action !
  • 45. Developers Summit ウェブアプリとの`い ? ウェブアプリ ?鮫中ベ`ス ? 宥佚と燕幣 ? ?1ペ`ジ1宥佚 ? を麼に1繁で ? ネイティブアプリ ?フロ`ベ`ス ? ?中に鬉犬人佚 ? Developers Summit 2013 Action !
  • 46. Developers Summit ウェブアプリとの`い ? ウェブアプリ ?鮫中ベ`ス ? ?1ペ`ジ1宥佚 ? ネイティブアプリ ?フロ`ベ`ス ? ?中に鬉犬人佚 ? Developers Summit 2013 Action !
  • 47. Developers Summit ウェブアプリとの`い ? 戰瓮縫紿`をxぶ 撻織佑鰡xぶ 侭をxぶ ∠タネをまく 宥佚 Developers Summit 2013 Action !
  • 48. Developers Summit ウェブアプリとの`い ? ウェブアプリ ?鮫中ベ`ス ? ?1ペ`ジ1宥佚 ? ネイティブアプリ ?フロ`ベ`ス ? ?中に鬉犬人佚 ? Developers Summit 2013 Action !
  • 49. Developers Summit ウェブアプリとの`い ? ウェブアプリ ?鮫中ベ`ス ? ?1ペ`ジ1宥佚 ? ネイティブアプリ ?フロ`ベ`ス ? 宥佚と燕幣 ? ?中に鬉犬人佚 ? で叨護蛍毅 ? Developers Summit 2013 Action !
  • 50. Developers Summit ウェブアプリとの`い ? ウェブアプリ ?鮫中ベ`ス ? 宥佚と燕幣 ? ?1ペ`ジ1宥佚 ? を麼に1繁で ? ネイティブアプリ ?フロ`ベ`ス ? 宥佚と燕幣 ? ?中に鬉犬人佚 ? で叨護蛍毅 ? Developers Summit 2013 Action !
  • 51. Developers Summit ウェブアプリとの`い ? _kh廠の`い * ?クライアントの_kにはUnityを旋喘 ? ??GREE ?Unity ?PlaXorm ? ??Lightweight ?SWFLWF ? Developers Summit 2013 Action !
  • 52. Developers Summit クライアントのアジェンダ ? * ? ?グリ`におけるウェブアプリとの`い ? ? * ? ?_kスタイルについて ? ? * ? ?ちょっとした垢健泣 ? Developers Summit 2013 Action !
  • 53. Developers Summit クライアントのアジェンダ ? * ? ?グリ`におけるウェブアプリとの`い ? ? * ? ?_kスタイルについて ? ? * ? ?ちょっとした垢健泣 ? Developers Summit 2013 Action !
  • 54. Developers Summit _kスタイルについて ? クライアントサイド * ?サ`バとのやり函りを麼に毅輝 ? ??★?バックエンド ? ? * ?ユ`ザインタ`フェ`ス、w卞の砿尖 ? ??★?フロントエンド ? Developers Summit 2013 Action !
  • 55. Developers Summit _kスタイルについて ? クライアントサイド * ?サ`バとのやり函りを麼に毅輝 ? ??★?バックエンド ? ? * ?ユ`ザインタ`フェ`ス、w卞の砿尖 ? ??★?フロントエンド ? Developers Summit 2013 Action !
  • 56. Developers Summit _kスタイルについて ? クライアントサイド * ?サ`バとのやり函りを麼に毅輝 ? ??★?バックエンド ? ? * ?インタ`フェ`ス、w卞の砿尖 ? ??★?フロントエンド ? Developers Summit 2013 Action !
  • 57. Developers Summit _kスタイルについて ? クライアントサイド * ?サ`バとのやり函りを麼に毅輝 ? ??★?バックエンド ? ? * ?インタ`フェ`ス、w卞の砿尖 ? ?? ? プロトタイプでのレビュ`吉で ? 竃た勣李によってI尖が}j晒 ? Developers Summit 2013 Action !
  • 58. Developers Summit _kスタイルについて ? インタ`フェ`スやw卞、宥佚タイミング }方繁での_k \喘でのC嬬弖紗 プロジェクトメンバ`弖紗、筝 Developers Summit 2013 Action !
  • 59. Developers Summit _kスタイルについて ? インタ`フェ`スやw卞、宥佚タイミング }方繁での_k \喘でのC嬬弖紗 プロジェクトメンバ`弖紗、筝 フロ`が委燐し叟ければ}ない Developers Summit 2013 Action !
  • 60. Developers Summit クライアントのアジェンダ ? * ? ?グリ`におけるウェブアプリとの`い ? ? * ? ?_kスタイルについて ? ? * ? ?ちょっとした垢健泣 ? Developers Summit 2013 Action !
  • 61. Developers Summit クライアントのアジェンダ ? * ? ?グリ`におけるウェブアプリとの`い ? ? * ? ?_kスタイルについて ? ? * ? ?ちょっとした垢健泣 ? Developers Summit 2013 Action !
  • 62. Developers Summit ちょっとした垢健 ? ちょっとした垢健 ? Developers Summit 2013 Action !
  • 63. Developers Summit ちょっとした垢健 ? ちょっとした垢健 ? ? ? w卞蹐肇芥`ドを徭喇撹しました ? Developers Summit 2013 Action !
  • 64. Developers Summit ちょっとした垢健 ? こんな湖じです Developers Summit 2013 Action !
  • 65. Developers Summit ちょっとした垢健 ? なぜ徭喇撹にしたか * ?ドキュメントの砿尖が中宜くさい ? ? * ?ある殻業コ`ドがy匯される ? ? * ?仟・瓮鵐乂`への縮圄がS ? Developers Summit 2013 Action !
  • 66. Developers Summit ちょとした垢健 ? 徭喇撹のために深えた並 * ?慌宥は採か ? ? * ?どこまで徭咾派撹するのか ? ? * ?どれくらいなら聞い叟いか ? Developers Summit 2013 Action !
  • 67. Developers Summit ちょっとした垢健 ? 訳周1 訳周2 I尖1 I尖2 I尖3 I尖があって訳周があってまた肝のI尖 ? 児云議な夛は匯w Developers Summit 2013 Action !
  • 68. Developers Summit ちょっとした垢健 ? 訳周1 訳周2 I尖1 I尖2 I尖3 I尖と訳周からコ`ドとw卞蹐鯢撹 ? Developers Summit 2013 Action !
  • 69. Developers Summit ちょっとした垢健 ? フォ`マットは ? YAML Start: ??Main: Main: ??Game: {when: "Press start button"} ??Done: {when: "Finish" } Game ??Main: {when: "Game Over"} Done: Developers Summit 2013 Action !
  • 70. Developers Summit ちょっとした垢健 ? Start: ??Main: {when: ^Press start button ̄} Main: ??Done: {when:  ̄Game over ̄} Done: Press Start button Game over Start Main Done Developers Summit 2013 Action !
  • 71. Developers Summit ちょっとした垢健 ? w卞蹐留輅召 ? Graphviz h+p://www.graphviz.org/ ? ? AT&T冩梢侭 ? DOTファイルを伏撹?シするツ`ル蛤 ? ? ? Developers Summit 2013 Action !
  • 72. Developers Summit ちょっとした垢健 ? w卞蹐留輅召 ? Graphviz g ?= ?GraphViz::new(BASENAME) ? ? ?nodes ?= ?{} ? ? ?data.nodes.each ?do ?| ?node ?| ? ? ? ? ?shape ?= ?"ellipse" ? ? ? ? ?shape ?= ?"box" ?if ?node.rlink.empty? ?|| ?node.link.empty? ? ? ? ? ?nodes[node.name] ?= ?g.add_nodes(node.name, ?:shape ?=> ?shape, ?:URL ?=> ?"../../") ? ? ?end ? Developers Summit 2013 Action !
  • 73. Developers Summit ちょっとした垢健 ? コンバ`タは ? Ruby ? * ?Ruby ?1.8からYAML ?Libraryが別躙 ? * ?ruby-?\graphvizも旋喘できる ? * ?C#のフォ`マットを喘吭 ? ? Developers Summit 2013 Action !
  • 74. Developers Summit Developers Summit 2013 Action !
  • 75. Developers Summit ちょっとした垢健 ? Start: ??Main: Main: ??Game: {when: "Press start button"} ??Done: {when: "Finish" } Game: ??Main: {when: "Game Over"} Done: Developers Summit 2013 Action !
  • 76. Developers Summit ちょっとした垢健 ? Start: ??Main: Main: ??Game: {when: "Press start button"} ??Done: {when: "Finish" } Game: ??Main: {when: "Game Over"} Done: このYAMLをコンバ`タにかけてみると Developers Summit 2013 Action !
  • 77. Developers Summit ちょっとした垢健 ? w卞蹐できました Developers Summit 2013 Action !
  • 78. Developers Summit ちょっとした垢健 ? C#のコ`ドができました ? Developers Summit 2013 Action !
  • 79. Developers Summit ちょっとした垢健 ? w卞蹐旅楡蹐S コ`ドがある殻業y匯 仟・瓮鵐乂`への縮圄 Developers Summit 2013 Action !
  • 80. Developers Summit クライアントサイドまとめ ? まとめ * ?_kスタイル ? ??富繁方から寄繁方へ ? ??叨護蛍毅 ? ? * ?徭喇撹 ? ??秘までの嬾謁が互い ? ??その蛍誼られるものが謹い ? Developers Summit 2013 Action !