Livewireを使ってサイトを作った感想

今回は、不動産関連について調べていたところ……電卓サイトを作ったらいいんじゃないかと思い、 を作った…… こうして作るにあたって、Laravel + Livewire + Alpine.js を使った。\ （もちろん、これ以外にも別のサイトに適用して使ったことがある） 作ってみて感じたのは……思った以上にかなり不便だということだ……\ 何かを設定するページに関しては、その select を変更するたびに、該当する HTML DOM を新たに取得して置き換えられるのは、非常に大きなメリットだと思う。 しかし、それ以外では……input では思った以上に遅延がかなりある…… ``` wire:model.debounce.500ms wire:model.lazy ``` その他のオプションも使えるけれど、思ったより少し不便だと感じる…… かといって、Laravel blade を使おうとすると、modal や ajax など、いろいろなものを自分で実装しなければならず、かえって手間がかかる気もする……いくつかの wire:model について、submit 時やイベント発生時だけデータを送信するようにはできないのだろうか……？ wire:model が変更されるたびにリクエストするのは、少し……残念だ。 以前、alpine.js を使っていたときに、 を使っていると言って、おすすめしたことがある。store をグローバルに使えるようにしてくれるものだったが…… 今回、また別のものが登場した。 x-data を一度だけ使えるところで、親の x-data にアクセスできる機能をサポートしている……（ほとんどグローバルな store レベル……すごい） さらに……いちばん気に入ったのは $fetch Using Axios, fetch JSON from an external source. という機能だ。 Axiosを使って簡単にデータを取得し、x-data に設定できる……\ この機能を使えば、Laravel blade + alpine.js の2つだけで、非常に高速で多彩な機能を実装できると思う…… というわけで、次の制作物では laravel blade + alpine.js + alpine-magic-helpers だけで作業してみようと思う……（モーダルなどを作ったり、データをリアルタイムで fetch して取得し、適用したりするつもりだ……それに Laravel 8 ではコンポーネント部分に @once @endonce が追加されるそうなので……さらに活用しやすくなると思う） 今も引き続き……電卓を追加しているところだが、メリットとしては、フロントエンドで計算式を計算しなくていい点が挙げられる……電卓の計算式はすべてバックエンドの php で処理してくれる……（反応が少し遅いのは、欠点と言えば欠点……ほおお）

ほかの記事