Question 1

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

Accepted Answer

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

Question 2

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

Accepted Answer

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

Question 3

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

Accepted Answer

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

Livewire & Inertia

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

回答

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

回答

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

回答

フィールドに未保存の変更があるときに視覚的なインジケーターを表示できる Livewire のディレクティブはどれですか？

ユーザーの最後のキー入力から 250ms ネットワークリクエストを遅延させられる Livewire の修飾子はどれですか？

その他のLaravel面接トピック

PHPの基礎

PHP オブジェクト指向の基礎

Composer & Autoloading

Laravelの基礎

Laravel ルーティング

Blade Templates

Request & Response

Eloquent ORM の基礎

Eloquent Relationships

Migrations & Schema Builder

バリデーションとフォーム

認証

認可とPolicies

API Resources & Authentication

ミドルウェア

Service Container & DI

Queues & Jobs

Events & Listeners

通知とメール

File Storage

Testing & PHPUnit

Caching

Eloquent Advanced

Repository Pattern

Laravel パッケージ

Performance Optimization

Security Best Practices

Laravel Octane

Laravel Distributed Systems

Observability & Monitoring

Deployment & DevOps

次の面接に向けてLaravelをマスター