Clik here to view.
tinymce-vue（CDNで）
問題 tinymce-vue、CDN環境だとどうやって使うの？ 答え こんな感じでWYSIWYGエディタが動きます。 HTML <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>tinymce-vue（CDNで）</title>...
View Article動的にJavaScriptを読み込む
問題 状況に応じて、動的にJavaScriptを読み込みたいです。 答え jQueryが使えるとき $.getScript('https://～～～～') これ1行でOK。 読み込んだ後に何かしてほしいときは、コールバックを指定。 $.getScript('https://～～～～', function(){ /* コールバック */ })...
View Article【JavaScript】配列から条件に合う要素を取り出す
問題 オブジェクトの配列Aとオブジェクトの配列Bがあって、配列Aの要素のオブジェクトの中であるプロパティが配列Bのいずれかの要素のあるプロパティと一致しているものだけを取り出したいです。 例えば、配列Aは授業の一覧で、配列Bが履修している授業のコードの一覧で、配列Bを利用して配列Aから履修している授業だけの一覧を取り出したい という感じです。 答え...
View Articleブラウザでバーコード読み取り
問題 スマホのブラウザとカメラでバーコード読めますか？ 答え バーコードのみ https://serratus.github.io/quaggaJS/v1.0.0-beta.1/examples/live_w_locator/ QRコードも読みたい https://qiita.com/kan_dai/items/4331aae12f5f2d3ad18d...
View Article【JavaScript】ランダムな文字列を作る
問題 パスワードっぽいランダムな文字列を作りたいです。 答え 例） ・使用可能な文字を指定できる。 ・各文字の登場回数は2回まで。 ・出来上がる文字列は10文字 var a =...
View ArticleClik here to view.
Vue Router の動的ルートのパラメータ違いの画面遷移でコンポーネントを再描画してほしい
問題 パス同じのパラメータ違いのルートでは、コンポーネントが再利用されて、createdなどが発火しない。 /user/123/user/456/user/789 パスが変わったときだけでなく、パラメータが変わった時もcreatedしたいな。 答え router-view に key属性を付与する方法がある。 デフォルトはルートが変わらないと同じコンポーネントが使用される。...
View ArticleClik here to view.
【vue3】自動リンク表示するコンポーネントを作る
問題 例えば以下のようなURLを含む文字列を、 ソフテルをGoogleで検索https://www.google.com/search?q=%E3%82%BD%E3%83%95%E3%83%86%E3%83%ABソフテルをYahoo!で検索https://search.yahoo.co.jp/search?p=%E3%82%BD%E3%83%95%E3%83%86%E3%83%AB...
View Articlevar aaa = ““; がエラーになるのはなぜ？
問題 以下のJavaScriptでエラーになります。なんで？ <script> var aaa = "<script></script>"; </script> エラー（chrome） Uncaught SyntaxError: Invalid or unexpected token エラー（firefox） Uncaught...
View Article【Javascript】Data URLとBlobの相互変換、ダウンロード
Data URLをBlobに変換 URLをfetchで取得する。 let dataUrl = "data:image/png;base64,～～～base64エンコードしたバイナリ～～～" fetch(dataUrl) .then(response => response.blob()) .then(blob => { console.log(blob) }) BlobをData...
View ArticleSPAでも戻るボタンで元のスクロール位置に戻りたい（vue）
問題 vue、vue routerで作っているSPAのページ移動で、ブラウザの戻るボタンを押したとき、前の位置に戻りたいです。 どうも上に戻ってしまうようです。 答え vue routerで画面遷移時のスクロール位置をコントロールするには scrollBehavior を使う。 上に戻したい 意図的に上に戻さないと、位置はページの途中のまま画面が切り替わる状況があります。...
View Article