Category / JavaScript
【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がつけ […]
[JavaScript] ES6を使えない環境向けに読み替える
2020-01-10 問題 今どきのJavaScript（ES6）が古い環境で実行できないです。IEとか。 例） 答え 古いシステムなどで、書き方にも配慮しないといけない状況もあると思います。 こんな風に読み替えて何とかしのぐ。 メモ Jav […]
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】animate しないで スムーススクロール
2019-12-06 問題 jQueryのanimateなどを使わないでにゅるっとスクロールしたいです。 答え これでできる。 window.scrollTo({top: 0, behavior: 'smooth'}) IEだけ対応していない […]
【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 […]
【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 […]
【JavaScript】phpのsprit_tags()をしたい
2019-07-26 問題 JavaScriptでphpのsprit_tags()のように文字列中のHTMLタグを除去したい <p>あい<span>うえ</span>お</p> ↓ あいうえお 答え タグを全部取り除く […]