カテゴリー: javascript

bladeテンプレート内でのjsの書き方、値を引き継ぐ方法

jintajavascript

bladeテンプレート内のscriptタグでは サーバー側から渡された値をscirpt内で使うことができる。 1. Bladeテンプレート内でのJavaScriptの書き方 直接Bladeテンプレート内に記述する方法 Bladeファイル内でJavaScriptを記述する場合、通常は<script>タグ内に書く。 <!– resources/views/example.blade…Continue reading bladeテンプレート内でのjsの書き方、値を引き継ぐ方法

配列の展開 for-in , for-of, forEach

jintajavascript

JavaScriptにおける配列の展開：for-in, for-of, forEach の違いと使い方 1. for-in ループ for-in はオブジェクトの プロパティ名（キー） を反復処理する。配列に対して使うと インデックス（キー） を取得できる。 使い方 注意点 配列の反復には for-in ではなく、for-of や forEach を使うのが一般的。 🔸 オブジェクトの展開（Obj…Continue reading 配列の展開 for-in , for-of, forEach

inputタグにnameとonclicなどのイベント名は同じにしてはいけない

jintajavascript

https://qiita.com/nekoneko-wanwan/items/b8b1e2a5bb0a438bb3b4 フォーム内でonclick属性を使う時には、name / idに気をつけよう この記事は面白いので一読すべき。 Formタグの中にSubmit属性のInputタグがあったらまずそちらが実行されるので、Name属性からそのHtml自身が取得される。 まずType_Submitにし…Continue reading inputタグにnameとonclicなどのイベント名は同じにしてはいけない

GAS 文字列の結合　空文字に＋を使うと自動で０に変換される

jintajavascript

Google Apps Scriptにおける文字列の足し算 文字列の足し算は、主に以下の方法がある しかし、Ver１が空文字の場合、特定の環境や関数の使用によっては、数値型として解釈される場合や、デフォルト値（0など）が適用される際、 0Worldのような結果になってしまうことがあり得える。 GASで文字列を扱う際には、いくつかの注意点がある。 特に、数値と文字列を結合する際に注意が必要。 文字列…Continue reading GAS 文字列の結合　空文字に＋を使うと自動で０に変換される

Laravel, Vue.js メモ

jintajavascript

環境構築 laravel プロジェクト作成 node.jsインストール viteのvueインストール Laravel 10ではViteがデフォルトのビルドツールとして使用されているため、Vue CLIは必要ない。代わりに、ViteのVueプラグインを使用する。 viteでvueを使うため vitejs/plugin-vueをインストール viteの設定 vite.config.jsの設定 vueプ…Continue reading Laravel, Vue.js メモ

jQuery 親要素を取得するときの注意 parent(), parents(), closest()

jintajavascript

結論 parentで親要素は複数取れてしまう。なのでclosestを使う。 各メソッドの違い コード例 parent() parent()メソッドは、選択した要素の直近の親要素を1つだけ取得する。 // parent()の例 // 直近の親要素を取得 console.log($(‘.child1’).parent().attr(‘class’)); // 出力: “parent1” 注意点：複数の…Continue reading jQuery 親要素を取得するときの注意 parent(), parents(), closest()

JavaScript　非同期処理 for…of と forEach

jintajavascript

結論から言うと、for..ofは非同期処理に対応し、awaitを使うと、順次処理ができる。 forEachは非同期処理には対応しておらず、awaitを使っても、非同期に（ループの順番で）処理が開始される。この時レスポンスは待たない。 並列処理を行いたい場合、ループ処理ではなく、Promise.allを使うのが一般的である。 並列処理は、ループの時とは違い、同時に実行される。 for…o…Continue reading JavaScript　非同期処理 for…of と forEach

Vue.js prettierをインストールしたらエラーが出まくった

jintajavascript

vueプロジェクトを作成するときにカスタム設定でprettierをインストールできるようになるが、これがWindowsだといろいろとめんどかったので消した。 改行コードやシングルクォート、カンマやセミコロンなどいろいろエラーが出る。 ESlintだけあればいいので、アンインストールする。 .eslintrc.js ファイルを開き、Prettier関連の設定を削除 .prettierrc ファイルが…Continue reading Vue.js prettierをインストールしたらエラーが出まくった

Laravelのblade内のscriptでphpからのデータを受け取る

jintajavascript

laravelのbladeにJSを書いてその中でphpからのデータを受け取りたいとき 以下のようなデータをViewに返すとする。 値の場合 エスケープするかは自由 文字列もしくは数値として受け取れる。 配列の場合 このまま配列として扱える 連想配列の場合 PHPでは連想配列だが、JSではJsonオブジェクト扱いになる JSONを解析すれば、オブジェクトだが、配列として扱えるJSON.parseをす…Continue reading Laravelのblade内のscriptでphpからのデータを受け取る