ki-hi-ro.com

DAILY JOURNAL

Django

11記事の記録。

2026年7月

  1. Django × React ToDoアプリの開発記録

    フェーズ1：基盤構築とAPI連携 投稿日記事タイトル開発過程における位置・役割2025.03.01WEBエンジニアとして今の自分に足りないスキルとギャップを埋めるための行動計画開発の起点：自身のスキル不足を補い、実力を証明するためのポートフォリオ作成を計画する。2025.03.02タスク管理アプリを作っていくバックエンド構築（初期）：DjangoとDRFを使用し、モデルやシリアライザー、APIエンドポイントの基本実装を行う。2025.03.02現状のデータのレコードを確認する動作検証：Djangoのシェル機能を活用し、データベース（Taskクラス）へのレコード保存・取得を検証する。2025.03.02Django製のタスク管理アプリをGitHubでホス…

2026年6月

  1. 今、経営を管理するアプリはどうなっているか？

    人生を経営するアプリ その進捗を共有しよう Django https://github.com/ki-hi-ro/django_todo React https://github.com/ki-hi-ro/react_todo 経営とは このアプリにおける経営とは、なんだろうか？ 4つの概念を経営と表現している 健康 営業 健康 開発 過去記事 過去に自分が積み上げたこのアプリについての記事を掲載する 思考の軌跡ページから探し出す https://ki-hi-ro.com/?trail=thoughts 投稿日記事タイトルURL2025.03.01WEBエンジニアとして今の自分に足りないスキルとギャップを埋めるための行動計画https://ki-hi-…

  2. マイルストーン①達成 ― Django REST FrameworkのデータをReactへ表示する

    https://github.com/ki-hi-ro/react_todo#%E9%96%8B%E7%99%BA%E7%8A%B6%E6%B3%81 人生を経営するための行動管理システムの開発を進めている。 今回のマイルストーン①の目標は、 Django REST FrameworkのAPIからタスクを取得し、React画面へ表示する ことである。 表示項目は以下。 タスク名 カテゴリ 完了状態 期限 最終的にReact画面へ表示することを目標に進めた。 マイルストーン① まずは現在地を確認した。 React画面にはタスク一覧が表示されている。 しかし表示されているのはタスク名のみ。 READMEで定義したマイルストーン①では、 カテゴリ 完了状態…

  3. Django × React ToDoアプリを再始動したら、仮想環境・Vite・Djangoサーバーで詰まった話

    ブログベースで進める これが自分の真実 Django × ReactのTODOリストを進めよう Django側の現状確認 ↓ GitHubのリポジトリ ローカルサーバーを起動する ローカルで、以下のコマンドを叩く（ローカルサーバーを起動するため） python manage.py runserver Djangoが読み込めないエラーが発生 djangoがないというエラー ImportError: Couldn't import Django. Are you sure it's installed and available on your PYTHONPATH environment variable? Did you forget to activ…

2025年3月

  1. ReactでDjango REST frameworkのバックエンドAPIと連携してタスク一覧を表示させる

    【フロントエンドとの連携】CORS設定でフロントエンドからAPIを呼び出せるようにするでフロントエンドとの連携に必要なCORS設定を行った。 今回はReactを使用して、DRFとの連携を行い、最終的にはタスク一覧をReactの開発環境で表示させる。 viteを使ってReactプロジェクトを作成 vite（ヴィート）は、ReactやVueのフロントエンド開発で使われる高速なビルドツール。 ビルドツールとは、プログラムの開発において、ソースコードを変換・最適化して実行可能な形式にするためのツール。 新規Reactプロジェクトを使用するので、gitでリポジトリを作成した。 ローカルにもフォルダを作成する。 リポジトリの初期化を行なった。 Mac:react_…

  2. 【フロントエンドとの連携】CORS設定でフロントエンドからAPIを呼び出せるようにする

    現状、Django REST frameworkで、タスクアプリのバックエンドが構築されている。 現状のタスク管理アプリで出来ること タスクの一覧表示、新規登録、詳細表示、更新、削除。 詳しくはDjango REST Framework（DRF）のルーティングがどのように機能しているかを深掘りし、urls.pyの仕組みを完全理解する | ki-hi-ro.com > 一覧取得を参照していただきたい。 これからやりたいこと ReactまたはVue.jsを使用して、フロントエンドと連携していきたい。 最初のステップ まずは、CORS設定というものを行い、フロントエンドからAPIを呼び出せるようにする必要がある。 CORS設定とは Cross-Origin…

    Django REST Framework（DRF）のルーティングがどのように機能しているかを深掘りし、urls.pyの仕組みを完全理解する

    APIの設計においてルーティングはバックエンドとフロントエンドの接続点となる。 正しく理解することで、拡張や修正がしやすくなる。 urlpatternsとは urlpatternsは、URLルーティングを定義するためのリスト。 path()やre_path()で定義されたURLパターンが含まれる。 これにより、特定のURLにアクセスしたときに、どのビューが処理するのかを指定できる。 現状のタスク管理アプリを見ていく 例えば、以下の「django_todo > myapp > urls.py」を見ていこう。（django_todo/myapp/urls.py at master · ki-hi-ro/django_todo） from django.ur…

  3. 開発サーバー起動時のエラー原因と解決方法

    githubからクローンしたDjango製タスク管理アプリの開発サーバーを以下のコマンドで起動しようとしたらエラーが発生した。 (.venv) hiroki@shibatahiroshitakanoiMac django_todo % python manage.py runserver エラー内容 djangoがないですよというエラー。 Traceback (most recent call last): File "/Users/hiroki/Downloads/Python/django_todo/manage.py", line 11, in main from django.core.management import execute_fro…

    Django製のタスク管理アプリをgithubでホスティング→別デバイスでクローン

    先日作成し始めたタスク管理アプリをguthubで管理できるようにした。 リモートリポジトリの作成 これは最初のコミットをした後だが、こちらはみなさんも画像をクリックすればアクセスできる。 ローカル→リモート (venv) Mac:django_todo shibatahiroshitaka$ git init hint: Using 'master' as the name for the initial branch. This default branch name hint: is subject to change. To configure the initial branch name to use in all hint: of your…

    タスク管理アプリを作っていく

    PythonのDjangoでWEBアプリ開発を行いたい。 そこでまずは、タスク管理アプリを作成していく。 記事ベースで進めていくので、見届けて欲しい。 アプリのコンセプト 以下の２点が達成できればいい（今回は） ユーザーがタスクを追加・編集・削除できる タスクの完了・未完了を管理できる Djangoプロジェクトを準備する WEBアプリを作るのに必要なPython製フレームワークのDjangoを使用していく。 pythonの仮想環境はvenvを準備してある。 django_todoというディレクトリを作成した。 venvは有効になっている。 (venv) Mac:python shibatahiroshitaka$ DjangoとDjango REST…