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

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

E5a02561663444015156f99bc38e153f?s=47 ctyo
October 06, 2018

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

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

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

E5a02561663444015156f99bc38e153f?s=128

ctyo

October 06, 2018
Tweet

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͕ ೝࣝͯ͘͠Εͣʹຖճ࠶ىಈ͍ͯ͠Δɻ •  ͩΕ͔ॿ͚ͯ><