Our Track to Modern Angular #2
- 1. Our track to Modern Angular #2 Classi Angular Night #3 Yuta Shimizu @pachirel
- 2. 自己紹介 Yuta Shimizu @pachirel Software Engineer @ ? AngularJS / Angular / Node.js / TypeScript ? Ruby on Rails / AWS etc. ? Hobby: Splatoon, Board games ? Challenge: Triathlon ? Community: Kawasaki.rb
- 5. SORACOM がお届けする IoT 最新事例 / 技術 / ソリューション 1 Day カンファレンス https://discovery2019.soracom.jp 7/2(火) 9:00 ～ 19:00 グランドプリンスホテル新高輪?国際館パミール 参加登録 受付中！
- 7. リリース当時の構成 ? Angular 1.2 ? pure JS ? bootstrap ? Bower でパッケージ管理 ? Grunt でビルド＆デプロイスクリプトを作成 ? CircleCI
- 8. 2016年9月 Angular 2 がリリースされる ? AngularJS 使いやすいし、Angular 2 にもゆくゆ く移行したいな? ? Angular CLI 使いやすそうだな? ? 移行したい！！！！
- 9. どうにかこうにかして 詳しくは 察してください ng-japan の LTスライドをみて ね
- 10. 現在の構成 ? AngularJS / Angular 7.2 のハイブリッド ? Typescript 3.2.4 ? Bootstrap / Angular Material ? Gulp / webpack / npm ? Cypress + AWS CodeBuild + Jenkins
- 11. 今日の本题
- 14. Angular 8.0 の新機能 $location Support https://blog.angularindepth.com/embrace-yourself-angular- 8-is-coming-1bf187c8f0bf
- 15. ありがたい
- 16. 2019/4/23 に PR されていた！ https://github.com/angular/angular/pull/30
- 17. AngularJS と Angular の橋渡しをしてくれる https://blog.angularindepth.com/embrace-yourself-angular- 8-is-coming-1bf187c8f0bf
- 19. ありがたい
- 20. 利用までのステップざっくりまとめると ? LocationUpgradeModule を Angular に設定 ? Angular の $locationShim service を Downgrade して AngularJS にロードする ? AngularJS の $location から Angular の $locationShim に差し替える ? AngularJS の app.route.js を Angular の Router に移植する必要があるのかな？既存の route は どうなるんだろう？
- 21. 現在の構成 ? AngularJS / Angular 7.x のハイブリッド ? Typescript 3.x ? Bootstrap / Angular Material ? Gulp / webpack / npm ? Cypress + AWS CodeBuild + Jenkins
- 22. さっそくアップグレードだ！
- 23. 突然の jQuery !!!!
- 24. どうにかこうにかして Upgrade できました ? 詳しくは 察してください
- 25. だいたいは自分の書いたコードがおかしいんだ ? 以前から jQuery の読み込み順が間違ってた ? 今までは（偶然）動いてたから気づかなかった ? Hybrid App をお手製の webpack 設定でビルドして、 お手製の index.html で読み込んでいるのが悪い ? 早く @angular/cli のレール乗りたいという気持ち ? 「ワタシ Angular チョット デキル」と思えたら 挑戦 → 返り討ちにされるのを繰り返している
- 26. というわけで、現在の構成 ? AngularJS / Angular 8 のハイブリッド ? Typescript 3.4.5 ? Bootstrap / Angular Material ? Gulp / webpack / npm ? Cypress + AWS CodeBuild + Jenkins
- 27. あれ、今日の本题…
- 28. 利用までのステップざっくりまとめると ? LocationUpgradeModule を Angular に設定 ? Angular の $locationShim service を Downgrade して AngularJS にロードする ? AngularJS の $location から Angular の $locationShim に差し替える ? AngularJS の app.route.js を Angular の Router に移植する必要があるのかな？どうなるんだろ う？
- 30. 无事动きました！！
- 32. 今後の予定 ? 2020 年中に Angular への完全移行が目標です！ ? Angular (frontend) をもっと学びたいので、懇親会 などで声をかけていただけたら嬉しいです。
- 33. ご清聴ありがとうございました