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

人生を経営するアプリ

その進捗を共有しよう

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

投稿日	記事タイトル	URL
2025.03.01	WEBエンジニアとして今の自分に足りないスキルとギャップを埋めるための行動計画	https://ki-hi-ro.com/web%e3%82%a8%e3%83%b3%e3%82%b8%e3%83%8b%e3%82%a2%e3%81%a8%e3%81%97%e3%81%a6%e4%bb%8a%e3%81%ae%e8%87%aa%e5%88%86%e3%81%ab%e8%b6%b3%e3%82%8a%e3%81%aa%e3%81%84%e3%82%b9%e3%82%ad%e3%83%ab%e3%81%a8/
2025.03.02	タスク管理アプリを作っていく	https://ki-hi-ro.com/%e3%82%bf%e3%82%b9%e3%82%af%e7%ae%a1%e7%90%86%e3%82%a2%e3%83%97%e3%83%aa%e3%82%92%e4%bd%9c%e3%81%a3%e3%81%a6%e3%81%84%e3%81%8f/
2025.03.02	Django製のタスク管理アプリをgithubでホスティング→別デバイスでクローン	https://ki-hi-ro.com/django%e8%a3%bd%e3%81%ae%e3%82%bf%e3%82%b9%e3%82%af%e7%ae%a1%e7%90%86%e3%82%a2%e3%83%97%e3%83%aa%e3%82%92github%e3%81%a7%e3%83%9b%e3%82%b9%e3%83%86%e3%82%a3%e3%83%b3%e3%82%b0/
2025.03.02	現状のデータのレコードを確認する	https://ki-hi-ro.com/%e7%8f%be%e7%8a%b6%e3%81%ae%e3%83%87%e3%83%bc%e3%82%bf%e3%81%ae%e3%83%ac%e3%82%b3%e3%83%bc%e3%83%89%e3%82%92%e7%a2%ba%e8%aa%8d%e3%81%99%e3%82%8b/
2025.03.02	開発サーバー起動時のエラー原因と解決方法	https://ki-hi-ro.com/%e9%96%8b%e7%99%ba%e3%82%b5%e3%83%bc%e3%83%90%e3%83%bc%e8%b5%b7%e5%8b%95%e6%99%82%e3%81%ae%e3%82%a8%e3%83%a9%e3%83%bc%e5%8e%9f%e5%9b%a0%e3%81%a8%e8%a7%a3%e6%b1%ba%e6%96%b9%e6%b3%95/
2025.03.08	Django REST Framework（DRF）のルーティングがどのように機能しているかを深掘りし、urls.pyの仕組みを完全理解する	https://ki-hi-ro.com/django-rest-framework%ef%bc%88drf%ef%bc%89%e3%81%ae%e3%83%ab%e3%83%bc%e3%83%86%e3%82%a3%e3%83%b3%e3%82%b0%e3%81%8c%e3%81%a9%e3%81%ae%e3%82%88%e3%81%86%e3%81%ab%e6%a9%9f%e8%83%bd%e3%81%97%e3%81%a6/
2025.03.08	【フロントエンドとの連携】CORS設定でフロントエンドからAPIを呼び出せるようにする	https://ki-hi-ro.com/%e3%80%90%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%82%a8%e3%83%b3%e3%83%89%e3%81%a8%e3%81%ae%e9%80%a3%e6%90%ba%e3%80%91cors%e8%a8%ad%e5%ae%9a%e3%81%a7%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%82%a8/
2025.03.11	react_todoディレクトリでnpm installを行った	https://ki-hi-ro.com/react_todo%e3%83%87%e3%82%a3%e3%83%ac%e3%82%af%e3%83%88%e3%83%aa%e3%81%a7npm-install%e3%82%92%e8%a1%8c%e3%81%a3%e3%81%9f/
2025.03.15	nvmを使ってNode.jsを16.18.1から22.14.0へ更新した【Mac】	https://ki-hi-ro.com/node-js%e3%82%92%e6%9b%b4%e6%96%b0%e3%81%99%e3%82%8b/
2025.03.15	【エラー解決】TypeError: crypto$2.getRandomValues is not a function	https://ki-hi-ro.com/npm-run-dev%e5%ae%9f%e8%a1%8c%e6%99%82%e3%81%ae%e3%82%a8%e3%83%a9%e3%83%bc%e3%82%92%e8%a7%a3%e6%b1%ba%e3%81%97%e3%81%a6%e3%81%84%e3%81%8f/
2025.03.15	「The JSX syntax extension is not currently enabled」を解決していく	https://ki-hi-ro.com/%e3%80%8cthe-jsx-syntax-extension-is-not-currently-enabled%e3%80%8d%e3%82%92%e8%a7%a3%e6%b1%ba%e3%81%97%e3%81%a6%e3%81%84%e3%81%8f/
2025.03.15	【エラー解決】Parsing error: Unexpected token <	https://ki-hi-ro.com/%e3%80%8cparsing-error-unexpected-token/
2025.03.15	【エラー解決】GET http://localhost:5173/src/components/TaskList.js?t=1742020997344 net::ERR_ABORTED 404 (Not Found)	https://ki-hi-ro.com/vite%e3%81%8ctasklist-js%e3%82%92%e6%8e%a2%e3%81%97%e3%81%a6%e3%81%84%e3%82%8b%e3%81%8c%e8%a6%8b%e3%81%a4%e3%81%8b%e3%82%89%e3%81%aa%e3%81%84%e3%81%a8%e3%81%84%e3%81%86%e3%82%a8%e3%83%a9%e3%83%bc/
2025.03.15	CORS設定を見直すことで、発生していた3つのエラーが芋づる式に解決した	https://ki-hi-ro.com/cors%e8%a8%ad%e5%ae%9a%e3%82%92%e8%a6%8b%e7%9b%b4%e3%81%99%e3%81%93%e3%81%a8%e3%81%a7%e3%80%81%e7%99%ba%e7%94%9f%e3%81%97%e3%81%a6%e3%81%84%e3%81%9f3%e3%81%a4%e3%81%ae%e3%82%a8%e3%83%a9%e3%83%bc/
2025.03.15	ReactでDjango REST frameworkのバックエンドAPIと連携してタスク一覧を表示させる	https://ki-hi-ro.com/react%e3%81%a7django-rest-framework%e3%81%ae%e3%83%90%e3%83%83%e3%82%af%e3%82%a8%e3%83%b3%e3%83%89api%e3%81%a8%e9%80%a3%e6%90%ba%e3%81%97%e3%81%a6%e3%82%bf%e3%82%b9%e3%82%af%e4%b8%80%e8%a6%a7%e3%82%92/
2026.06.16	My Portfolio フェーズ2 〜資産の整理と商品化〜	https://ki-hi-ro.com/my-portfolio-%e3%83%95%e3%82%a7%e3%83%bc%e3%82%ba2-%e3%80%9c%e8%b3%87%e7%94%a3%e3%81%ae%e6%95%b4%e7%90%86%e3%81%a8%e5%95%86%e5%93%81%e5%8c%96%e3%80%9c/
2026.06.18	Django × React ToDoアプリを再始動したら、仮想環境・Vite・Djangoサーバーで詰まった話	https://ki-hi-ro.com/django-x-react-todo%e3%82%a2%e3%83%97%e3%83%aa%e3%82%92%e5%86%8d%e5%a7%8b%e5%8b%95%e3%81%97%e3%81%9f%e3%82%89%e3%80%81%e4%bb%ae%e6%83%b3%e7%92%b0%e5%a2%83%e3%83%bbvite%e3%83%bbdjango%e3%82%b5/
2026.06.19	マイルストーン①達成 ― Django REST FrameworkのデータをReactへ表示する	https://ki-hi-ro.com/%e3%83%9e%e3%82%a4%e3%83%ab%e3%82%b9%e3%83%88%e3%83%bc%e3%83%b3%e2%91%a0%e9%81%94%e6%88%90-%e2%80%95-django-rest-framework%e3%81%ae%e3%83%87%e3%83%bc%e3%82%bf%e3%82%92react%e3%81%b8%e8%a1%a8%e7%a4%ba/

こんなところだ

多すぎる

でもこれを整理して伝えれば、技術資産になる

人生を経営するための行動管理システムとして記事一覧を作成した

https://ki-hi-ro.com/tag/人生を経営するための行動管理システム

NotebookLMに加工してもらう

前処理としてChatGPTにコードエディターの内容を渡して、記事URLを抽出してもらった

それをLMに読み込ませる

以前にもLMにお世話になっていた

Django × ReactのTodoアプリ① – NotebookLM

今回読み込ませたものはこちら

Django × ReactのTodoアプリ② – NotebookLM

現状の機能

現状の機能を確認しよう

Djangoサーバーを起動

Djangoサーバーを起動する

1. manage.pyがあるディレクトリに移動する

2. 仮想環境が有効になっていることを確認する

3. python manage.py runserver

開発サーバーにアクセス

http://127.0.0.1:8000にアクセスすると、404エラーになるが、トップのルーティングが通っていないため、これは問題ない。

このあたりの話は以下に書いているので、参考にして欲しい。

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

バックエンドの機能

CRUD処理ができる

フロントエンドのサーバーを起動する

Viteを起動していこう

新しいターミナルを開いた

ここから移動していく

react_todoディレクトリまで来たら、npm run dev

これでフロントエンドのVITEサーバーが起動した

commandを押しながらURLをクリックしてアクセスする

バックエンドで作成したタスクが、フロントエンドで表示されている

これが現在の経営管理システムの機能