SOFTELメモ Developer's blog

会社概要 ブログ 調査依頼 社員募集 ...

Category / JavaScript

【JavaScript】配列から条件に合う要素を取り出す

2021-11-15 問題 オブジェクトの配列Aとオブジェクトの配列Bがあって、配列Aの要素のオブジェクトの中であるプロパティが配列Bのいずれかの要素のあるプロパティと一致しているものだけを取り出したいです。 例えば、配列Aは授業の一覧で、配 […]

動的に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 […]

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

【vue.js】自動リンク表示するコンポーネントを作る

2019-12-09 問題 例えば以下のようなURLを含む文字列を、 ソフテルをGoogleで検索https://www.google.com/search?q=%E3%82%BD%E3%83%95%E3%83%86%E3%83%ABソフテル […]

【JavaScript】配列の要素の合計値を計算する

2019-12-04 問題 数字の配列がありまして、合計値を出したいんです。 [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] // → 55 答え Array.prototype.reduce() を使うと var data […]

Font Awesome のCSS版とJS版は何が違うの?

2019-11-11 問題 Font Awesome に、CSS版(Using Web Fonts with CSS )とJS版(Using SVG with JavaScript、SVG版)があるけど、何が違うの? 答え CSS版は、CSS […]

jqueryuiのdatepickerで特定の曜日を選択不可にする

2019-09-04 問題 jqueryuiのdatepickerで、日曜日は選択できないようにできますか。 答え jqueryuiのdatepicker では、minDate オプションと maxDate オプションで、選択可能な範囲を制限 […]

【JavaScript】axiosのエラーを共通の処理で拾う

2019-08-20 問題 axiosでエラーが発生したとき(2xx以外のレスポンスのとき)、unhandledrejectionは使えますか? 答え こんなことはできる。 window.addEventListener("unhandled […]