iOS でポエムをつづろう！

[Conference With Developers 2](http://confwd2.peatix.com)
LT 発表資料

Transcript

1. 2014-02-01 Conference With Developers 2
   iOS ͰϙΤϜΛͭͮΖ͏ʂ
   ւ࿝୔ ૱ (@satococoa) Yokohama.rb / RubyMotion JP / P4D
   

   View Slide

2. ΞδΣϯμ
   ✤ ϙΤϜͱ͸!
   ✤ ωΠςΟϒͱ Web ͱͷڱؒʹͯͷᷤ౻!
   ✤ ͜͜Ζ͕͚!
   ✤ RESTful ͳઃܭʹର͢ΔಌΕ
   

   View Slide

3. ϙΤϜͱ͸
   bit.ly/inu-poem
   

   View Slide

4. ωΠςΟϒͱ Web ͷڱؒʹͯͷᷤ౻
   ✤ ϙΤϜ͸ Web ΞϓϦ!
   ✤ ϋΠϒϦου vs ϑϧωΠςΟϒ!
   ✤ ҆қʹϋΠϒϦουΛબͿͱٽ͘ (Web ԰͋Δ͋Δ)
   

   View Slide

5. ϙΤϜΞϓϦʹཉ͍͠΋ͷ
   ✤ ϙΤϜͷొ࿥ɾߋ৽ΛωΠςΟϒ UI Ͱ!
   ✤ ௨஌͸ HBFav2 Έ͍ͨͳ੩͔ͳ Push ͕ཉ͍͠!
   ✤ ͔Θ͍Β͠͞
   

   View Slide

6. ϙΤϜ։ൃνʔϜ
   ✤ Ruby ਥ × ਺໊ + σβΠφ × 1໊ + iOS × 1 ໊!
   ✤ ΍ͨΒ։ൃૣ͍ɻUI ͪΐͪ͘ΐ͘มΘΔɻ!
   ✤ ·ͩϦϦʔε͔Β͕࣌ؒܦ͍ͬͯͳ͍ɻ
   

   View Slide

7. ΑΖ͍͠ɺͳΒ͹ϋΠϒϦουͩ
   ✤ ཉ͍͠ػೳ͸͋·ΓෳࡶͰ͸ͳ͍!
   ✤ WebView Λ૊ΈࠐΉํ͕νʔϜͷྗΛ׆͔ͤΔ!
   ✤ JavaScript ʹۤखҙࣝ͸ͳ͍
   

   View Slide

8. ͜͜Ζ͕͚
   ✤ Web ͷ։ൃͷअຐʹͳΒͳ͍Α͏ʹ͢Δ!
   ✤ ϋΠϒϦουʹىҼ͢Δෳࡶ͕͞ҰఆൣғΛӽ͑ͨΒ
   ϑϧωΠςΟϒʹ͢Δ!
   ✤ ߦّͷྑ͍ઃܭΛߦ͏
   

   View Slide

9. ྫʣωΠςΟϒ౤ߘػೳ
   1. JavaScript ͰϦϯΫλοϓ࣌ͷಈ࡞Λॻ͖׵͑!
   1. data-native-screen ଐੑͷ͍ͭͨϦϯΫΛ୳͢!
   2. JavaScript ͰϫϯλΠϜτʔΫϯΛऔಘ

   (ߋ৽ͷ৔߹͸ݱࡏͷ౤ߘ಺༰΋)!
   3. औಘͨ͠৘ใΛωΠςΟϒଆʹड͚౉͢!
   2. ͋ͱ͸ωΠςΟϒͰΑΖ͘͠΍Δ
   

   View Slide

10. RESTful ͳઃܭ΁ͷಌΕ
    Method! Path Action
    GET /posts index
    POST /posts create
    GET /posts/:id show
    PATCH / PUT /posts/:id update
    DELETE /posts/:id destroy
    

    View Slide

11. RESTful ͳઃܭ΁ͷಌΕ
    Method! Path Action
    GET /posts index
    GET /posts/new new
    POST /posts create
    GET /posts/:id show
    GET /posts/:id/edit edit
    PATCH / PUT /posts/:id update
    DELETE /posts/:id destroy
    

    View Slide

12. JavaScript Injection!!
    webViewDidFinishLoad: ͔Β
    native_injection.js ൈਮ
    

    View Slide

13. ωΠςΟϒ΁ͷ৘ใͷड͚౉͠
    native_injection.js ൈਮ
    URL Scheme ࢖ͬͯ!
    json Λ౉͢
    

    View Slide

14. ड͚औΖ͏
    app_delegate.rb ൈਮ
    

    View Slide

15. “ݴ͍͍ͨ͜ͱ΋ݴ͑ͳ͍!
    ͜Μͳιʔγϟϧ͡Ό”
    – ϙΤϜ
    

    View Slide

16. ࣗݾ঺հ
    ✤ ւ࿝୔ ૱ (@satococoa)!
    ✤ http://satococoa.github.io/!
    ✤ Yokohama.rb, RubyMotion JP, P4D!
    ✤ RubyMotion, Ruby on Rails, Objective-C!
    ✤ גࣜձࣾΠάχε (࠾༻ͯ͠ΔΑʂhttp://1923.co.jp/)
    ߋ৽ࢭ·ͬͯ·͕͢…
    

    View Slide