Django HTML/CSS/JS

Snippet App

Test User (for login)
Username: testuser
Password: testpass123

Overview

タスクの登録・編集・削除ができる CRUD アプリです。
ログイン機能を備え、認証済みユーザーのみが Todo を操作できるようにしています。
また、matplotlib を使用したタスク統計ページも実装しています。

Tech Stack

  • Python / Django
  • SQLite(ローカル開発)
  • HTML / CSS / JS
  • Render(デプロイ)

Features

  • Todo管理 — スニッペットの登録・編集・削除、検索機能、詳細表示
  • カテゴリ分類 — 言語カテゴリ と サブカテゴリを分類
  • 認証機能 — ログイン/ログアウト、アクセス制御
  • UIデザイン — シンプルなレイアウト、色分けで視認性向上、直感的なCRUD
  • 技術的ポイント — Django CBV、LoginRequiredMixin、サーバー側グラフ生成、Renderデプロイ

Key Points

Code Archive は、必要なコードをすぐ取り出せるように、余計な操作をできるだけ減らすことを意識して作られています。 画面構成はシンプルで、どこを開いても同じ感覚で扱えるように整えられており、使うたびに迷うことがありません。

淡い色調と静かなデザインは、作業に集中したいときでも視線の負担を軽くしてくれます。 コードを探す時間が短くなることで、開発の流れが途切れず、自然と作業に入り込めるようになります。

軽量で安定した動作が、日々の開発を静かに支える小さな相棒のような存在になっています。