概要
Laravel × Blade(+Bootstrap 5.3、jQuery 3.7)を用いた商品管理Webアプリケーションで、商品一覧の表示、登録・編集・削除といった基本機能を実装しています。
制作背景・目的
実務を意識したCRUD型Webアプリの構築を通じて、バックエンドとテンプレートを用いたWeb開発の基礎を固めたかったため。
商品や在庫管理系のアプリの開発を行ったことがなく、実際の開発を通じてイメージを明確にしたかったため。
設計方針・工夫点
Laravel:学習済みでさらに知見を深めたいという理由の他、認証・ORM・バリデーションなど公式機能が豊富な点と、実務に近い構成を効率よく再現できる点で選定しました。
Blade + Bootstrap 5.3、jQuery 3.7:ビューの構造を直感的に作れるテンプレートと、スタイリングを簡潔に行えるユーティリティCSSが揃っており、手早く見栄えの良い UIを実装できる点が魅力でした。
担当範囲
設計(画面構成、DBモデル、ルーティング)
実装(CRUD 機能、フォームバリデーション、UI)
ビュー作成とスタイリング(Blade + Tailwind CSS)
成果・学び
Laravel を活用したCRUDアプリケーションの構造とテンプレート設計に対する理解が深まりました。
BladeテンプレートとTailwind CSSによるビュー実装の基礎的な技術が習得できました。
リンク
●githubリポジトリは こちら
●紹介動画はこちら