Category / JavaScript
JavaScriptでHTMLのclassの追加、削除をする
2025-07-26 問題 jQueryで、addClass、removeClass、toggleClass しているのを、 素のJavaScriptで書きたいのですが、 難しいですか？ 答え 昔はやりづらくてjQueryが便利だったが、 今 […]
[jQuery] チェックされたチェックボックスのvalueを全部取得する
2025-04-29 問題 検索結果の一覧のそれぞれの行にチェックボックスがついていて、valueにはそれぞれのレコードのIDが入っているという状況で、 チェックされたチェックボックスのvalueを取得したいです。 答え map的な関数が使え […]
Prism.js をWordPressで使う
2025-04-09 問題 WordPressでPrism.jsを使いたいです。 答え プラグインなど使用しない場合。 Prism.jsのJavaScriptとスタイルシートを取得 公式サイトからダウンロードする。 https://prism […]
[Chrome] Uncaught (in promise) Error
2025-04-08 問題 chromeで以下のエラーが発生しています。 JavaScriptのエラーのようで、処理が進みません。 【google chrome】Uncaught (in promise) Error: A listener […]
SPAでも戻るボタンで元のスクロール位置に戻りたい（vue）
2023-07-10 問題 vue、vue routerで作っているSPAのページ移動で、ブラウザの戻るボタンを押したとき、前の位置に戻りたいです。 どうも上に戻ってしまうようです。 答え vue routerで画面遷移時のスクロール位置をコ […]
FormのデータをaxiosやjQuery.ajaxで送信する
2023-06-30 問題 画面上のHTMLのformの内容をajaxで送信したいです。 答え axiosやjQuery.ajaxは送信するデータにFormDataを渡してやるとフォームの内容を送信してくれる。 ファイルも送信できる。 例） […]
【Javascript】Data URLとBlobの相互変換、ダウンロード
2023-03-12 Data URLをBlobに変換 URLをfetchで取得する。 let dataUrl = "data:image/png;base64,～～～base64エンコードしたバイナリ～～～" fetch(dataUrl) […]
"; がエラーになるのはなぜ？">var aaa = "<script></script>"; がエラーになるのはなぜ？
2022-10-19 問題 以下のJavaScriptでエラーになります。なんで？ <script> var aaa = "<script></script>"; </script> エラー（chrome） Uncau […]
Vue Router の動的ルートのパラメータ違いの画面遷移でコンポーネントを再描画してほしい
2021-11-16 問題 パス同じのパラメータ違いのルートでは、コンポーネントが再利用されて、createdなどが発火しない。 /user/123/user/456/user/789 パスが変わったときだけでなく、パラメータが変わった時もc […]
【JavaScript】配列から条件に合う要素を取り出す
2021-11-15 問題 オブジェクトの配列Aとオブジェクトの配列Bがあって、配列Aの要素のオブジェクトの中であるプロパティが配列Bのいずれかの要素のあるプロパティと一致しているものだけを取り出したいです。 例えば、配列Aは授業の一覧で、配 […]
【JavaScript】ランダムな文字列を作る
2021-10-01 問題 パスワードっぽいランダムな文字列を作りたいです。 答え 例） ・使用可能な文字を指定できる。 ・各文字の登場回数は2回まで。 ・出来上がる文字列は10文字 var a = 'ABCDEFGHIJKLMNOPQRST […]
【vue3】自動リンク表示するコンポーネントを作る
2021-09-16 問題 例えば以下のようなURLを含む文字列を、 ソフテルをGoogleで検索https://www.google.com/search?q=%E3%82%BD%E3%83%95%E3%83%86%E3%83%ABソフテル […]
ブラウザでバーコード読み取り
2021-09-06 問題 スマホのブラウザとカメラでバーコード読めますか？ 答え バーコードのみ https://serratus.github.io/quaggaJS/v1.0.0-beta.1/examples/live_w_locat […]
動的にJavaScriptを読み込む
2021-07-05 問題 状況に応じて、動的にJavaScriptを読み込みたいです。 答え jQueryが使えるとき $.getScript('https://～～～～') これ1行でOK。 読み込んだ後に何かしてほしいときは、コールバッ […]
tinymce-vue（CDNで）
2020-11-26 問題 tinymce-vue、CDN環境だとどうやって使うの？ 答え こんな感じでWYSIWYGエディタが動きます。 HTML <!DOCTYPE html> <html lang="ja"> & […]
vue-quill-editor（CDNで）
2020-11-20 問題 vue-quill-editor、CDN環境だとどうやって使うの？ 答え こんな感じでWYSIWYGエディタが動きます。 HTML <!DOCTYPE html> <html lang="ja"& […]
クリックしたら選択状態にしたい
2020-03-20 問題 <span>なんとかかんとか</span> などある要素をクリックしたら、要素内のテキストを選択状態にしたいです。 答え IEを無視してよければ、CSSのみで可能。 インラインで style […]
tinymceで scriptタグが削除される
2020-03-12 問題 tinumce で WYSIWYGエディタ機能を追加したのですが、 コード編集で scriptタグ <script></script> を入力すると、消されてしまいます。 答え 設定で以下を […]
【vue】v-modelを言い換えると
2020-02-01 問題 単純に v-model="変数" ができなくて、表示の処理と、入力の受付の処理を分けたいのですが。 答え フォームの要素によって拾うイベントを変えているので、以下のようになる。 input ty […]
【JavaScript】number_format 3桁区切りでカンマを入れる
2020-01-24 問題 JavaScriptで、phpのnumber_fomat() みたいに3桁区切りでカンマを入れたいです。 答え 関数を自作する場合。小数や区切り文字など考慮した高機能版。 function number_forma […]