LoginSignup
0
0

Webアプリ開発 ホーム画面編

Posted at

初めに

webアプリの開発ができたので、手順を公開していきます。

開発環境

macOS Sonoma 14.4.1
PHP 8.3.3
Laravel Installer 5.2.0

ソースコード

こちらのリンクから取得できます。

手順

レイアウト編

管理がしやすいのでレイアウトのファイルをコンポーネントに入れました。
viewsディレクトリにcomponentsディレクトリを配置します。
そこにlayout.blade.phpを配置します。
これがすべてのファイルの基準になります。

スクリーンショット 2024-04-17 11.12.18.png

左上のアイコンをクリックするとこのホーム画面に戻るようになってます。

ユーザー登録を押すとユーザーの新規登録画面が出てきます。

ログイン画面を押すとログインができます。

カテゴリー検索では記事ごとにカテゴリーがついているのでそれを検索できます。

タイトル検索では記事のタイトルで検索できます。

保守性の意識

だいたい全てのファイルで意識したことがあってそれは

layout.blade.php
<a href="{{ route('home') }}">
~
</a>

みたいにルートに名前をつけるようにしました。
なぜかというとルートの管理がしやすいからです。
もしルートに名前をつけていないとweb.phpとlayout.blade.phpの両方を編集しなければならないし該当箇所を探すのも手間がかかるのでなるべく名前をつけるようにしました。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0