JazzとWebと無印と

ゆっくり豊かに暮らす

2016-01-01から1年間の記事一覧

JavaScriptで時間差で要素を表示する

時間差表示がしたい JavaScriptで画像などを一つずつ順番に表示したいとき、 今更ながら少しはまったのでメモ。 jQuert delay関数を使う sleepとか単純に処理を止める関数はない模様なので、 jQueryの関数delayをループで組み合わせる 0.1秒ごとに画像を一つ…

ネイティブのようなWebアプリを作る! キャッシュ更新されない問題

ファイルを更新しても反映されない 前回、オフラインWEBアプリを作成したが、 ファイルを更新しても反映されない問題発生。 マニフェストファイルが更新されていないと更新されない とのことなので、マニフェストファイルを修正したら反映された。 慣例でver…

ネイティブのようなWebアプリを作る! オフラインWEBアプリケーション作成

Webでもリッチなコンテンツが作れるようになってきている ✔︎ オフラインWebアプリ ✔︎ JSフレームワークの進化 ✔︎ CSS3の進化 ✔︎ WebSocketの進化 ✔︎ http2 ✔︎ Web Push とかとか。 このあたりの要素とてもワクワクするので そろそろ一つ作り上げてみたいので…

vue.js カスタムフィルタ登録 お金の表示を3桁区切りで表示する

お金の表示を3桁区切りにしたい JSの標準関数で存在した。 NumberオブジェクトのtoLocaleString関数 こんな感じ console.log( (123456).toLocaleString() ); // 123,456 ロケール設定に依存するようですが、 正規表現でコネコネするよりシンプルで良い vue.j…

Vue.js × vue-router × browserifyで SPAのHTMLの画面ごとに切り出し

HTMLファイルを画面ごとに切り出したい 前回、vue-routerでVue.jsでSPAっぽくURLごとに DOMを切り替えた。 ただ、一つのHTML全て画面の要素を書いていくのは ・肥大化してみづらい ・管理しづらい などなどのため、画面ごとにHTMLファイルに切り出したい bro…

Vue.js vue-routerでSPA実装

Vue.jsに公式のrouterが vue.jsは ・学習コストが低い ・シンプルにかける などと言われおり、実際に使ってデータバインディングは 確かにラクにかけるので好んで使っていた。 そのVue.jsに最近vue-routerなる公式のroutingモジュールが でていたので、使っ…