少し前に、文字列の先頭が / から始まっているかを確認する処理をなんとなく書きました。 そうえいば、文字列の先頭の文字は[0]で取得できるよなぁと思いました。 大体は動きますけど、これには違いがありました。 ①空文字の場合、[0]のやり方だと警告がでます。str_starts_with では警告はでません。 ②マルチバイトの場合、[0]のやり方だと false になります。str_starts_with だと true になります。 そういうことに気を付けて、プログラムしましょうというお話でした。 きっと、str_starts_with 以前は substr や mb_substr の処理だったのだと思いました。ワーニングはでません。
コンポーネントのコントローラー、ビュー（BLADE）でコンポーネントＩＤを取得する方法 コンポーネントのビュー（BLADE）でコンポーネントＩＤを取得する方法。 JavaScript で コンポーネントＩＤ を取得する方法。 Livewire.all で コンポーネントＩＤ を取得する方法。 ↓下の方法で コンポーネントＩＤ を取得することはできません。
Livewire コンポーネントID を取得するには？ Read More »
ライブワイヤーで動的にコンポーネントを作成する場面で使いました。
JavaScript htmlからエレメントを作成するには？ Read More »
Laravel と Livewire をインストールして、親と子のコンポーネントで複数のプロパティをバインディングして同期されるかを確認 インストール時にプロジェクト名のディレクトリが作成されます。 ↓下のメッセージが表示されてインストールは終わります。 Laravel のインストールはここまで。 ↑mountLivewireTagメソッド内で、render_blade関数 でライブワイヤーコンポーネントを HTML に変換して、createComponentイベントを送ります。 ① createボタン を押して ParentComponentクラス の createメソッド が呼び出します。② mountLivewireTagメソッド内で、render_blade関数 でライブワイヤーコンポーネントを HTML に変換して、createComponentイベントを送ります。③ JavaScript の createComponentハンドラ でエレメントを作成して、Livewire.rescan で認識させます。
Livewire Livewire.rescan について rescan Read More »
render_blade関数 を作成しました。 一時的なブレードファイルのディレクトリを作成します。 view のパラメーターに blade文字列 を設定します。 ブレードでは以下のようにして blade文字列 を展開させます。
Laravel 動的に作成した BLADE文字列 をレンダリングするには？ Read More »
Laravel と Livewire をインストールして、親と子のコンポーネントで複数のプロパティをバインディングして同期されるかを確認 プロジェクト名（oyako5）を決めて以下のコマンドを実行します。 インストール時にプロジェクト名のディレクトリが作成されます。 インストールの最後に sudo でパスワードの入力を求められます。 ↓下のメッセージが表示されてインストールは終わります。 sail のエイリアスを定義します。 Laravel のインストールはここまで。 「sail up」でコンテナを起動します。 ララベルのトップディレクトリで、Livewireパッケージ をインストールします。 Livewire のクラスとビューを作成するため、ディレクトリを作成します。 LiveRelationトレイト を作成します。 ライブワイヤーの親コンポーネントを作成します。app/Http/Livewire/ParentComponent.php ライブワイヤーの親コンポーネントのビューを作成します。resources/views/livewire/parent-component.blade.php ↑のポイントは５行目の「bind=”counter1,counter2″」です。ここで 親コンポーネントの counter1とcounter2のプロパティを子コンポーネントのプロパティ を紐づけています。 ライブワイヤーの子コンポーネントを作成します。app/Http/Livewire/ChildComponent.php ライブワイヤーの子コンポーネントのビューを作成します。resources/views/livewire/child-component.blade.php ↑のポイントは３，４行目でcounter を defer にしています。５行目でリフレッシュさせて同期させています。 public/liveext.js を作成します。 resources/views/index.blade.php を作成します。 routes/web.php にルートを定義します。 ブラウザでアクセスしてみましょう。 COUNTER1 と COUNTER2 に値をいれて、リフレッシュボタンを押すと、バインディングされた親のコンポーネントの COUNTER1 と COUNTER2 が同期されます。
Livewire 親子のコンポーネントで複数のプロパティを更新するには？oyako5 Read More »
完成系は↓こちらです。 Laravel と Livewire をインストールして、emitParent のサンプルプログラムを作成してみます。 プロジェクト名（emitParent）を決めて以下のコマンドを実行します。 インストール時にプロジェクト名のディレクトリが作成されます。 インストールの最後に sudo でパスワードの入力を求められます。 ↓下のメッセージが表示されてインストールは終わります。 sail のエイリアスを定義します。 Laravel のインストールはここまで。 「sail up」でコンテナを起動します。 ララベルのトップディレクトリで、Livewireパッケージ をインストールします。 次のコマンドを実行して、parent-formコンポーネント を生成します。 次の 2つ のファイルが生成されます。 ※因みに、render メソッド を定義しなくても livewire.parent-form は呼び出されます。 生成された parent-formコンポーネント のクラスとビューを次のように置き換えます。 app/Http/Livewire/ParentForm.php resources/views/livewire/parent-form.blade.php child-formコンポーネント のクラスとビューを作成します。 app/Http/Livewire/ChildForm.php resources/views/livewire/child-form.blade.php grandchild-formコンポーネント のクラスとビューを作成します。 app/Http/Livewire/GrandchildForm.php resources/views/livewire/grandchild-form.blade.php LiveRelationトレイト を作成します。 public/liveext.js を作成します。 resources/views/index.blade.php ファイル を作成します。 routes/web.php にルートを追加します。 ブラウザで確認します。 ↑上が Grandchild
Livewire クラスメソッドから親コンポーネントにだけイベントを送るには？emitParent Read More »
「Passing Action Parameters」についてブレード側の説明は「次のように、追加のパラメーターを式で直接 Livewire アクションに渡すことができます。」と、これだけです。。。 上のコードでは、addTodo のパラメーターにプロパティの値を展開して渡していますので、表示時には以下のようになります。 実は、追加パラメーターに JavaScript を書くこともできます。これが言いたかったです。getTodoId() と getTodoName() は JavaScript の関数です。 ↓次 click した時に↓下のようにセミコロンで区切って複数の PHPのメソッド を呼びたくなりますが、それはできません。PHPのメソッドは１つしか実行することができません。 ↓次 「Magic Actions」に「Livewire には、通常 “$” 記号が前に付いている “魔法の” アクションがいくつかあります。」とあります。ここで勘違いしてしまうのが、↓下の「$set」。この ＄ は PHP でもなければ jQeury でもありません。こういうものなのです。
Livewire Actionsの説明について Read More »
可変長引数の後の引数の動作を確認してみましょう。↓下のようなコードが実行できるか確認しました。理想は $a には 1 が入り、$b には [2,3,4] が入り、$c には 5 が入るかもしれない。と思ったわけです。 結果。エラーになってしまいました。この書き方はできません。
PHP 可変長引数の後に引数は定義できるか？ Read More »
livewire.js の中の callメソッド を上書きしたいと思いました。 ↑上のコードを見易く整形すると、↓下のコードになります。 話は少しそれますが、↑上のソースで衝撃だったのが８行目と９行目で、行の終わりに「,」のカンマを使っているところです。セミコロンならわかりますけど、カンマです・・・「var i=0,j=0,k=0;」と同じことか、確かに最後の行がカンマで終わらなければ、カンマでいけますね。 ↓下のように★のマークの行を入れることができれば勝てるのですけれど、、、 勝てました。 やり方です。component.initialized のフックのタイミングで、コンポーネントに設定されている addActionメソッド を別名 _addAction で登録します。新addActionメソッド では、メソッド呼び出しの場合にパラメーターに Livewire.data() を追加して元の addAction を呼び出すように変更します。 ↑当初は callメソッド を変更していましたが、callメソッド も addActionメソッド を通りますので、addAction が正解です。
Livewire ライブワイヤーの JS を修正したい Read More »
