2013/02/15 デブサミ2013【15-C-2】グリーにおけるスマホアプリ開発~HTML5編 #devsumiC
- natsu_nanana
- 1687
- 0
- 0
- 0
#devsumiC 通常のWebAppだと、front end/backendの両方を一気通関で見ていたのを分業したためだと思われる。
2013-02-15 11:22:21#devsumiC フロントエンド実装の課題>テンプレート化を考慮しない実装。テンプレート化作業のブロッキング、手戻り(HTMLが完成するまでテンプレート化できない。デザイン変更によるHTML変更で再度埋め込みが必要)。テンプレートタグの組み込む漏れ
2013-02-15 11:22:57#devsumi #devsumiC 反田さん:フロントエンド実装の課題。テンプレート化を 考慮しない実装、テンプレート化のブロッキング・手戻り、テンプレートタグの組み込み漏れ→テンプレートへの置き換えを想定して実装し、パラメータ箇所はハードコーディングせずにHTMLへ
2013-02-15 11:25:39#devsumiC Smarty互換のJS template engine "jSmart"を使って、htmlではなく、テンプレートを直接マークアップ。クライアント・サーバー間でテンプレートを共有化。
2013-02-15 11:25:42#devsumiC smarty互換のJavaScriptテンプレートエンジンjSmartを導入。HTMLではなく、テンプレートを直接マークアップ。クラサバ間でテンプレート共有化。開発時はモックデータで確認
2013-02-15 11:26:13#devsumiC フロントエンド開発時は、モックデータで開発した。ローカルの対抗サーバー(モックサーバー)とかはしなかったようだ。
2013-02-15 11:26:33Smarty互換のJSのテンプレートエンジンjSmart →サーバーサイドとクライアントサイドでテンプレートを共有できる #devsumiC 15-C-2
2013-02-15 11:26:39テンプレートによる置き換えを想定して実装する。 Smarty互換のjavaScriptテンプレートエンジン「jSmart」を導入! #devsumi #devsumiC
2013-02-15 11:26:44#devsumiC Smarty on Server, jSmart on JS (Client). 同じtemplateを使えるようになって、分業が円滑化した。TDD by Pseudo codeに近い物がありますね。
2013-02-15 11:27:52#devsumi #devsumiC 反田さん:フロントエンド専任チームによりバックエンドが並行できるようになった。結合部のインターフェースが明確になった。テンプレート化することによって効率的に開発できるようになった
2013-02-15 11:28:21#devsumiC 改善された点>バックエンド開発が並行に。結合部のインターフェースが明確に。テンプレート化することで、より効率的な実装に
2013-02-15 11:28:36#devsumiC 共通部分はinclude. 画像URLはSmarty plug-inで生成で、透過性(クライアント、サーバー)を実現。
2013-02-15 11:28:43smarty互換のjsテンプレートエンジン「jSmart」を採用することでテンプレ化→デザイン変更などのフロント実装の手戻りがなくなってバックエンドの並行開発できるようになった #devsumi #devsumiC
2013-02-15 11:29:18