第2回SenchaUG＠東京

Transcript

1. WordPress  ×  Sencha  Touch 株式会社ゼノフィ 　⽥田中裕也（@tnker）

2. 前回

3. 前回 Sencha  SDK  Tool  の取扱説明書  とかやりました http://p.tl/xsC9

4. 今回

5. 今回 実際、SenchaTouch使って何できんの？

6. 今回 ということで、タイトル通りWordPressから データ引っ張ってきて、MVC使って(?)ビュワー 作ってみる

7. 下準備

8. 下準備 WordPress側のfunctions.phpに少し細⼯工します global  $wp; $wp  -‐‑‒>  add_̲query_̲var('json'); function  json_̲format($wp) {

   if  (get_̲query_̲var('json')  !=  'true')  return; global  $posts; header('Content-‐‑‒Type:  application/json'); echo  json_̲encode($posts); exit; } add_̲action('wp','json_̲format'); WP側の説明は省省略略します やってることは、ブログのURIにGETパラメータでjson付けてあげると json返すようにしているだけです

9. 下準備 http://tnker.com/?json=true こんな感じでアクセスするとJSON返します -‐‑‒-‐‑‒-‐‑‒-‐‑‒-‐‑‒-‐‑‒-‐‑‒-‐‑‒-‐‑‒-‐‑‒-‐‑‒-‐‑‒-‐‑‒下準備終わり-‐‑‒-‐‑‒-‐‑‒-‐‑‒-‐‑‒-‐‑‒-‐‑‒-‐‑‒-‐‑‒-‐‑‒-‐‑‒-‐‑‒

10. 作る (間に合わなかったらごめんなさい)

11. プロジェクト作る Sencha  generate  app  SenchaUG  ../002_̲live Sencha  generate  app  SenchaUG

     {path} 細かい部分は前回資料料参照          http://p.tl/xsC9

12. 必要なファイルを作る resources/css/style.css  (本来はSASSでやるけど、取り急ぎ) data/data.json  (とりあえず今回使う固定データ)

13. 必要なファイルを作る MVC app/model/Article.js app/store/Articles.js MVC app/view/Main.js app/view/List.js app/view/Detail.js MVC app/controller/Article.js

14. 作る そして書く (間に合わなかったらごめんなさい)

15. 最後に

16. 最後に まだまだSenchaの実例例は少ないです。 実案件でなくても、「こんなのやってみた」みたいな スタンスでも全然いいので、⾊色々（プラグインとかで も）作ってみることが⼤大事なのかなと思います。

17. 以上、ご清聴ありがとうございました