SOFTELメモ Developer's blog

会社概要 ブログ 調査依頼 採用情報 ...

Category / JavaScript

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 […]

vue-routerでUncaught(in promise) NavigationDuplicated のエラー

2019-12-24 問題 vue-routerで画面遷移しようとしたら、エラーが出ます。 router.push('/hoge') router.push('/hoge') Uncaught (in promise) e {_name: " […]

【jQuery】$.ajax() で失敗時に常に実行したい処理があるとき

2019-12-17 問題 $.ajax() でリクエストして、HTTPステータス401や404や500番台が返ってきたとき、常にある処理をしたいのですが。 答え Global Ajax Event Handlers の .ajaxError […]

HTMLのテキスト中のURLをリンクに置き換える

2019-12-15 問題 URLを含むテキストをのURL部分を自動的にリンクに置き換えたいです。 答え JavaScriptで対応する。 jQueryでhtmlを置き換えるとこんな感じでできる。 <div class="js-auto […]