Category / JavaScript
SPAでも戻るボタンで元のスクロール位置に戻りたい(vue)
2023-07-10 問題 vue、vue routerで作っているSPAのページ移動で、ブラウザの戻るボタンを押したとき、前の位置に戻りたいです。 どうも上に戻ってしまうようです。 答え vue routerで画面遷移時のスクロール位置をコ […]
【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=”変数” ができなくて、表示の処理と、入力の受付の処理を分けたいのですが。 答え フォームの要素によって拾うイベントを変えているので、以下のようになる。 i […]
【JavaScript】number_format 3桁区切りでカンマを入れる
2020-01-24 問題 JavaScriptで、phpのnumber_fomat() みたいに3桁区切りでカンマを入れたいです。 答え 関数を自作する場合。小数や区切り文字など考慮した高機能版。 function number_forma […]
$(function(){}) をjQueryを使わないで書くと
2020-01-23 問題 DOMロード後の処理をjQueryを使わないで書くと? 答え $(function(){ }) や $(document).ready(function(){ }) と書いているところは以下のように書き換えられる。 […]
vue + vuex + vue-router のwebpackなしサンプル(コピペでできる)
2020-01-18 問題 webpackとかLaravelなしで vue+vuex+vue-routerできないですか。 答え htmlファイル1個と、jsファイル1個で、小さなSPA(Single Page Application)っぽい […]
【Vue.js】[Vue warn]: Cannot find element: #appが出る時
2020-01-15 問題 Vue.js を使おうとしているのですが、以下のエラーが出て進みません。 app.js:4277 [Vue warn]: Cannot find element: #app 答え scriptタグにdeferがつけ […]
vueの画面でjquery.ui.datepickerを使うと?
2020-01-02 問題 vueで作っている画面で、jQuery UI の datepicker を使おうと思ったんだけど、うまく動かない。 答え 本来はvueに全部お任せするのがよく、jquery, jquery.ui にHTMLを変更さ […]
Laravel+axiosのCSRF対策
2019-12-26 問題 LaravelもaxiosもCSRF対策が組み込まれてますよね。 どう設定するとよいですか。 何か設定は必要ですか。 答え LaravelはミドルウェアVerifyCsrfTokenが以下のCookieを送る。 S […]