Technical Blog
技術ブログ
WordPressで継続して書いてきた技術記事・開発記録をまとめています。 学習内容、開発で詰まったこと、実装の理解を言葉に残しています。
Django × React ToDoアプリを再始動したら、仮想環境・Vite・Djangoサーバーで詰まった話
ブログベースで進める これが自分の真実 Django × ReactのTODOリストを進めよう Django側の現状確認 ↓ GitHubのリポジトリ ローカルサーバーを起動する ローカルで、以下のコマンドを叩く（ローカルサーバーを起動するため） Djangoが読み込めないエラーが発生 djangoがないというエラー 仮想環境を再起動しても解決しない 仮想環境が起動していない可 …
nvmを使ってNode.jsを16.18.1から22.14.0へ更新した【Mac】
React開発を進める中で、Node.jsのバージョンを確認したところ、16.18.1を使用していた。 少し古いバージョンだったため、Node.jsの最新LTS版である22.14.0へアップデートした。 nvmをインストールする Node.jsのバージョン管理には、Node Version Manager（nvm）を使用する。 以下のコマンドを実行してインストールした。 インス …
ReactでDjango REST frameworkのバックエンドAPIと連携してタスク一覧を表示させる
【フロントエンドとの連携】CORS設定でフロントエンドからAPIを呼び出せるようにするでフロントエンドとの連携に必要なCORS設定を行った。 今回はReactを使用して、DRFとの連携を行い、最終的にはタスク一覧をReactの開発環境で表示させる。 viteを使ってReactプロジェクトを作成 vite（ヴィート）は、ReactやVueのフロントエンド開発で使われる高速なビルド …