PassManager

Objective

アプリの目的

昨今、webサービスを利用する機会が増加しており、サイトごとにログインIDやパスワードを設定、管理しなければならない。アカウント情報が保存される機能もあるが、そもそもどこに登録したか分からなくなることも多い。現在登録中のアカウントを視覚化し、一元管理できるアプリを作成する。

Features

アプリの特徴

1. 重要な情報を守る安全性

・ログイン機能により、ユーザーごとの登録情報が管理できる

・詳細情報表示の際は、「秘密の質問」により二重認証を行う

・登録情報は暗号化して保存される

・誤って消さないよう、削除ボタンを非アクティブ化

2. シンプルなデザイン

・集中力を高める寒色系の色づかい

・必要な情報のみ、分かりやすく表示

Create

計画

Excelを使ってアプリの機能を整理し、画面遷移図やルーティングを作成した。

コーディング

paizaラーニングで学んだ基本を軸に、laravelの解説ページを検索したり、エラーを解決しながら作成を進めていった。

デプロイ

Gitを使って本番環境にpullすることで、アプリ作成と同時に進めていった。

movie

Technology

フロント・クライアント技術

HTML, CSS, Javascript
Bootstrap

サーバーサイド技術

Laravel11.9, laravel/breeze2.1, XAMPP

DB・ミドルウェア技術

MySQL, phpMyAdmin
Filezilla

バージョン管理ツール

Git, GitHub

Demonstration

注意

本アプリは、作者の学習成果をPRする目的で作ったものです。そのため、実際の個人情報を登録することはお控え頂きますようお願いいたします。

Afterword

後書き

PHPを学んだうえでLaravelを使ってみましたが、フレームワークの恩恵を感じられるのはまだまだ修行を積んでからのようです。
しかし、アプリ制作過程で多くのことを学べました。

MVCモデルの使い方・Laravel 各ファイルの役割
GitHub のリポジトリの考え方
Git のバージョン管理、ブランチの考え方
Git, GitHub を使ったデプロイ、SSH通信
Breeze を使ったログイン機能の実装とカスタマイズ
favicon アイコンの作成

＜エラーから学んだこと＞
Breeze で作成されたview をカスタマイズする場合、Bootstrap を使うとTailwind CSS と競合して反映されないことがある。
Git を使ってデプロイする場合、開発環境と本番環境でインストールされているプログラミング言語・ミドルウェアのバージョンが一致していないと、競合エラーが発生する。
-dev は開発環境でしか反映しない。本番環境では -buildを使う。