Saba note

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

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


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

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


絵文字削除

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


jQueryでFunctionを使う

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


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

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


LocalStorageの使い方

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


clmtrackr

clmtrackr library


Ajaxの設定(新しい方の)

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


EXIF情報をJSで取得する

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


Javascriptでオブジェクト指向

プロトタイプベースオブジェクト指向言語(Prototype Based Object Oriented Language) プロトタイプベースオブジェクト指向言語(Prototype Based Object Orien […]


Javascriptファイルを一括して読み込む

最近はjsファイルが多すぎて厄介です。requireJSとかあるけどよほど大規模にならないと使わないです。 ヘッダーがもの凄い量になるのでjsは分けてインポートした方が確実にいいです。ヘッダーには以下のように記述して、 […]


画像のon/offというかhover

<img src=”[IMAGE_FILE_NAME]_off” class=”CLASS” > $(function(){ if(0<$(“.CLASS”).size()){ $(“.CLASS”). […]


Javascriptの空のオブジェクトの判定方法

javascript書いてると[object Object]というのが返ってきて、しかも中身が空という場合にどうやって判定したらよいかというお話です。 var obj = {}; if (Object.keys(obj) […]


タブレットで見たときのViewportの調整

タブレットで見たとき右側が切れたりするときに使うやつ。結構便利。 PCとスマホとタブレットと3つのデザインを作るのが非常に面倒なので、タブレットのデザインをそのままPCのデザインで代用できます。 <script&g […]


AngularJSでバリデーションする

jQueryだと面倒なバリデーションをかなり楽にやってくれます。これは結構いいかな。Form作る時なんかはこれがいいですね。 Emailのバリデーション よく使う項目なのでコントローラすらいらないというすぐれものです。a […]