Vue.js + TypeScript 完全ガイド
captain
Vue.jsでTypeScriptを始める方のための最高の講座。2つの実習プロジェクトで楽しく学ぶVue.js + TypeScript完全攻略。学びながらすぐに実務に適用してみてください!😄
Intermediate
Vue.js, TypeScript
TypeScript with Vue 実戦プロジェクト
タイプスクリプトを利用して一段階アップグレードされた Vue アプリケーションを開発できるよう手助けをする講座です。 Vue.js の基礎講座と ES6 または タイプスクリプトの入門者である開発者の方々にこの講座をおすすめします。
Vue.js
Vue.js
学習した受講者のレビュー
学習した受講者のレビュー
4.4
5.0
Dong Jun Kwon
57% 受講後に作成
最近ホットなvueとtypescriptについての講義がないのにたくさんの助けがありました。 ありがとうございます。
5.0
유한군
100% 受講後に作成
TypeScriptとVueを基礎だけを知っていたのですが、とても大きな助けになりました！
5.0
frontzero
100% 受講後に作成
Vueで開発をしながら、TypeScriptベースでどのように開発するのか味を見たかったのですが、良い講義があってよく聞きました。 vue 3.0がすぐに出てきて、私もTSベース（もっとTSフレンドリー？）にSPA開発をしたいですね！ ありがとうございます。 最後のTODOの例は、ルートにウォッチを付けて処理をしました。 良い方法ではありませんが…それでも好きなように動作します。 ㅠㅠ @Watch('$route') public watchRouteParam(after: any, before: any) { if (after.params.hasOwnProperty('path')) { switch(after.params.path){ case 'list-active' : this.todoData = this.$store.getters.todoActiveItem; break; case 'list-clear' : this.todoData = this.$store.getters.todoClearItem; break; } }else{ this.todoData = this.$store.getters.todoItem; } }
受講後に得られること
Vue.jsとTypescriptを利用してウェブアプリケーションを開発できる。
TypeScriptを使用して、一段階アップグレードされたVueアプリケーションを開発するのに役立つコースです。
Vue.jsの基礎講座やES6またはTypeScriptの入門者である開発者の方にこの講座をお勧めします。
最近、GoogleのAngularでタイプスクリプトを公式言語で指定するほどタイプスクリプトの位相が高くなっていくが、
まだランニングカーブのために導入を嫌がる方が多いです。
このコースでは、なぜタイプスクリプトを選択する必要があるのか、果たして私のプロジェクトにタイプスクリプトを導入するのが正しいかを選択するのに役立ちます。また、このコースでは、Vue.jsアプリケーションでTypeScriptスタイルで開発する方法を学ぶことができます。
このコースは主に4つのテーマで構成されています。
1. Typescript選択ガイド
2. Class-based コンポーネントの作成
3. Typescriptを使ってVuexを設計する
4. 実戦プロジェクト (Todo-list)
こんな方に
おすすめです
学習対象は
誰でしょう？
Vue.js に TypeScript を使用しようとする開発者
Vue.js のプロジェクトを長期間メンテナンスする実務者
Vue.js で大規模なプロジェクト開発を手がけたい実務者
前提知識、
必要でしょうか？
ES6の文法を知っていたり、TypeScript初級
Vue.js 初級
JavaScriptでフロントエンドもバックエンドも開発するJavaScriptエンジニアです。😎
開発に関する質問はいつでも大歓迎ですので、お気軽にメールでご連絡ください！
📌blog : https://seongdohee.github.io/
📌email : seong0420hei@gmail.com
カリキュラム
全体
21件 ∙ (3時間 41分)
1. オリエンテーション
02:36
6. @Prop でデータを渡す
08:50
7. @Watchでデータの変化を検知する
07:33
8. @Emitでイベントを伝達する
06:28
10. @Model の使い方
10:38
11. Mixinsの活用方法
07:27
講座掲載日:
最終更新日:
受講レビュー
全体
34件
4.4
34件の受講レビュー
7h5j7h8040受講レビュー 2
∙
平均評価 3.0
mayajuni受講レビュー 1
∙
平均評価 5.0
- jellive78265
受講レビュー 1
∙
平均評価 5.0
- zerofront
受講レビュー 5
∙
平均評価 4.6
5
100% 受講後に作成Vueで開発をしながら、TypeScriptベースでどのように開発するのか味を見たかったのですが、良い講義があってよく聞きました。 vue 3.0がすぐに出てきて、私もTSベース（もっとTSフレンドリー？）にSPA開発をしたいですね！ ありがとうございます。 最後のTODOの例は、ルートにウォッチを付けて処理をしました。 良い方法ではありませんが…それでも好きなように動作します。 ㅠㅠ @Watch('$route') public watchRouteParam(after: any, before: any) { if (after.params.hasOwnProperty('path')) { switch(after.params.path){ case 'list-active' : this.todoData = this.$store.getters.todoActiveItem; break; case 'list-clear' : this.todoData = this.$store.getters.todoClearItem; break; } }else{ this.todoData = this.$store.getters.todoItem; } }
- changmyeongbaek8476
受講レビュー 1
∙
平均評価 5.0
似ている講座
同じ分野の他の講座を見てみましょう！
![[最新]Vue川の終わりの王：Nuxt 3完璧マスターCourse Thumbnail](https://cdn.inflearn.com/public/courses/333042/cover/654fc01a-31c1-4138-addf-69527cae68bc/333042.png?f=avif&w=420)
![企画者様 この程度ウェブ開発は学んでみてはいかがでしょうか？ [理論+実習]Course Thumbnail](https://cdn.inflearn.com/public/courses/333579/cover/5bfdb903-721c-4e32-803b-ed0d4cfc28b7/333579.png?f=avif&w=420)
