これまでに制作したWebサイトやアプリケーションの一覧です。
Todo アプリ
Django を使用して構築したタスク管理アプリです。
ユーザー名：testuser
パスワード：testpass123
Overview
タスクの登録・編集・削除ができる CRUD アプリです。
ログイン機能を備え、認証済みユーザーのみが Todo を操作できるようにしています。
また、matplotlib を使用したタスク統計ページも実装しています。
Tech Stack
- Python / Django
- SQLite（ローカル開発）
- HTML / CSS
- matplotlib（統計グラフ）
- Render（デプロイ）
Key Points
- CRUD機能の実装（Create / Read / Update / Delete）
- LoginRequiredMixin によるアクセス制御
- matplotlib で統計グラフを生成し、Base64 で HTML に埋め込み
- ページネーション対応で一覧が見やすい構成
Link
[デモを見る] https://todo-1lnw.onrender.com/
[GitHub] https://github.com/taku26841397/portfolio_django_todo
Cafe Site
架空のカフェを表現したサイトです
Overview
架空のカフェをテーマにした静的サイトです。 シンプルで読みやすい構成を目指して制作しました。
Tech Stack
- HTML / CSS
- JavaScript（軽微な動的処理）
- Photoshop（画像調整）
Key Points
- 写真とテキストのバランスを調整
- シンプルで視認性の高いUIを意識
- ※レスポンシブデザインは現在調整中
Link
[デモを見る] https://portfolio-cafe.pages.dev
[GitHub] https://github.com/taku26841397/portfolio_cafe
Django 本棚アプリ（CRUD）
Djangoの基本機能を使って構築した学習用アプリです
ユーザー名：testuser
パスワード：testpass123
Overview
書籍の登録・編集・削除ができるCRUDアプリです。
DjangoのModel、View、Templateを用いて、
Webアプリケーションの基本的な構造を学ぶ目的で制作しました。
Tech Stack
- Python / Django
- SQLite（ローカル開発）
- Bootstrap（UI）
- Render（デプロイ）
Key Points
- CRUD機能の実装（Create / Read / Update / Delete）
- ModelとDBの連携を理解
- Bootstrapで簡易的なUIを構築
Link
[デモを見る] https://portfolio-crud-j2ow.onrender.com/
[GitHub] https://github.com/taku26841397/portfolio_crud
※Renderの無料プランのため、起動まで数分かかります。ご了承ください。
旅館 Site
架空の旅館を表現したサイトです。
一部画像に生成AIで出力したものを使用しています。
Overview
架空の旅館をテーマにしたサイトです。 ヘッダーの挙動や画像の動きを意識して製作しました。
Tech Stack
- HTML / CSS
- JavaScript（動的処理）
- Photoshop（画像調整）
- 生成AI（画像の生成）
Key Points
- 写真とテキストのバランスを調整
- シンプルで視認性の高いUIを意識