Laravelでポートフォリオを作成する

こんにちは、Izitです。
最近、Laravelの基礎学習をした後に「ポートフォリオ作成」をしようとして「なにからやったらいいか分からない」「どう進めていけばいいのか分からない」といった声を多くいただきました。
実は私はポートフォリオ作成というものをやったことがありません。
なので、実際の業務での開発を元に、初学者向けにアプリ開発を細かく手順化してみました。
ぜひ、参考にしてみてください。
環境について
ここでの記事は全てローカル環境での開発を行っています。
ローカル環境というのは自分のPCに様々なソフトウェアをインストールしている環境です。
AWS Cloud9など、学習用にクラウド環境を使用している場合については、一部コマンドなどがデフォルトのアプリケーション設定では動作しないことがあります。ご注意ください。
その際は「環境名 動かなかったコマンド」などでGoogle検索すると、たいていの場合は解決策が出てくるかと思います。
Windowsのローカル環境については以前にブログで紹介しています。
※環境作成の記事はLaravel7を使用していますが、今回のポートフォリオ作成ではLaravel9を使用しています
私の開発環境
- Windows 10
- Laravel 9
- XAMPP
- PHP Storm(エディタ)
Macやクラウド開発環境を使用している方は、微妙に異なる場合があるのでご注意ください。
基本的にはインストールなどには触れておらず、Laravelコマンドを使用しているため、あまり大きな違いはないと思います。
Webシステムの全体像をおさらい

Webシステムってなんなのさ?【Laravel】
なんでこの記事を書いているのか 私はLaravelを用いてプログラミングを教えています。Laravelの基礎的な勉強を終えて「ポートフォリオを作ろう」と思っても「Webシステム」ひいては「システム」と […]
ポートフォリオ作成記事
単純なCRUD(DBへの登録・更新・削除、DBからの読取)処理を一通り実装します

Laravelでポートフォリオ作り vol.1【設計編】
やっていくこと まずは実装前にやっていく設計作業を簡単に説明していきます。後程、具体例を出していくので、自分の作りたいものについても考えていきましょう。 アプリの方向性を決める まずはアプリの方向性を […]

Laravelでポートフォリオ作り vol.2【プロジェクト準備編】
前回の記事↓ Laravelプロジェクト作成 コマンドを使ってLaravelプロジェクトを作成していきます。今回はLaravel9を指定してプロジェクトを作成しますが、各自学習したバージョンや最新バー […]

Laravelでポートフォリオ作り vol.3【ルーティング編】
前回の記事 Laravelの画面表示までの流れを確認 モックアップの作成ではありますが、HTMLファイルを作成するのではなくBladeを作成します。また、Laravelプロジェクト上に作成していくので […]

Laravelでポートフォリオ作り vol.4【モックアップ編】
前回の記事 今回作成する部分について 前回、画面表示までの流れを作成したので、今回は生徒一覧の見た目の部分を作成していきます。単純にHTMLを書いていく作業になりますが、せっかくのLaravel開発な […]

Laravelでポートフォリオ作り vol.5【DB登録画面編】
前回の記事 画面表示までの処理を作成 まずは画面表示部分を作成します。やることは一覧画面のモックアップ作成と大きく変わりませんが、今回のリンクは画面上部のメニューではなく、一覧画面内に作成します。メニ […]

Laravelでポートフォリオ作り vol.6【DB登録処理編】
前回の記事 DBへのテーブルの作成 Laravelではテーブルを作成するためにMigrationファイルの作成&実行を行います。このMigrationファイルですが、Modelクラス作成のコマ […]

Laravelでポートフォリオ作り vol.7【データ一覧表示編】
前回の記事 Contorller処理の実装 まずはControllerの処理を確認してみましょう。一覧画面の処理はindexメソッドになります。 現在は表示される情報がDB取得のものではなく、ソースコ […]

Laravelでポートフォリオ作り vol.8【データ詳細表示編】
前回の記事 ルーティングの定義 まずはルーティングの定義をしていきます。今回は生徒一覧の下に追加しました。「detail」という名前で定義しています。※順番は機能に関係ありませんが、いつも一覧の下に詳 […]

Laravelでポートフォリオ作り vol.9【データ編集画面編】
前回 画面遷移と画面表示の作成 それではいつも通りに画面遷移部分だけ作成していきましょう。いつもの流れなので詳しい説明は省きます。今回は登録画面+詳細画面のような作りになります。画面での入力が必要なた […]

Laravelでポートフォリオ作り vol.10【データ削除編】
前回 ルーティングの定義 早速実装を進めていきます。今回作成する削除機能については画面を用意しません。詳細画面からボタンを押下することで削除処理が実行されるようにします。そのため、ルーティングも削除機 […]
デプロイ手順

Laravelのポートフォリオをデプロイ vol.1【準備編】【Laravel】【Git】【AWS Lightsail】
今回の環境 今回の環境はこちら Laravel 9 ※ブログ記事で実装 AWS Lightsail git 開発環境からgit経由でソースを持ってくることを想定するため、開発方法に関係なく同じような手 […]

Laravelのポートフォリオをデプロイ vol.2【サーバー設定編】【Laravel】【Git】【AWS Lightsail】
IPアドレスの固定化 まずはIPアドレスの固定化を行っていきます。IPアドレスを固定化しておかないと、IPアドレスが変わってしまうことがあるため、「あれ?昨日はアクセスできたのにアクセスできない。。。 […]

UbuntuにLaravelをデプロイする
今回の環境 開発機のWindows11に仮想マシンを作成。仮想マシンはUbuntu 22.04.2 LTSにて構築。 必要なソフトのインストール 今回は「Nginx」「MySQL」「PHP」で環境を構 […]
その他お役立ち記事

[Laravel]Seederを使ってデータを投入する
Seederファイルを作成 コマンドを使用してSeederファイルを作成します。 「ResetUserSeeder」の部分は、クラス名やファイル名となるため、どんなSeederであるかが判断できるよう […]

Laravelで画像をアップロードし、Webページで使用する方法
今回の記事では 画面から画像をアップロード アップロードした画像をLaravelプロジェクトのディレクトリに保存 ブラウザからアップロードした画像にアクセス(ブラウザに画像を表示) をやっていきます。 […]