JavaScript

パララックスをやってみた。

巷で話題(?)のパララックスの原理・仕組みを知りたくて、フルスクラッチで書いてみた。 まぁ、実際には他のサイトのDOMの動きを見ながら、必要そうなところだけ切り出した感じです。 パララックスをやってみた。 文字について positionをfixedにしておく…

gruntを"-g"でインストールしたのに"command not found"

ブログ記事などを参考に、npmよりgruntをインストールしようとしました。 gruntコマンドを使いたかったので、"-g"を付け、下記のように実行しました。 npm install -g gruntで、"grunt"と実行しても、"-bash: grunt: command not found"と表示されてしまう。…

eclipseにて、coffeescriptを記述するための準備

Help -> Install New Software... にて、下記のURLを追加。 http://coffeescript-editor.eclipselabs.org.codespot.com/hg/下記のエラーが発生。 Cannot complete the install because one or more required items could not be found. Software being insta…

mac(Lion)でnodeをインストールし、UglifyJS、sqwishもインストール

ほとんど、このページを参照 http://d.hatena.ne.jp/mollifier/20110221/p1 wgetが入っていなかったのでインストール(MacPorts経由) sudo port install wget nvmをインストール git clone git://github.com/creationix/nvm.git ~/.nvmsource ~/.nvm/nvm.sh…

jQuery mobile 1.1で戻るボタンのスクロール位置が戻らない

history.back();をやってるのに、再読み込みされてしまう。(iPhoneシミュレータにて) jquery.mobile-1.1.0.jsの7333行目〜7366行目を削除すると、 とりあえず、1画面は戻るようになった。2画面以上遷移し、history.back();を2回やっても、 2回目のhistory.…

オーバレイ表示をするjQueryプラグイン

特定の領域をオーバレイ表示するjQueryプラグインを作って見ました。 共円のページで、問題を表示する際に利用しています。 http://my-android-server.appspot.com/page/list.html?open=1 以下はテスト用のサンプル。 http://dl.dropbox.com/u/8518065/sampl…

jQueryとjQuery mobileでボタンの有効・無効を切り替える

jQueryを利用する場合も、jQuery mobileを利用する場合も、ボタンは <input id="myButton" type="button" value="OK" /> のように記述するかと思います。 ただし、jQuery mobileを利用した場合はdivタグなどに変換されます。 ボタンの有効・無効をJavaScript内で変更する場合、 PC/mobileを気にせずに使いたい…

jQuery+jquery.color.jsで背景色をアニメーション

jQueryだけでは、animeteにbackgroundColorを渡しても何も起こりません。 そこで、文字色・背景色をアニメーションで徐々に変化させたかったら、プラグインが必要です。http://plugins.jquery.com/project/color から、 View all releases -> jquery.color.j…

詰め共円のページを作りました。

詰め共円のステージを一覧で見ることが出来るページを作成しました。http://my-android-server.appspot.com/page/list.html HTML5のcanvas要素を使っているため、 対応ブラウザ以外は正常に表示されない恐れがあります。 ゆくゆくは、このページで詰め共円ア…

GoogleMapApiの利用登録

まず、Googleのアカウントを取得します。ログイン後、(一番大事) http://code.google.com/intl/ja/apis/maps/ 「登録して Google Maps API キーを取得します。」に移動。チェックボックスにチェックを入れ、取得したいURLを入力し、「APIキーを作成」を押…