概要

このアプリケーションは、日々の業務でWebシステムを開発する流れを想定し、様々なシステムに応用可能な「開発ベース」の上に、具体的な機能としてタスク管理を実装したものです。

  • 制作期間: 3日
  • 制作人数: 1名(個人開発、AIを活用し効率化)

アプリケーション
  • URL: https://taskle.miraize.link/
  • デモログイン: ログイン画面にデモ用の情報が入力されていますので、そのまま「ログイン」ボタンを押して体験してください。

制作背景

現職において、従来はフレームワークを用いない開発を行っていましたが、開発効率や保守性の観点からフレームワークの導入が不可欠と考え、独学でLaravelを習得。以来、全ての案件で応用できる「開発ベース」を構築し、業務改善を主導してきました。

このポートフォリオは、その業務で培った「開発ベース」のノウハウを再現したものです。ベースだけでは伝わりにくいため、直近の開発で得たLivewireの知見も活かしつつ、汎用的なタスク管理機能を実装しました。


主な機能
  • システム操作の基本となるCRUD(作成・一覧・更新・削除)機能
  • ダッシュボード機能
    • 「今日のタスク」「未完了タスク」の一覧表示
    • ダッシュボード上でのタスク完了処理
  • ユーザー登録・ログイン機能

工夫した点・こだわった点
  • 実務を見据えた拡張性の高い設計: 実務での運用を想定し、将来の機能追加や仕様変更にも柔軟に対応できるよう、拡張性の高いシンプルな構成を意識しました。
  • 経験に裏打ちされた高い生産性: Laravelのスターターキットを活用し、抑えるべきところは抑え、3日間という短期間でこのアプリケーションを構築しました。モダンな開発環境で高い生産性を発揮しました。
  • Livewireによる快適なUI/UX: ダッシュボード上でページリロードなしにタスクを「完了」できるなど、Laravel Livewireの特性を活かして、ユーザーが直感的かつスムーズに操作できるUIを実現しました。

使用技術(技術スタック)
  • バックエンド / フロントエンド: PHP (Laravel), Livewire
  • CSS: TailwindCSS
  • データベース: MySQL