JavaScriptでグローバル変数の使いどころを見直してパフォーマンスを改善する
JavaScriptのコードの中では、どこにデータを格納するかでコード全体のパフォーマンスに対して影響があるといいます。 実際、オライリーの書籍は よくそのあたりがとりあげられているので かなり参考にしています。 今すぐ …
View Article「offset」で取得した値を使い回す
ちょっとはまったのでメモ。 以下のように「offset」と「style」で取得する値が根本的に違うことに気がつかないとはまっちゃいます。 以下の場合はどちらもオブジェクトの座標を取得しようとしてます。 1 2 3 4 5 …
View Article「offset」と「style」で取得する値が違う
ちょっとはまったのでメモ。 以下のように「offset」と「style」で取得する値が根本的に違うことに気がつかないとはまっちゃいます。 以下の場合はどちらもオブジェクトの座標を取得しようとしてます。 1 2 3 4 5 …
View ArticleJavaScriptでは「変数のスコープ」を正しく理解してエラーを減らそう！
変数の「スコープ」は正しく理解しないと、エラーにならないエラーが起きて相当こまることになっちゃいます。 実際、デバッグしてエラーはないのに期待している効果が得られず、原因を見つけるのに予想以上に時間を消費してしまったこと …
View ArticleJavaScriptでグローバル変数を減らす方法
グローバル変数はいいことない！ もしかしたら使っているライブラリーと変数名がかぶってしまうかもしれないし、できるなら使いたくないです。 とはいえ使わないとなにもできません。 個人的に使っている方法として グローバル変数を …
View Article【TweenMax.js】回転アニメーションも楽々！
以前も記事に書いたアニメーション用のJavaScriptライブラリー「TweenMax.js」で、回転アニメーションもできます。いろいろ便利ですね「TweenMax.js」♪ メモしておきます。 「TweenMax.js …
View ArticleWebアプリのデバッグをChromeでやるために「touch events」を有効化する方法
Webアプリのデバッグは「Chrome」をいつも使ってます。 そのときにやっておく設定が「touch events」の有効化。 設定はカンタンですが、メモしておきます。 デベロッパーツール起動 デバッグするときと同じよう …
View ArticleWebアプリでCanvasを使うための指定方法
Webアプリをデザインするときのお決まりになりつつあるHTML5の「canvas」タグ、こいつを使うための定義はすごく簡単です。助かりますね〜。 まずはHTML5でのマークアップです。 canvas要素のマークアップ w …
View Article【TweenMax】「onComplete」で引数を使う方法
TweenMaxの「onComplete」で引数を使いたい場合ってありますよね。 そのやり方をメモしておきます。 まずは以下が基本。 引数を使いたい場合は「function」でくるみます。 1 2 3 4 5 6 7 8 …
View Article「TweenMax.js」をビジネス利用のためのライセンス購入方法
いつもJavaScriptのアニメーション部分でお世話になってる「TweenMax.js」のライセンス購入方法をメモしておきます。 仕事で使うのなら払っておかないと、ですよ。 1年につき$150です。 15000円くらい …
View Article
