フロントエンドガイドライン » 履歴 » リビジョン 5
リビジョン 4 (AppTime 管理, 2024/04/21 10:03) → リビジョン 5/6 (AppTime 管理, 2024/04/21 10:05)
# フロントエンドガイドライン
## 概要
**Livewireはv3のため、v2のドキュメントと間違えないようにする**
- Livewireドキュメント
https://livewire.laravel.com/docs/quickstart
- Alpine.jsドキュメント
https://alpinejs.dev/start-here
## 規約
- スタイリングにtailwindcssを使う
- Laravel Breezeに既に使われているため、統一する
- 動的な操作が必要になった場合、**Alpine.js**、**Livewire**を利用する 動的な操作が必要になった場合、**Alpine.js**、複雑な操作は**Livewire**を利用する
- **jQueryやDOM操作は使わないこと**、Alpine.js、またはLivewireで同等のことがより簡単な記述で実現ができます
- 技術スタックが混在するとバグを招くため、必ず守るようにしてください
- 共通のパーツはコンポーネント化する
- `resources/views/components`にbladeコンポーネントを作成してください
- 遅延ロード等、複雑なコンポーネントはLivewireコンポーネントを作成する
- `sail artisan make:livewire HouseMakerRanking`などのようにコマンドで雛形生成できます