2013/02/15 デブサミ2013【15-C-2】グリーにおけるスマホアプリ開発~HTML5編 #devsumiC

Developers Summit 2013 Action! http://event.shoeisha.jp/detail/1/ <講演概要> HTML5でのスマホアプリ開発の実践的なノウハウをご紹介させて頂きます。 続きを読む
0
小泉勝志郎 @koi_zoom1

#devsumi #devsumiC 一番前でもスライドの字の大きさがつらいw

2013-02-15 11:22:10
はろ @hidenorly

#devsumiC 通常のWebAppだと、front end/backendの両方を一気通関で見ていたのを分業したためだと思われる。

2013-02-15 11:22:21
鎌玉 大 @kamatamadai

#devsumiC フロントエンド実装の課題>テンプレート化を考慮しない実装。テンプレート化作業のブロッキング、手戻り(HTMLが完成するまでテンプレート化できない。デザイン変更によるHTML変更で再度埋め込みが必要)。テンプレートタグの組み込む漏れ

2013-02-15 11:22:57
はろ @hidenorly

#devsumiC フロントエンドに関しては、デザイン<->フロントエンド実装者との間でも同様の話があった、とのこと(かみくだき)

2013-02-15 11:23:45
鎌玉 大 @kamatamadai

#devsumiC マークアップの意図を理解しないと、置き換えが必要か気づけない

2013-02-15 11:23:51
komacchi @komacchi

フロントエンド専任チーム。フロントとバックエンドの開発の課題 #devsumi #devsumiC

2013-02-15 11:24:06
鎌玉 大 @kamatamadai

#devsumiC 対策>ガイドライン策定>テンプレートによる置き換えを想定とした実装、デザインはCSSで…

2013-02-15 11:24:43
小泉勝志郎 @koi_zoom1

#devsumi #devsumiC 反田さん:フロントエンド実装の課題。テンプレート化を 考慮しない実装、テンプレート化のブロッキング・手戻り、テンプレートタグの組み込み漏れ→テンプレートへの置き換えを想定して実装し、パラメータ箇所はハードコーディングせずにHTMLへ

2013-02-15 11:25:39
はろ @hidenorly

#devsumiC Smarty互換のJS template engine "jSmart"を使って、htmlではなく、テンプレートを直接マークアップ。クライアント・サーバー間でテンプレートを共有化。

2013-02-15 11:25:42
鎌玉 大 @kamatamadai

#devsumiC smarty互換のJavaScriptテンプレートエンジンjSmartを導入。HTMLではなく、テンプレートを直接マークアップ。クラサバ間でテンプレート共有化。開発時はモックデータで確認

2013-02-15 11:26:13
はろ @hidenorly

#devsumiC フロントエンド開発時は、モックデータで開発した。ローカルの対抗サーバー(モックサーバー)とかはしなかったようだ。

2013-02-15 11:26:33
Engineer @shirara1

Smarty互換のJSのテンプレートエンジンjSmart →サーバーサイドとクライアントサイドでテンプレートを共有できる #devsumiC 15-C-2

2013-02-15 11:26:39
おおそね @dr_paradi

テンプレートによる置き換えを想定して実装する。 Smarty互換のjavaScriptテンプレートエンジン「jSmart」を導入! #devsumi #devsumiC

2013-02-15 11:26:44
IIJIMAS @IIJIMAS

SmartyはPHPのテンプレートエンジンかー #devsumiC

2013-02-15 11:26:56
鎌玉 大 @kamatamadai

#devsumiC テンプレートの共有化実例:ダミーのJSONをjSmartに食わす

2013-02-15 11:27:16
はろ @hidenorly

#devsumiC Smarty on Server, jSmart on JS (Client). 同じtemplateを使えるようになって、分業が円滑化した。TDD by Pseudo codeに近い物がありますね。

2013-02-15 11:27:52
小泉勝志郎 @koi_zoom1

#devsumi #devsumiC 反田さん:フロントエンド専任チームによりバックエンドが並行できるようになった。結合部のインターフェースが明確になった。テンプレート化することによって効率的に開発できるようになった

2013-02-15 11:28:21
鎌玉 大 @kamatamadai

#devsumiC 改善された点>バックエンド開発が並行に。結合部のインターフェースが明確に。テンプレート化することで、より効率的な実装に

2013-02-15 11:28:36
はろ @hidenorly

#devsumiC 共通部分はinclude. 画像URLはSmarty plug-inで生成で、透過性(クライアント、サーバー)を実現。

2013-02-15 11:28:43
komacchi @komacchi

smarty互換のjsテンプレートエンジン「jSmart」を採用することでテンプレ化→デザイン変更などのフロント実装の手戻りがなくなってバックエンドの並行開発できるようになった #devsumi #devsumiC

2013-02-15 11:29:18
はろ @hidenorly

#devsumiC audio tagで再生する場合には同時再生数に制限がある。

2013-02-15 11:29:18
IIJIMAS @IIJIMAS

<audio>でできることには制限がある #devsumiC

2013-02-15 11:29:31
はろ @hidenorly

#devsumiC 同時ポリフォニー数の制限は、ゲームにとっては結構致命的。なので、アプリ側で、その制限の解消を行った、

2013-02-15 11:29:59
🐊𝕏 @alligator_tama

<audio>タグによる同時再生が出来ない。->アプリ組込み #devsumiC

2013-02-15 11:30:35