# Livewire & Inertia (Laravel)

> Livewire コンポーネント、wire:model、バリデーション、Inertia.js のセットアップ、partial reload、共有データ、router、比較

- 20 面接問題
- Mid-Level
- [面接問題: Laravel](https://sharpskill.dev/ja/technologies/laravel/interview-questions.md)

## 1. Laravel の文脈における Livewire とは何ですか？

**回答**

Livewire は Laravel 向けのフルスタックフレームワークで、JavaScript をほとんど書かずに、動的でリアクティブなユーザーインターフェースを完全に PHP で構築できます。AJAX リクエストを介してサーバーとクライアント間の通信を自動的に処理し、PHP/Laravel エコシステム内にとどまりながら、モダンな JavaScript フレームワークと同様のインタラクティブなコンポーネントを作成できます。

## 2. ユーザーが入力フィールドを離れたときにのみ更新をトリガーするには、wire:model にどの修飾子を使用しますか？

**回答**

修飾子 .blur は、ユーザーがフィールドを離れたとき（blur イベント）にのみ Livewire の更新をトリガーします。たとえば別の場所をクリックしたり Tab キーを使用したときです。これにより、キー入力のたびにリクエストを送信する .live と比較してネットワークリクエストが削減されます。1 文字ごとのリアルタイムバリデーションが不要なフォームに便利です。

## 3. Livewire の子コンポーネントにおける #[Modelable] 属性の目的は何ですか？

**回答**

#[Modelable] 属性は、子コンポーネントのプロパティを親の wire:model と双方向にバインドすべきであることを Livewire に伝えます。これにより、親との状態の同期を維持しながら、フォームフィールドを再利用可能なコンポーネントに抽出できます。現在、コンポーネントごとに最初の #[Modelable] 属性のみがサポートされています。

## さらに17問利用可能

- フィールドに未保存の変更があるときに視覚的なインジケーターを表示できる Livewire のディレクティブはどれですか？
- ユーザーの最後のキー入力から 250ms ネットワークリクエストを遅延させられる Livewire の修飾子はどれですか？

無料で登録: https://sharpskill.dev/ja/login

## その他のLaravel面接トピック

- [PHPの基礎](https://sharpskill.dev/ja/technologies/laravel/interview-questions/php-basics.md): 25問, Junior
- [PHP オブジェクト指向の基礎](https://sharpskill.dev/ja/technologies/laravel/interview-questions/php-oop-essentials.md): 20問, Junior
- [Composer & Autoloading](https://sharpskill.dev/ja/technologies/laravel/interview-questions/composer-autoloading.md): 18問, Junior
- [Laravelの基礎](https://sharpskill.dev/ja/technologies/laravel/interview-questions/laravel-fundamentals.md): 20問, Junior
- [Laravel ルーティング](https://sharpskill.dev/ja/technologies/laravel/interview-questions/laravel-routing.md): 20問, Junior
- [Blade Templates](https://sharpskill.dev/ja/technologies/laravel/interview-questions/blade-templates.md): 18問, Junior
- [Request & Response](https://sharpskill.dev/ja/technologies/laravel/interview-questions/request-response.md): 20問, Junior
- [Eloquent ORM の基礎](https://sharpskill.dev/ja/technologies/laravel/interview-questions/eloquent-orm-basics.md): 22問, Junior
- [Eloquent Relationships](https://sharpskill.dev/ja/technologies/laravel/interview-questions/eloquent-relationships.md): 25問, Mid-Level
- [Migrations & Schema Builder](https://sharpskill.dev/ja/technologies/laravel/interview-questions/database-migrations.md): 20問, Mid-Level
- [バリデーションとフォーム](https://sharpskill.dev/ja/technologies/laravel/interview-questions/validation-forms.md): 22問, Mid-Level
- [認証](https://sharpskill.dev/ja/technologies/laravel/interview-questions/authentication.md): 20問, Mid-Level
- [認可とPolicies](https://sharpskill.dev/ja/technologies/laravel/interview-questions/authorization-policies.md): 18問, Mid-Level
- [API Resources & Authentication](https://sharpskill.dev/ja/technologies/laravel/interview-questions/api-resources-authentication.md): 26問, Mid-Level
- [ミドルウェア](https://sharpskill.dev/ja/technologies/laravel/interview-questions/middleware.md): 18問, Mid-Level
- [Service Container & DI](https://sharpskill.dev/ja/technologies/laravel/interview-questions/service-container-di.md): 20問, Mid-Level
- [Queues & Jobs](https://sharpskill.dev/ja/technologies/laravel/interview-questions/queues-jobs.md): 22問, Mid-Level
- [Events & Listeners](https://sharpskill.dev/ja/technologies/laravel/interview-questions/events-listeners.md): 18問, Mid-Level
- [通知とメール](https://sharpskill.dev/ja/technologies/laravel/interview-questions/notifications-mail.md): 20問, Mid-Level
- [File Storage](https://sharpskill.dev/ja/technologies/laravel/interview-questions/file-storage.md): 18問, Mid-Level
- [Testing & PHPUnit](https://sharpskill.dev/ja/technologies/laravel/interview-questions/testing-phpunit.md): 24問, Mid-Level
- [Caching](https://sharpskill.dev/ja/technologies/laravel/interview-questions/caching.md): 18問, Mid-Level
- [Eloquent Advanced](https://sharpskill.dev/ja/technologies/laravel/interview-questions/eloquent-advanced.md): 24問, Senior
- [Repository Pattern](https://sharpskill.dev/ja/technologies/laravel/interview-questions/repository-pattern.md): 20問, Senior
- [Laravel パッケージ](https://sharpskill.dev/ja/technologies/laravel/interview-questions/laravel-packages.md): 20問, Senior
- [Performance Optimization](https://sharpskill.dev/ja/technologies/laravel/interview-questions/performance-optimization.md): 22問, Senior
- [Security Best Practices](https://sharpskill.dev/ja/technologies/laravel/interview-questions/security-best-practices.md): 22問, Senior
- [Laravel Octane](https://sharpskill.dev/ja/technologies/laravel/interview-questions/laravel-octane.md): 18問, Senior
- [Laravel Distributed Systems](https://sharpskill.dev/ja/technologies/laravel/interview-questions/laravel-distributed-systems.md): 22問, Senior
- [Observability & Monitoring](https://sharpskill.dev/ja/technologies/laravel/interview-questions/observability-monitoring.md): 20問, Senior
- [Deployment & DevOps](https://sharpskill.dev/ja/technologies/laravel/interview-questions/deployment-devops.md): 20問, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/ja/technologies/laravel/interview-questions/livewire-inertia