vueプロジェクトを作成するときにカスタム設定でprettierをインストールできるようになるが、これがWindowsだといろいろとめんどかったので消した。 改行コードやシングルクォート、カンマやセミコロンなどいろいろエラーが出る。 ESlintだけあればいいので、アンインストールする。 .eslintrc.js ファイルを開き、Prettier関連の設定を削除 .prettierrc ファイルが…Continue reading Vue.js prettierをインストールしたらエラーが出まくった
カテゴリー: javascript
Laravelのblade内のscriptでphpからのデータを受け取る
laravelのbladeにJSを書いてその中でphpからのデータを受け取りたいとき 以下のようなデータをViewに返すとする。 値の場合 エスケープするかは自由 文字列もしくは数値として受け取れる。 配列の場合 このまま配列として扱える 連想配列の場合 PHPでは連想配列だが、JSではJsonオブジェクト扱いになる JSONを解析すれば、オブジェクトだが、配列として扱えるJSON.parseをす…Continue reading Laravelのblade内のscriptでphpからのデータを受け取る
JSから異なるサーバーのAPIへ送信 CORS（Cross-Origin Resource Sharing）
has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource LaravelのJSから異なるサーバー（異なるドメイン）のAPIへAjaxで送信したとき、以上のようなエラーが起きた。 CORSポリシー セキュリティ向上の…Continue reading JSから異なるサーバーのAPIへ送信 CORS（Cross-Origin Resource Sharing）
javascript 空配列の判定 optional chaining
オプショナルチェイニングで配列の空判定 空配列の判定で便利なものを知った。 参考 https://qiita.com/kozzzz/items/42108bc96b3a0e7c53d5 オプショナルチェイニングは、プロパティや要素にアクセスする際にnullまたはundefinedでないことを確認する構文です。 ChatGPT 以上のように ? . をつかって判定できる。 ほかの使用例 配列の要素へ…Continue reading javascript 空配列の判定 optional chaining
JSとPHPの配列キーが設定されていないときの判定処理
以下に投稿 undefinedとnullの比較についても書いています。 PHPとJavaScriptで未定義の配列のキーにアクセスしたときのエラーを防ぐ
jqueryのセレクタでsubmit()が送信できない
質問内容↓ https://teratail.com/questions/8w2mmh6a50024e 要は、JSのsubmitとjQueryのsubmitは違うということ。 送信可能 jqueryの場合、送信不可 return falseを外せば、jqueryでも送信可能 jqueryはonsubmitイベントを通るが、jsは通らないため、return falseをいれると、jqueryではsu…Continue reading jqueryのセレクタでsubmit()が送信できない
js、jQuery:最初のセレクタしか動作しない。同じセレクタが複数あるときは、ループをかけて処理をする。
同じセレクタが複数あったとする。 Chromブラウザのコンソールには同じIDが複数あると、メッセージが出る。 jsやphpでDOMをループで出力するときに、IDを同じもので設定しているとよくこうなる。 下記のように同じクラスに対して、なにかjsで操作をするとき <div class=”box”> <input type=”button…Continue reading js、jQuery:最初のセレクタしか動作しない。同じセレクタが複数あるときは、ループをかけて処理をする。
js matchとphp preg_match、便利なpreg_replaceの使い方
matchとpreg_replace() 使う時の注意点 正規表現は同じものが使えるが、 jsの方ではシンタックスエラーでもphpでは動くこともある。 ・繰り返し表現 ・半角スペース スペースは普通に書いてもマッチする。 ・行頭行末指定 phpのpreg_matchではヒットしたところが繰り返しになってしまうので完全一致で文字を見つけたい時は必要である。 preg_replace マッチした文字列…Continue reading js matchとphp preg_match、便利なpreg_replaceの使い方
js 配列の要素に対して処理をする array.filter
Array.prototype.filter() filter()内に定義された条件に当てはまる要素を抽出し、新たな配列の要素とする。 var array = [‘a’,’b’,’c’]; array.fliter(function(element){ console.log(element+’d’);…Continue reading js 配列の要素に対して処理をする array.filter
GAS フォームでラジオボタンの項目が空の場合、回答がずれる
Google App Scriptを使用して、フォームの回答を取得したい場合、 とすることが多いと思う。 これを使うと、問題や回答が配列として、itemResponsesに入るので、回答を取得する。 このようにして回答を取得していく。 1問目の回答は、インデックスが０にある。 例えば、問題が 記述式、ラジオボタン、記述式というように３問ある場合、 全て回答すれば、itemResponsesには[2…Continue reading GAS フォームでラジオボタンの項目が空の場合、回答がずれる