강의

멘토링

커뮤니티

BEST
Programming

/

Full-stack

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

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

難易度 初級

受講期間 無制限

  • bestdjango
Vue.js
Vue.js
Django
Django
Vuetify
Vuetify
Vue.js
Vue.js
Django
Django
Vuetify
Vuetify

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

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

4.8

5.0

손찬희

100% 受講後に作成

講義通りに整理しながら作業するので、後半部に行ってもコード編みやすくなると思います。

5.0

조영준

89% 受講後に作成

その間、入念に理解できなかったdjangoの内容を公式文書をつかみながら理解することができ、Vue.jsも公式文書と一緒に理解しながら勉強できて楽しい心で勉強しました。良い講義を作ってくれてありがとう!

5.0

선두원

93% 受講後に作成

必要なものだけを知らせてくれ、もっとディテールしたり、後で適用してみるべきことはキーワードやヒントで教えてくれて調べてみることができるようにしてくれます。 vue.jsをしなかったか、djangoを学ぶことができる人、 一人でフルスタックで何かを作ってみる方がおすすめです! インフラで講義を複数購入しましたが、 この講義はお金が惜しくない!おすすめおすすめ

受講後に得られること

  • 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,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月)

カリキュラム

全体

109件 ∙ (11時間 28分)

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

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

受講レビュー

全体

21件

4.8

21件の受講レビュー

  • zdzc5298558님의 프로필 이미지
    zdzc5298558

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    講義通りに整理しながら作業するので、後半部に行ってもコード編みやすくなると思います。

    • modoomusic06071506님의 프로필 이미지
      modoomusic06071506

      受講レビュー 1

      平均評価 5.0

      5

      89% 受講後に作成

      その間、入念に理解できなかったdjangoの内容を公式文書をつかみながら理解することができ、Vue.jsも公式文書と一緒に理解しながら勉強できて楽しい心で勉強しました。良い講義を作ってくれてありがとう!

      • newpullin님의 프로필 이미지
        newpullin

        受講レビュー 3

        平均評価 4.7

        4

        100% 受講後に作成

        VueとDjangoについて理解するのにたくさん役立ちました。

        • candy04061681님의 프로필 이미지
          candy04061681

          受講レビュー 1

          平均評価 5.0

          5

          93% 受講後に作成

          必要なものだけを知らせてくれ、もっとディテールしたり、後で適用してみるべきことはキーワードやヒントで教えてくれて調べてみることができるようにしてくれます。 vue.jsをしなかったか、djangoを学ぶことができる人、 一人でフルスタックで何かを作ってみる方がおすすめです! インフラで講義を複数購入しましたが、 この講義はお金が惜しくない!おすすめおすすめ

          • bs8choi7413님의 프로필 이미지
            bs8choi7413

            受講レビュー 1

            平均評価 5.0

            5

            99% 受講後に作成

            ¥5,412

            bestdjangoの他の講座

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

            似ている講座

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