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