JavaScriptで整数の乱数を取得するには？

JavaScript /

配列のインデックスを乱数で取得するには↓下のように書きます。 基本は↓こんな感じです。 ↓こちらは「１以上１０未満」の整数の値が取得できます。 ↓こちらは「１００以上２００未満」の整数の値が取得できます。 「１００以上２００以下」の整数の値を取得したいなら、最大値に＋１します。

JavaScriptで整数の乱数を取得するには？ Read More »

JavaScript PostMessageでiframeとやりとりするには？

JavaScript /

子のiframe内から 親のindex.html にイベントを送る。 iframe.html window.parent.postMessage で親ウィンドウにメッセージを送ります。 親のindex.html 親のindex.html から 子のiframe にイベントを送る。 親のindex.html document.querySelector(｛iframeを指定｝).contentWindow.postMessage で iframe にメッセージを送ります。 iframe.html iframe の高さにリサイズする例 window.parent.postMessage で親ウィンドウにメッセージを送ります。 親のindex.html

JavaScript PostMessageでiframeとやりとりするには？ Read More »

Laravel キャッシュファイルを削除するには？

Laravel /

アプリケーションのキャッシュを削除する。 更新対象：storage/framework/cache/data/ コンフィグのキャッシュを削除する。 更新対象：bootstrap/cache/config.php ルーティングのキャッシュを削除する。 更新対象：bootstrap/cache/routes.php ビューのキャッシュを削除する。 更新対象：storage/framework/views/ ブレードのディレクティブの更新も↑こちらを使います。 サービスプロバイダのキャッシュを削除する。 更新対象：bootstrap/cache/services.php パッケージのキャッシュを削除する。 更新対象：bootstrap/cache/packages.php

Laravel キャッシュファイルを削除するには？ Read More »

JavaScript の総復習

JavaScript /

Strictモード プログラムの先頭や関数の先頭に記述します。 分割代入 分割代入で変数の値を入れ替えられますが、１行目のセミコロンが無いとエラーになりました…セミコロン必要ですか… プロパティのアクセス プロパティへのアクセスはドットとブラケットの両方とも使えます。 プロトタイプ function版 class版 for of 数値の桁区切りに _ を使うことができる。（Numeric separators） これは PHP7.4以降 と同じですね。 ↓3桁以外の場所にも入れることができます。 バッククォートの中では、変数を展開することができる（→テンプレート文字列）。改行も普通にできる。 タグ付きテンプレート文字列。関数が呼び出せます。 includesで配列の中の値を検索できるようになった。 ようするに $.inArray、indexOf。PHP では in_array。 atメソッドが追加され、配列、文字列の最後にアクセスし易くなった。 アロー関数内の this は、アロー関数が作られた場所の this を指す。 …（スプレッド演算子）でリストの残りの値を変数に代入できる。 ?? PHPにもありますね。 ??= PHPにもありますね。 ||= falsy の場合に代入します。 &&= truthy の場合に代入します。 ?.（オプティカルチェーン） 参照先が null、undefined かを確認しないで、プロパティを取得したりメソッドを実行することができます。 PHP8.0 の「?->」ですね。 Symbol型 プライベートなアクセスに使えるようです。因みに、ES2022 でプライベートが使えるようになりました。 FetchAPI WEB から

JavaScript の総復習 Read More »

Node.js httpdサーバーを作ってみるには？

Node.js /

この１行だけで Webサーバー としてひとまず機能します。hello.js として保存します。 require ではなく、import で対応する場合は、package.jsonファイル を用意して↓下のように書きます。 実行は↓下のように nodeコマンド に hello.jpファイル を与えます。 ブラウザで http://localhost にアクセスすると「Hello Answorz!」と表示されます。 Express でhttpサーバーを作ってみる。 ↑hello.js を実行すると、実行後は hello.js を修正しても修正した内容が反映されません。反映する為にはコマンドを止めて、再び nodeコマンド を実行する必要があります（面倒ですよね）。それを自動でやってくれるのが nodemon です。

Node.js httpdサーバーを作ってみるには？ Read More »

Livewire コンポーネントの作成について

Livewire /

Livewire v1 のブレードでの書き方。 Livewire v2 のブレードでの書き方。↓ここまでが通常の書き方です。 view を使ってライブワイヤータグから動的に生成する方法。この後、エレメントをDOMに追加して livewire.rescan() を実行する必要があります。 こちらについては、LiveRelation に mountLivewireTagメソッド を追加しました。 ↑上は view を使いコンポーネントを作成しましたが、↓下は mountメソッド で HTML を生成することができました。 こちらについては、LiveRelation に mountComponentメソッド を追加しました。 ↓こちらが最後。LifecyleManager を使ってコンポーネントを作成する方法。これがやりたかったです。 LiveRelation に createComponentメソッド と renderComponentメソッド を追加しました。createComponent を使えば、mount後のインスタンスを取得できるので、コンポーネントのプロパティを設定したり、何かメソッドを呼び出してからレンダリングさせることができます。

Livewire コンポーネントの作成について Read More »

Scroll to Top