Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

1bacc16e3879ad4f5f1c923c60dc32f5?s=47 Takayuki Imai
October 20, 2014

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

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

1bacc16e3879ad4f5f1c923c60dc32f5?s=128

Takayuki Imai

October 20, 2014
Tweet

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

  7. None
  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ͳͷ͔ɺ৹ࠪͷͨΊ࢓ํͳ͍  ϦϞʔτͷαΠτͰ΍Δ͍͍ํ๏ڭ͍͑ͯͩ͘͞

    .PCJMF8FCͰ΍Δ͜ͱʹ͠·ͨ͠ɻ
  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. ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ