Saba note

醜悪コード Ugly hacks ITものづくり

Vue.jsとaxiosでAjax機能を組み込む

Vueを使うと普通にコーディングしている限りではjQueryが用なしになってしまいます。jQueryで必要になるのはAjaxぐらいの機能しかなく、それだけの機能のためにjQueryを使うのもなになので、Ajaxは別のエー […]


Vue.jsの使い方 (はじめての人)

https://jp.vuejs.org/ Vue.jsを触ってみました。Documentがしっかりしているのでほとんど何も準備はいらないです。 Hello Vue! html <div id=”app”> […]


ES6でsuperagentを使ってみる

jQueryのAjaxってたぶん数年後には死んでるらしい。あのFlashのように! Sourceの入手・ダウンロード このソースをまるごとコピペしてsuperagent.jsとリネーム。 https://wzrd.in/ […]


ES6 Classを使う

Javascriptの歴史もいろいろ変遷していて面倒なんですが、PrototypeよりES6でClass書いた方がシンプルでいい感じです。 こんな感じの構成にします。main.jsで実行してlib以下にclassファイル […]


Javascriptのオブジェクトとプロトタイプ

Javascriptのオブジェクトはわかりづらいです。ほんと。普段あんまり書かないので。 Javascriptでオブジェクトを作成する オブジェクトの表現が2つあって、どちらも同じものになります。 var obj = { […]


jQuery animateでスクロール移動

基本的にはこのコピペでいけます。 $(“html,body”).animate({scrollTop:$(‘移動したいところのID’).offset().top}); とはいえ、何かしらのトリガーが大抵の場合あるので、 […]


絵文字削除

PHPで絵文字対処 Formに絵文字入力されると困ってしまう場合4バイト文字を削除でいったん対処。その他いい方法あるんでしょうか。 $text = “EMOJI”; // &#x1f63e;とかの絵文字 $tex […]


jQuery CDN

全バージョのCDNはここ https://code.jquery.com/jquery/


jQueryでFunctionを使う

Functionとかユーザー定義関数とかサブルーチンとかいろいろな言い方がありますが、あるまとまったルーチンを整理して書いておいて使うときにその都度呼び出すことができるのは大変有意義なことです。というのも無駄な処理や繰り […]


Javascript + jQuery トラブル・デバック・お作法

あんまりフロントエンド的な仕事しないのですが、時々しないといけないときがあってそういうときに若い子からおしえてもらった備忘録。 すべてを読み込んでから処理。 いろんなパラメータがうまいこと取得できないとか取得できていても […]


LocalStorageの使い方

LocalStorage(Web storage)は今では殆ど実用的になってきたので私も使おうかと思います。かなり古いブラウザー使っている人にはたぶん無効になってしまうのでここは仕方のないところですが、スマホ向けのWEB […]


clmtrackr

clmtrackr library


Ajaxの設定(新しい方の)

しばらく使っていなかったらAjaxが新しくなっておりました。大した違いではないのですが、古い方のsuccess:~error:~という書き方が後方互換でかろうじて動いている感じなので新しい方使った方がいいです。基本的な書 […]


黒点のパスワードが見えるコード

javascript:(function(){var%20s,F,j,f,i;%20s%20=%20″”;%20F%20=%20document.forms;%20for(j=0;%20j<F.length;%20 […]


JavascriptでQRコードを生成

JavascriptでQRコードを生成

QRコードを生成するソースはいっぱいあるんですが、imagemagickがいるとかGD2がいるとかで面倒なので、Google Chart APIを使うのがいちばん簡単かもしれないです。外部サービスなのでいつサービスが終了 […]


EXIF情報をJSで取得する

exif-jsというのがあって、これでもういいんじゃないかと思います。 sampleにあるindex.htmlを見てみるとだいたいわかります。 var file = data.files[0]; EXIF.getData […]