ionicで クロスプラットフォーム開発 ことはじめ / ionic, bootstrap dev

ionicを何回か触ってみて、気軽さを感じたので広めるデックです。
資料内リンク
「HTML5プロダクトの裏側事情」 Ionic Meetup Nagoya #1 に参加して
: https://bit.ly/2Q08BRS

デモ動画 : https://twitter.com/c_tyo/status/1039165065776193537

Transcript

1. ionicͰ ΫϩεϓϥοτϑΥʔϜ։ൃ ͜ͱ͸͡Ί
   @c_tyo
   
2. about
   Twitter : @c_tyo ໊ݹ԰సۈ 2೥໨ PHP, node, JS͕ϝΠϯ ࣗసंɾཱྀ޷͖ϓϩάϥϚ
   
3. ͖͔͚ͬ
   4݄͝Ζʹ໊ӺͰษڧձ͕͋ͬͨɻ
   Ionic Meetup Nagoya #1 ʹࢀՃͯ͠ •  https://bit.ly/2Q08BRS PWAؔ࿈ͷษڧձ͔ͳ? ͱצҧ͍ͯ͠ࢀՃͨ͠ɺ͕͓΋͠Ζͦ͏ͩͬͨ
4. ionic͸Կ?
   Ҿ༻ : https://code.tutsplus.com/tutorials/ionic-from-scratch-what-is-ionic--cms-29323
   
5. ͸͡Ί͔ͨ
   $ npm i -g ionic cordova $ ionic start ΞϓϦέʔγϣϯ໊ # ର࿩ࣜͰ͍Ζ͍Ζฉ͔ΕΔ $ ionic serve # ϒϥ΢βͰΞϓϦ͕ಈ͘ $ ionic build {ios/android} # XCode, AndroidStudioͰϏϧυ͢Δͱಈ͘
6. ࡞ͬͯΈͨ΋ͷ
   ಈը
   : https://twitter.com/c_tyo/status/1039165065776193537
7. ࡞ͬͯΈͨ΋ͷ
   ಈը
   : https://twitter.com/c_tyo/status/1039165065776193537 σϞ
   
8. ͭͬͯ͘Έͯ
   Α͔ͬͨ •  Web΋Ұॹʹ࡞ΕΔ – ϋʔυϧ͕Ҿ͍͘ঢ়ଶͰଞਓʹݟͤΒΕΔ •  ࢼߦࡨޡ͕Ͱ͖Δ – ը໘൓ө͕ૣ͍ͷͰɺ͙͢ಈ͔ͤΔ ͭΒ͔ͬͨ •  ݹΊͷ৘ใ͕ωοτʹམͪͯͯӏವΈʹ ͢ΔͱϋϚΔؾ͕͢Δɻ(PHPΈ͕͋Δ
9. ײ૝
   •  Web։ൃऀతʹϞόΠϧ։ൃͷҰ൪ͷωο ΫͳϏϧυ଴͕ͪগͳ͍ – ࢼߦࡨޡΛ͢͹΍͘͢Δͷ͕Ұ൪ָ͍͠ؾ͕ ͢ΔͷͰɺࠓ೥͸ionicͰ༡ͼ͍ͨ •  ҰॹʹionicͰ༡ͼ·ͤΜ͔?
10. EOP
    
11. τϨϯυൺֱͰѱ͘ͳ͍ͷͰ͸?
    
12. ࠔ͍ͬͯΔ͜ͱ
    • 
    - ৽͍͠ϞδϡʔϧΛ࡞ͬͯ΋VSCode͕ ೝࣝͯ͘͠Εͣʹຖճ࠶ىಈ͍ͯ͠Δɻ •  ͩΕ͔ॿ͚ͯ><