inflearn logo
知識共有
inflearn logo

TypeScript with Vue 実戦プロジェクト

タイプスクリプトを利用して一段階アップグレードされた Vue アプリケーションを開発できるよう手助けをする講座です。 Vue.js の基礎講座と ES6 または タイプスクリプトの入門者である開発者の方々にこの講座をおすすめします。

難易度 中級以上

受講期間 無制限

Vue.js
Vue.js
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 初級

こんにちは
seong0420hei7159です。

JavaScriptでフロントエンドもバックエンドも開発するJavaScriptエンジニアです。😎
開発に関する質問はいつでも大歓迎ですので、お気軽にメールでご連絡ください!

📌blog : https://seongdohee.github.io/
📌email : seong0420hei@gmail.com

もっと見る

カリキュラム

全体

21件 ∙ (3時間 41分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

34件

4.4

34件の受講レビュー

  • zerofront님의 프로필 이미지
    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님의 프로필 이미지
      changmyeongbaek8476

      受講レビュー 1

      ∙

      平均評価 5.0

      5

      90% 受講後に作成

      最近見たVue.js講義の中で最も役に立ちました!

      • jellive78265님의 프로필 이미지
        jellive78265

        受講レビュー 1

        ∙

        平均評価 5.0

        5

        100% 受講後に作成

        TypeScriptとVueを基礎だけを知っていたのですが、とても大きな助けになりました!

        • mayajuni님의 프로필 이미지
          mayajuni

          受講レビュー 1

          ∙

          平均評価 5.0

          5

          57% 受講後に作成

          最近ホットなvueとtypescriptについての講義がないのにたくさんの助けがありました。 ありがとうございます。

          • 7h5j7h8040님의 프로필 이미지
            7h5j7h8040

            受講レビュー 2

            ∙

            平均評価 3.0

            4

            5% 受講後に作成

            いいですが、声が小さすぎてボリュームを最大にしてもうまくいきません。 講義はとても良いです

            似ている講座

            同じ分野の他の講座を見てみましょう!

            公開していない講座のため、受講が制限されます。