강의

멘토링

커뮤니티

BEST
Programming

/

Full-stack

Vue.js - DjangoインターロックWebプログラミング(実践編)

クライアントプロフェッショナルFWのVue.jsとサーバープロフェッショナルFWであるDjangoを一緒に活用して、アップグレードされたWebプログラミングをしましょう。 Vue側のVueRouterとVuexを使わなくても、Django側のDRFを使わなくても、簡単にできる。

  • bestdjango
Vue.js
Django
Vuetify

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

受講後に得られること

  • Vue.jsとDjangoを連携してWebプログラムを作成できます。

  • Bootstrapよりも機能が豊富なVuetifyで画面を飾ることができます。

  • Django入門以上の技術を知ることができる。

  • クライアントと連携するために、JsonResponseを活用できます。

  • Djangoの利点であるクラス型ビューをさらに活用できます。

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

バージョンの違いによる現行化ガイド映像を提供します。 (セクション-1)      

Vue.jsとDjangoでクライアントとサーバーを簡単に連携してみましょう。
+さらに一歩、Vuetify活用まで!

VueとDjangoを活用すると、次の利点があります。

  • どちらも、他のフレームワークに比べて簡単でありながら多く使用するという共通点があります。
  • Vue(ビュー)を使用しているため、Client Renderingの利点が生かされます。
  • つまり、画面がクールで画面のちらつきがなく、画面のレンダリングが速くなります。

  • Django(ジャンゴ)を使用するので、認証/DBのような白檀の技術が容易で楽になります。
  • Djangoはセッション認証を基本として提供するので、それをそのまま活用できます。
  • DjangoのORM、Admin機能をそのまま活用できます。
  • それに加えて、Webプログラミング関連のDjangoの豊富な技術はすでに有名です。

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

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

前回の講義(Vue.js-Django連動Webプログラミング)に備え
この点がアップグレードされました。

  • 本番などのブログのCRUD機能を学ぶことができます。
  • Djangoの認証機能をそのまま活用するので、簡単に認証機能を実装できます。
  • VueをCDN方式ではなく、Vite方式で使用するので、大きなプログラムに適した方式です。
  • Vueプログラムをコンポーネントに分割し、共通コンポーネントをリサイクルできます。

画面を飾るために、Bootstrapに対するVuetifyの使い方を教えてくれます。

  • Bootstrap(ブートストラップ)よりもVuetify(ビューティーパイ)の方が機能が豊富なので、これを選択します。
  • すでにBootstrapに精通している場合は、同じ方法でBootstrapにすることができます。

過去の講義を見る

Vue.js - DjangoインターロックWebプログラミング
クライアント - サーバー連動の原理、SPA / SSRの主な用語、さまざまな5つの方法でコーディング

こんな方に
おすすめです

学習対象は
誰でしょう?

  • クライアントとサーバープログラムを独立して構成したい。

  • Django Webプログラムを一段階アップグレードしたい。

  • Djangoのクラス型ビューを自由自在に活用したい。

  • Vue WebプログラムのビャクダンをDjangoにしたい。

  • 画面を素敵に、Vuetifyライブラリを活用したい。

前提知識、
必要でしょうか?

  • Djangoチュートリアルの例は自分でコーディングできます。

  • Djangoクラス型ビューコーディングの経験があります。

  • Vue.jsの基本ディレクティブは知っています。

こんにちは
です。

2,099

受講生

153

受講レビュー

224

回答

4.6

講座評価

5

講座

프로그램 개발은 C 언어로 시작했으며, 자바를 거쳐 최근에는 주로 파이썬을 사용하고 있다.
KT ucloud 서비스의 백엔드 서버 개발 프로젝트에 참여하여, 자바로 고객의 폴더/파일에 대한 메타 정보 처리 엔진을, 파이썬으로 클라이언트 푸시 서비스를 개발하였다.

또한 KT인터넷 회선의 속도 측정 프로그램, 네트워크 장비에 대한 운용관리 프로그램, 방대한 양의 트래픽 데이터 분석 프로그램을 개발한 바 있다. 개인적으로는 파이썬의 매력에 푹 빠져 되도록이면 파이썬으로 코딩하기를 즐겨하고 있다.

그 일환으로 요즘은 Django를 활용한 웹 프로그래밍, Django Rest Framework를 활용한 JSON 연동, Pandas를 활용한 데이터 분석, Scikit-learn/Tensorflow/ChatGPT 를 활용한 AI 솔루션 개발 등의 프로젝트를 개발하면서 파이썬의 활용도를 넓혀가고 있다.

< 저서 >

1. Django 로  배우는 파이썬 웹 프로그래밍 (초판, 한빛미디어, 2015.4월)
2. Django 를 활용한 파이썬 웹 프로그래밍 - 실전편 (초판, 한빛미디어, 2016. 7월)
3. Django 로  배우는 파이썬 웹 프로그래밍 (개정판, 한빛미디어, 2018. 8월)
4. Django 를 활용한 파이썬 웹 프로그래밍 - 실전편 (개정판, 한빛미디어, 2019. 11월)
5. Django 로  배우는 파이썬 웹 프로그래밍 (3판, 한빛미디어, 2022. 11월)

 

< 동영상 강의 >

1. Vue.js - Django 연동 웹 프로그래밍 (인프런 동영상, 2019.4월)
2. Vue.js - Django 연동 웹 프로그래밍 - 실전편 (인프런 동영상, 2020.9월)
3. Vue - Django - Bootstrap 뚝딱 블로그 (인프런 동영상, 2021. 9월)
4. Django REST framework 핵심사항 (인프런 동영상, 2022.2월)
5. AI Web Programming (인프런 동영상, 2024.2월)

カリキュラム

全体

109件 ∙ (11時間 28分)

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

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

受講レビュー

全体

21件

4.8

21件の受講レビュー

  • zdzc5298558님의 프로필 이미지
    zdzc5298558

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    I think it will be easier to write code in the latter half of the course if you work while organizing it according to the lecture.

    • modoomusic06071506님의 프로필 이미지
      modoomusic06071506

      受講レビュー 1

      平均評価 5.0

      5

      89% 受講後に作成

      I was able to understand the Django content that I had not thoroughly understood until now by going through the official documentation, and I was able to study Vue.js while understanding it along with the official documentation, so I studied with a happy heart. I sincerely thank you for creating such a great lecture!

      • newpullin님의 프로필 이미지
        newpullin

        受講レビュー 3

        平均評価 4.7

        4

        100% 受講後に作成

        It helped me a lot in understanding Vue and Django.

        • candy04061681님의 프로필 이미지
          candy04061681

          受講レビュー 1

          平均評価 5.0

          5

          93% 受講後に作成

          It tells you only what you need, and it tells you more detailed things or things that you can apply later with keywords or tips so that you can find them yourself. I highly recommend it to those who have not tried vue.js or are just learning django, and those who want to make something full-stack on their own! I bought several lectures from Inflearn,, and this lecture is worth the money! I highly recommend it

          • bs8choi7413님의 프로필 이미지
            bs8choi7413

            受講レビュー 1

            平均評価 5.0

            5

            99% 受講後に作成

            ¥5,475

            bestdjangoの他の講座

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

            似ている講座

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