SOFTELメモ Developer's blog

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

Category / JavaScript

vue + vuex + vue-router のwebpackなしサンプル(コピペでできる)

2020-01-18 問題 webpackとかLaravelなしで vue+vuex+vue-routerできないですか。 答え htmlファイル1個と、jsファイル1個で、小さなSPA(Single Page Application)っぽい […]

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

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

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

【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】日付の計算を簡単に処理したい

2019-08-19 問題 JavaScriptの日付の 1日足す、1日引く、1年足す、1か月引くなどの処理を簡単にやりたい。 答え JavaScriptで1日後を計算するには、素直に対応すると以下のようになるわけですが、 var d = n […]

input type=”number” でonchangeイベントが発生しない

2019-08-04 問題 input type=”number” で、上下の矢印をクリックされるとonchangeイベントが発生しないです。 <input type="number"> blurなどではなく、入 […]

WordPressの投稿画面にJavaScriptでブロックを追加する方法

2019-08-02 問題 WordPressの投稿画面で、テンプレートや固定文面をセットするブックマークレットを作っていたのですが、WordPress5(Gutenberg)になってから動かなくなりました。 以前の投稿画面では、textar […]

子要素にhoverやclickがあったときに親要素に反応させたい

2019-07-20 問題 ・子要素にマウスが乗ったら、親要素の色を変えたい。 ・buttonの中の子要素がクリックされたときに、buttonがクリックされたことにしてほしい(ボタンの特定の位置だけクリック可能にしたい)。 やっぱりJavaS […]

vue.js で bootstrapのmodalを表示する(簡易版)

2019-05-13 問題 vue.js を使っている環境で、bootstrapのmodalを表示したいです。 答え modalの表示/非表示をvueでコントロールする場合、bootstrapのJavaScriptは使わないで、bootstr […]

tablesorterで単位付きカンマ区切りの列をソートする

2019-04-12 問題 jQueryのプラグインのtablesorterで、カンマ区切りの数値と単位の入った列を数値順でソートさせたいんですけど、辞書順になっているみたいです。 どうしたらよいですか。 答え tablesorter は j […]

【JavaScript】参照を保ったまま配列の末尾に要素を複数追加する

2019-03-04 問題 配列を参照を保ったまま他の配列とマージ(後ろに結合)するにはどうしたらよいですか。 var x = [1, 2, 3];var y = [4, 5, 6];var z = x;x = x.concat(y);con […]

【JavaScript】参照を保ったまま配列を空にする

2019-03-03 問題 配列を参照を保ったまま空にするにはどうしたらよいですか。 var x = [1, 2, 3];var y = x;x[1] = 5;console.log(y); // -> [1, 5, 3]x = []; […]

テーブルのセルにinputが入っている形のフォームで上下移動する

2018-10-19 問題 TABLEのセルにinput要素が並んでいる形のフォームで、Tab、Shift + Tab で左右の入力欄に移動は可能ですが、上下の入力欄にもキーボードで移動したいです。 答え Ctrl + 上下キーで移動できるよ […]

【Javascript】array_unique()

2018-07-23 問題 JavaScriptでphpのarray_unique関数みたいなことがしたい。 JavaScriptで配列の重複した値を1個ずつにしたい。 答え Arrayのfilter()を使うとできる。 var a = [0 […]

【JavaScript】クリップボードにコピー

2018-04-27 問題 「クリックしたら、クリップボードにコピーする」を作りたいです。 答え 例です。 input要素はわりと簡単。 <input type="text" id="copy-target […]

SyntaxHighlighterの導入方法

2018-03-27 問題 SyntaxHighlighter ってやたらとファイルが多いですが、どれをどう使うとよいのですか。 答え 以下を読み込めば使える。 CSSのCore CSSのデフォルトテーマ(もしくは任意のテーマ) javaSc […]

【JavaScript】文字列の末尾から指定文字数削除する

2018-03-22 問題 JavaScriptである文字列の末尾1文字を削った文字列が吉井です。 答え "abcdefg".slice(0, -1); // → "abcdef" String.slice() で文字列の指定開始位置から指定 […]