Django × Vue で学ぶAI時代の業務システム開発実践入門

Django × Vue で学ぶAI時代の業務システム開発実践入門

010.0 はじめに 020.1 AI活用の基本と注意点 030.2 本書で目指す本番環境のシステム構成概要 041.1 Django × Vue で業務システムを刷新する（導入編）051.2 Djangoを業務システム基盤として採用した理由 061.3 Vue 3を業務システムのフロント基盤に採用した理由 071.4 Django × Vue 業務システムのフォルダ構成と設計ルール 082.1 Django 単体と API ドリブン構成の違い 092.2 Django のモデルベース開発 102.3 Django REST Framework（DRF）入門 113.1 API 設計の実際（Django REST Framework 編）123.2 Serializer 設計の実装パターン（Django REST Framework）133.3 エラーハンドリングの実装パターン（Django REST Framework 編）143.4 フィルタリングと検索の実装パターン（Django REST Framework 編）153.5 パフォーマンス改善と N+1 対策（Django REST Framework 編）163.6 レスポンス設計のベストプラクティス（Django REST Framework 編）174.1 認証・ログインセッション管理（Django REST Framework + Vue 編）184.2 JWT 認証の仕組みと実装（Django REST Framework + Vue 編）194.3 Django 標準の権限の考え方 204.4 独自ロールモデルによる権限管理 214.5 メニュー制御の実装（業務単位での公開制御とUX設計）22コラム: メニュー設計は業務設計そのもの 234.6 JWT とセッション管理の実践 244.7 API 側の permission 実装パターン 254.8 Django 設定（CORS と認証まとめ）264.9 django-allauth を使った統合認証（Okta ログイン）274.10 Django 設定の実際（CORS・認証・メール・ログなど）285.1 Vue 3 による SPA 化と AI活用のポイント 295.2 Vite + Vue 3 で Hello World 305.3 Vue の基本書き方（基礎文法編）315.4 axios 入門（API 呼び出しの基本）325.5 Pinia（状態管理）と認証ストア拡張 336.1 実践編）Django × Vue アプリ雛形の作成 346.2 実践編）Django 側の初期セットアップ 356.3 実践編）accounts アプリの作成とカスタムユーザモデル 366.4 実践編）ログイン API の実装 376.5 実践編）Vue プロジェクト作成（Pinia / Router / Vuetify 導入）386.6 実践編）ログイン状態管理とメニュー画面+スナックバー 396.7 実践編）部署・権限によるメニュー制御（Django 側実装）40コラム:Postmanでバックエンド API をテストする 416.8 実践編）フロントエンドで階層メニューを表示する 427.1 実践編）お知らせアプリ（バックエンド編）437.2 実践編）お知らせアプリ　お知らせ一覧を作成(フロントエンド編)447.3 実践編）お知らせアプリ　バックエンド API を完成させる 457.4 実践編）お知らせアプリフロントエンドでお知らせの登録・編集画面を完成させる

Chapter 43

7.2 実践編）お知らせアプリ　お知らせ一覧を作成(フロントエンド編)

2025.09.19に更新