강의

멘토링

커뮤니티

BEST
Programming

/

Full-stack

Vue.js - DjangoインターロックWebプログラミング

Vue.jsとDjangoフレームワークを使用してWebプログラミングを行うことができます。

難易度 初級

受講期間 無制限

Vue.js
Vue.js
Django
Django
Vue.js
Vue.js
Django
Django

学習した受講者のレビュー

学習した受講者のレビュー

4.7

5.0

김동혁

100% 受講後に作成

利点。 1. 実際の専門家がどのように海外公式文書を読んで見るかを知ることができる (見方を教えてくれます。) 2. ジャンゴは小中級だと書いてありましたが、かなり難易度が高い 単にListView、TemplateViewを書くのではなく、継承する親Viewクラスのドキュメントを見て活用する。 この講座を見ると、ジャンゴクラスビューについてたくさん感覚をつかむことができる。 3. 実際の現業で開発する方法について知ることができる サーバー(ジャンゴ)/クライアント(ビューJS)をそれぞれ実装し、 サーバーとクライアント間のデータ転送(JSON方式)について完全に理解できます 欠点 なし。 推奨評価 ジャンゴ基礎講義を聞いた方がこの講義をぜひ聞いてみなければならない。

5.0

br

91% 受講後に作成

とても満足しています。 よく聞きました。もう一周しなければなりません。 初級が聞くには少し無理が​​あるかもしれませんが、 API連携によるフロントバックエンド分離アプローチは非常に有益でした。 実はこういう講座を見つけたのに他の場所ではなかったようです。

5.0

정발산

100% 受講後に作成

ジャンゴを勉強していた車にフロントエンドフレームワークを学びたいという考えがありましたが、この講義を探して本当に幸いです。 かつて百科vueをつなぐ部分が切実になりましたが、この講義を通じてある程度基盤をつかみました。 個人的にvueは全く分からないとしても、ジャンゴをある程度勉強し、htmlの基本的な構造を知っていれば講義を見るのに問題はないと思います。

受講後に得られること

  • Vue.jsとDjangoの連動

  • ToDoアプリ開発

  • クライアントとサーバーのレンダリングの違い

  • CSRFトークン処理

  • BootstrapとFontAwesomeを活用したWebデザイン

  • axiosによるデータ処理

Vue 3.x と Django 5.x の最新のソースを提供します。

バージョン違いによる現行化ガイド映像アップロードしました。 (セクション-0)

Vue.js - DjangoインターロックWebプログラミング

Webプログラミングはさまざまな言語とフレームワークで行うことができます。

その中で、フロントエンドに最適化されたVue.js、バックエンドに最適化されたDjangoフレームワークを活用すれば、最適な組み合わせで効率的にWebプログラミングができる。どちらも簡単で速いというメリットがあるからだ。

本講座では、Vue.jsの中高級機能であるVue Router、Vuexを使用せず、またDjangoの中高級パッケージであるDjango Rest Frameworkを使用せずに、Vue.js - Django間でJSON連動方式で todoアプリケーションを開発する過程を紹介する。


この過程で、Client RenderingとServer Renderingの長所と短所がわかり、Djangoのクラス型ビューを深く理解できるボーナス効果もある。

普通のシングルページアプリケーション連動方式に比べ、本講義のメリットです。

  • Vue-Django連動方式でありながら、VueRouter/Vuex/DRFを使用する必要はありません。
  • Vue-Django連動方式ながらも、DjangoのAdmin機能をそのまま使用します。
  • DjangoをAPIサーバーだけで使用するのではなく、テンプレート処理も同時に可能です。

学習目標

  • Vue.jsとDjangoフレームワークを使用してWebプログラミングを行うことができます。

役に立つ方

  • DjangoプロジェクトでVue.jsコードを使用したい開発者
  • Vue.jsは知っていますが、Djangoをさらに学びたい開発者
  • Djangoクラス型ビューをもう少し活用したい開発者
  • Vue axios、Django JsonResponseの機能を学習したい開発者

注意事項
  • Vue.jsとDjangoの講義内容の割合は約3:7です。
  • 講義ビデオはVue 2.x / Django 2.xバージョンですが、Vue 3.x / Django 5.xソースを提供し、講義の範囲では2つのバージョン間の違いはほとんどありません。
  • Vue.jsはVSCode、DjangoはPyCharm開発ツールを使用しています。
先行知識
  • Vue.js(入門):v-if、v-forなどのdirectiveを使用できるレベル
  • Django(初級):Djangoチュートリアルを理解できるレベル

こんな方に
おすすめです

学習対象は
誰でしょう?

  • Web開発初心者

  • フロントエンドとバックエンドの統合開発を学びたい人

  • 実際のプロジェクトを通して実践したい人

  • Vue.jsとDjangoを活用したWebアプリケーション開発に興味のある人

こんにちは
です。

2,104

受講生

154

受講レビュー

224

回答

4.6

講座評価

5

講座

プログラム開発はC言語から始まり、Javaを経て、最近では主にPythonを使用している。
KT ucloudサービスのバックエンドサーバー開発プロジェクトに参加し、Javaで顧客のフォルダ/ファイルに対するメタ情報処理エンジンを、Pythonでクライアントプッシュサービスを開発した。

また、KTインターネット回線の速度測定プログラム、ネットワーク機器の運用管理プログラム、膨大な量のトラフィックデータ分析プログラムを開発した経歴がある。個人的にはPythonの魅力に惹かれ、できるだけPythonでコーディングすることを楽しんでいる。

その一環として、最近はDjangoを活用したウェブプログラミング、Django Rest Frameworkを活用したJSON連動、Pandasを活用したデータ分析、Scikit-learn/Tensorflow/ChatGPTを活用したAIソリューション開発などのプロジェクトを開発しながら、Pythonの活用範囲を広げている。

< 著書 >

1. Djangoで学ぶPython Webプログラミング(初版、ハンビッメディア、2015.4月)
2. Djangoを活用したPython Webプログラミング - 実戦編(初版、ハンビッメディア、2016.7月)
3. Djangoで学ぶPython Webプログラミング(改訂版、ハンビッメディア、2018.8月)
4. Djangoを活用したPython Webプログラミング - 実戦編(改訂版、ハンビッメディア、2019.11月)
5. Djangoで学ぶPython Webプログラミング(第3版、ハンビッメディア、2022.11月)

< 動画講義 >

1. Vue.js - Django 連携ウェブプログラミング (Inflearn 動画、2019.4月)
2. Vue.js - Django 連携ウェブプログラミング - 実践編 (Inflearn 動画、2020.9月)
3. Vue - Django - Bootstrap パパッと作るブログ (Inflearn 動画、2021. 9月)
4. Django REST framework 核心事項 (Inflearn 動画、2022.2月)
5. AI Web Programming (Inflearn 動画、2024.2月)

カリキュラム

全体

37件 ∙ (4時間 41分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

69件

4.7

69件の受講レビュー

  • hyukster90666님의 프로필 이미지
    hyukster90666

    受講レビュー 20

    平均評価 4.8

    5

    100% 受講後に作成

    利点。 1. 実際の専門家がどのように海外公式文書を読んで見るかを知ることができる (見方を教えてくれます。) 2. ジャンゴは小中級だと書いてありましたが、かなり難易度が高い 単にListView、TemplateViewを書くのではなく、継承する親Viewクラスのドキュメントを見て活用する。 この講座を見ると、ジャンゴクラスビューについてたくさん感覚をつかむことができる。 3. 実際の現業で開発する方法について知ることができる サーバー(ジャンゴ)/クライアント(ビューJS)をそれぞれ実装し、 サーバーとクライアント間のデータ転送(JSON方式)について完全に理解できます 欠点 なし。 推奨評価 ジャンゴ基礎講義を聞いた方がこの講義をぜひ聞いてみなければならない。

    • sobeery5113님의 프로필 이미지
      sobeery5113

      受講レビュー 1

      平均評価 5.0

      5

      91% 受講後に作成

      とても満足しています。 よく聞きました。もう一周しなければなりません。 初級が聞くには少し無理が​​あるかもしれませんが、 API連携によるフロントバックエンド分離アプローチは非常に有益でした。 実はこういう講座を見つけたのに他の場所ではなかったようです。

      • okwkdalsgur0884님의 프로필 이미지
        okwkdalsgur0884

        受講レビュー 5

        平均評価 5.0

        5

        100% 受講後に作成

        ジャンゴを勉強していた車にフロントエンドフレームワークを学びたいという考えがありましたが、この講義を探して本当に幸いです。 かつて百科vueをつなぐ部分が切実になりましたが、この講義を通じてある程度基盤をつかみました。 個人的にvueは全く分からないとしても、ジャンゴをある程度勉強し、htmlの基本的な構造を知っていれば講義を見るのに問題はないと思います。

        • so012070239님의 프로필 이미지
          so012070239

          受講レビュー 1

          平均評価 5.0

          5

          100% 受講後に作成

          一人でGoogleで勉強しようとしたら、多くの時間が費やされたでしょう。多くの助けになりました。 Djangoでプログラムするときは、ccbvだけを正しく見ることができても、多くの問題を解決できるようです。

          • huniwooks님의 프로필 이미지
            huniwooks

            受講レビュー 15

            平均評価 5.0

            5

            100% 受講後に作成

            djangoをある程度勉強して、もう一度整理する兼として聞いたのがすごく良かったです!

            ¥4,185

            bestdjangoの他の講座

            知識共有者の他の講座を見てみましょう!

            似ている講座

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