TSRInitToolTip not exists

数か月前からChromeで開発者ツールを開くと

TSRInitToolTip not exists

というエラーが大量に吐かれる現象がありました。

どこのサイトでも出るので機能拡張の何かだろうと思っていましたが、よく使う機能なら仕方ないと思い放置していました。
“TSRInitToolTip not exists” の続きを読む

Three.jsでCinema 4Dオブジェクトを読み込む

Cinema 4Dでモデリングした静止オブジェクトをThree.jsで表示する手順のメモ書きです。
(三年ぶりにThree.jsを触ったら1ミリも覚えていないことに気付き、要するにリハビリです…)
Three.js上では静止したオブジェクトが表示されるだけのシンプルなものです。実装後マウスでグリグリ動かせます。

完成デモはこちら!

“Three.jsでCinema 4Dオブジェクトを読み込む” の続きを読む

Chromeで帯域制限をかけたい

Flashの時はプログレスバー(読み込みに応じて棒グラフが伸びるアレ)をよく実装していたのですが、JS中心になってからはローディングのGIFアニメばかり使っていました。
本日JSで試そうと思い早速実装しました。

こういう時はあえて帯域制限をかけてアニメーションの様子をチェックします。

Chromeでいつものように制限をかけようと思ったのですが、開発者ツールのいつもの項目が「Offline No throttling」の項目があるだけで、「No Throttling」のプルダウンがなくなっています!
“Chromeで帯域制限をかけたい” の続きを読む

Edgeの不具合対応

本日Edgeのバグ対応をしました。
ScrollMagicを使っていたのでEdgeとの相性が悪いのかと思ったのですが、ScrollMagicは悪くありませんでした。
単にEdgeとvelocity.jsとの相性でした(IEは問題なし)。
ということでEdgeの時はvelocityアニメを使わないようにして回避しました。

Win7でWin10のEdge環境構築

公開して半年以上経過したページで問い合わせが来ました。

「Win10のEdgeでローディングが終わらないんだけど?」

ああ、確かにEdgeでは動作検証していませんでした(しかしなぜ今のタイミングで発覚?)。
しかし手元の環境はWin7。そこでVirtualBoxの登場です。
早速Win7にWin10をインポートしましょう。
“Win7でWin10のEdge環境構築” の続きを読む