(注) 私はこのiOSアプリを作っていません - HTML5 新たなる希望- #tritonjs

手触りの良いUIを求めて試行錯誤した結果。

Transcript

1. ஫
   ࢲ͸͜ͷJ04ΞϓϦΛ࡞͍ͬͯ·ͤΜ
   
   )5.-
   ৽ͨͳΔر๬
   
 5BLBZVLJ
   *NBJ
   
   !ୈճ
   )5.-NJOVUFT
2. ࣗݾ঺հ
3. ࠓҪو೭ ΠϚΠλΧϢΩʣ
   UXJUUFS
   !JNBJNJBNJ
   8BOUFEMZͷ8FCΤϯδχΞɻ
 Ҏલ͸1)1ɺֶੜͷࠒ͸ܶஂͯ͠·ͨ͠ɻ
 ޷͖ͳܶஂ͸zࣛࡴ͠zͱzѱ͍ࣳډzɻ
   ৄ͍͠ϓϩϑΟʔϧ
   ˠ
   IUUQTXXXXBOUFEMZDPNVTFST
   
4. ϓϩϑΟʔϧฤू
5. χϡʔεϑΟʔυ
6. -5
8. δΣενϟʔͰ஌త޷ح৺Λຬͨ͢6*69
9. ஫
   ࢲ͸͜ͷJ04ΞϓϦΛ
   ࡞͍ͬͯ·ͤΜɻ
10. ͓·͑͸
    ͳʹΛ͍ͯ͠ΔΜͩʁ
11. ΠϕϯτͰग़ձͬͨਓͱͭͳ͕ΓΛ࢒͢ɻ ࢀՃऀҰཡʹදࣔ͞Εͨਓʹ ʮͭͳ͕ΓϦΫΤετʯૹΕ·͢ɻ ΠϕϯτͰͷग़ձ͍Λେ੾ʹʂ Πϕϯτ(ϦΞϧɾ΢ΥϯςουϦʔ)޲͚ΞϓϦ
12. w $PSEPWB
    w *POJD
    'SBNFXPSL
    w "OHVMBS+4
    w "OHVMBS.BUFSJBM Cordova͸݁ہ࢖ΘͣWebͰϦϦʔε(ޙड़) ࢖ͬͨϥΠϒϥϦͱ͔
13. *POJD
    'SBNFXPSL
    ϞόΠϧΞϓϦ޲͚6*ϑϨʔϜϫʔΫɻඒ͍͠ɻ
    "OHVMBS+4ϕʔεɻ$PSEPWB࢖ͬͯ/BUJWFΞϓϦΛEFQMPZɻ
14. 0OTFO6*
    ͪͳΈʹࠃ࢈Ͱ͸0OTFO6*͕͋Δɻ
    "OHVMBS+4
    K2VFSZɻ8FCͰΞϓϦ࡞ΕΔ.POBDBͰ࢖͑Δɻ
15. $PSPEPWB
    िؒͰษڧ͠ͳ͕ΒϦϦʔεͰ͖ͳ͍͔௅ઓɻ
 ϓϥάΠϯ͕ҙ֎ͱॆ࣮ͯͯ͋͠Δఔ౓ग़དྷͨΜ͚ͩͲʜ
    
 ϓϥάΠϯ͕ݟ͚ͭ΍͍͢αΠτ
 IUUQQMVHSFHDPN Cordova͸݁ہ࢖ΘͣWebͰϦϦʔε(ޙड़)
16. ɾϓϥάΠϯ૿΍ͯ͘͠ͱϏϧυ࣌ʹ٧·ΔϙΠϯτ͕ ग़ͯ͘ΔɻJ04
    "OESPJEͦΕͧΕͰͷϊ΢ϋ΢͕ඞཁɻ

    
    ָͳಓͳͲͳ͍ͷͰ͠ΐ͏͔ɺΞϓϦͷਆ༷ $PSEPWB࢖͍·ͤΜͰͨ͠ɻ ɾ)5.-͸ϦϞʔτͰ͸ͳ͘Ϗϧυ࣌ʹϩʔΧϧʹؚΊ ͨ΋ͷΛಡΉɻ
    
    
    ͳΜͷͨΊͷ8FC7JFXͳͷ͔ɺ৹ࠪͷͨΊ࢓ํͳ͍
    
    
    ϦϞʔτͷαΠτͰ΍Δ͍͍ํ๏ڭ͍͑ͯͩ͘͞ 
    .PCJMF
    8FCͰ΍Δ͜ͱʹ͠·ͨ͠ɻ
17. ͳΔ΄Ͳ ແࢹ
18. angular/material https://github.com/angular/material ϞόΠϧͱσεΫτοϓ௨ͨ͠6*69Λ࣮ݱͰ͖Δɻ
 ͦ͏ɺ.BUFSJBM
    %FTJHOͳΒͶɻ
19. ͳΔ΄Ͳ ر๬
20. ग़དྷ·ͨ͠
21. • $ionicPopup • ion-nav-view • ion-slide-box • ion-tabs • ionRefresher http://codepen.io/ionic/public-list/ ionic frameworksͰ͸ҎԼ͋ͨΓ࢖ͬͯ·͢ɻ codepenʹσϞ͕৭ʑ͋ΔΑ
22. σϞ
 ࠓ೔ͷΠϕϯτ༻ͷ63-༻ҙ͠·ͨ͠ɻ http://s.wantedly.com/tritonjs Πϕϯτޙ΍ޙ೔ͷަྲྀͳͲʹ͓࢖͍͍ͩ͘͞ɻ ͭͳ͕ΓϦΫΤετ͓଴ͪͯ͠·͢ʂ
23. ͳΜ͔ҧ͏
24. ͜Εͱ͸ҧ͏ ΠϯλϥΫγϣϯɺ৮Γ৺஍…
25. ৽ͨͳΔر๬
26. J04Ͱ)5.-αϙʔτ͕ਐΉ • WebGL • IndexedDB • HTML Templates • ύϑΥʔϚϯεվળ • ͳͲ… ࢀߟ: http://codezine.jp/article/detail/7848 iOS 8 WKWebView
27. 'BNPVT
 %ϨΠΞ΢τɻ%0.$BOWBT8FC(-ͰϨϯμϦϯάɻ
 ௨ৗ'14Ͱඳը͢Δͱ͔ήʔϜతͳϊϦͷϑϨʔϜϫʔΫɻ
28. http://demo.famo.us/paper/ Facebook PaperͷUIΛ ࠶ݱͨ͠σϞ͕Ϋʔϧ (iPhone6ʹରԠͯ͠ͳ͍..?)
29. "OHVMBS+4ͱҰॹʹ΋
    
 ͪΐͬͱࢼͨ͠ײͩ͡ͱ
 GBNPVTͷྑ͞Λ׆͔͢ʹ͸GBNPVT͚ͩͷ΄͏͕ྑͦ͞͏ʁʁ
30. )5.-ͱڞʹ͋ΒΜ͜ͱΛ
31. એ఻
32. 8BOUFEMZΛࢧ͑ͯ͘ΕΔ
    εʔύʔΤϯδχΞืूதʂ
    IUUQTXXXXBOUFEMZDPNQSPKFDUT
33. ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ