javascript

バラ曲線を書いてみた

http://serversman.gohannnotomo.org/toys/rose_curve/rose.html 先月のネタだけど、埋もれさせるのはもったいない気がするのでブログにPOST。 詳細はリンク先参照ということで。 追記(2012/01/05): 上の画像の曲線はこちらで見ることができます(DRAWボタ…

星を描くやつにスライダーコントロールをつけてみた。

以前作ったCanvasに星を描くやつにスライダーコントロールをつけてみました。タッチパネルのあるデバイスから触って動かしてみたら楽しいんじゃないでしょうか。試していませんが。 (追記:手元にあるandroid端末IS01で試してみましたがこれをタッチパネルで…

canvasで正多角形と星を書くコードをライブラリ化してみた。

http://gohannnotomo.pbworks.com/f/star_libtest.html 以前から書いているHTML5のcanvasで色々書いてみるネタ*1ですが、正多角形と星を書くコードをまとめてライブラリ化してみました。 javascriptのprototypeをはじめて使ってみたのですが、結構かんたんに…

今度はcanvasで星を書いてみた。

http://gohannnotomo.pbworks.com/f/star.html作ってみたくなったので。こないだの*1をちょっといじっただけです。以前と同じでHTML5に対応したブラウザで表示できると思います。パラメータを適当にいじるとこんな模様もかけてしまいます。 参考: HTML5とJa…

canvasで色々な正多角形を描いてみた

http://gohannnotomo.pbworks.com/f/poly.html 最近製図(紙に書くやつ)を習っている関係でプログラミングでも図形を描いてみたくなってやってみました。 セレクトボックスにフォーカスを当てて、カーソルキーの上下を押しているとちょっと楽しいです。 最…

canvasでアナログ時計みたいなのを作ってみた。

http://gohannnotomo.pbworks.com/f/canvas_clock.html id:shunsuk さんのコードを パクら参考にさ せていただきました。Thanks! HTML5とJavaScriptでエヴァンゲリオンの使徒を描いたよ。 - このブログは証明できない。

amazon_currencyConvertionを直しました。

各国のamazonのサイトに表示されている価格を別の国の通貨に換算して表示するGreasemonkeyスクリプト、amazon_currencyConvertionですが、久しぶりに使ってみたら動かなくなっていたので修正しました。 http://userscripts.org/scripts/show/41488このスクリ…

昔書いたものをPBWikiに移して一応見られるようにしました。

以前、Javascriptで自分が適当に書いたものを自宅サーバに置いて、この日記からリンクしていたのですが、自宅サーバをやめた*1ので何ヶ月もリンク切れの状態でした。代わりにPBWiki*2 *3というサービスに置くことにしました。 それに伴い、以下の記事からの…

amazon_CurrencyConvertionをgithubで管理するようにしました。

以前、Amazonの商品ページに表示されている価格を各国の通貨に変換するGreaseMonkeyスクリプトを作り、これをuserscripts.orgで公開していますが、twitterでリクエストがあったので、このたびgithubでも公開するようにしました。 開発者の側から見るとgithub…

amazon_change2yenをまた修正しました。

http://userscripts.org/scripts/show/41488 さっき新バージョンをリリースしたばっかりで恐縮なんですが、また少し直しました。 修正点は以下のとおりです。 amazon.co.jpの価格を他の通貨に換算できるようにした。 換算後の値を小数点第2位まで表示するよ…

amazon_change2yen国際対応?

http://d.hatena.ne.jp/koki-h/20090215/1234713496でのリクエストにやっと対応しました。 http://userscripts.org/scripts/show/41488日本円以外の通貨にも換算が出来るようになりました。 画面の右上にこんなのが出てきます↓。 ドロップダウンリストから通…

amazon_change2yen更新

http://userscripts.org/scripts/show/41488http://userscripts.org/topics/21066?page=1#posts-96174でリクエストを頂いたのでまた更新しました。 us、ukに加えてドイツ、フランス、カナダ、中国のアマゾンでも通貨換算が出来るようになりました。 アマゾン…

amazon_change2yenまた修正しました。

http://userscripts.org/scripts/show/41488 1円未満の数字を丸めることにしました。 http://d.hatena.ne.jp/koki-h/20090205/1233809414で頂いたコメントにお応えして日本円の表示を丸めることにしました。javascriptのMath.roundを使って四捨五入していま…

amazon_change2yenの換算結果にレートを併記するようにしました。

http://userscripts.org/scripts/show/41488 jagさんのリクエストにお答えして換算レートを併記するようにしました。 見せ方がちょっとセンス無いですね。どうかご勘弁を。 デザインのアイデア等があれば教えてください。

amazon_change2yenをちょっと変更しました

http://userscripts.org/scripts/show/41488のソースと自分のソースをを見比べているうちにGoogleの検索結果画面をスクレイピングするのはちょっとダサいなあと思ったので Xurrency http://xurrency.com/ のAPIからレートを取得するように変更しました。 Aja…

amazon_change2yenのバグを直しました。

先日作ったGreasemonkeyがバグっていたので修正しました。 http://userscripts.org/scripts/show/41488 Googleの検索結果ページから金額換算結果を抜き出すときに要素を決め打ちしていたせいで、Googleアカウントにログインしていない状態だと金額を取得でき…

はてなブックマークにページを追加するスクリプトを作ってみた

vimperatorが非常に便利なので最近は愛用しています。 プラグインでかんたんに拡張できるようだったので、はてブへのページ追加スクリプトを作ってみました。 まあ、はてブブックマークレットをちょこちょこっと直しただけなんですが。 ただそのままだとうま…

Greasemonkeyを使って海外Amazonサイトに日本円換算の価格を表示してみた

円高(など)の影響で海外のamazonで買ったほうが安いとかいうことになっている*1そうなので海外サイトでも日本円に換算した価格が表示されれば便利だろうと思って作ってみました。 ページから価格の部分を抜き出してGoogleに投げ、金額換算をしてもらっていま…

電子国土WebシステムAPIで遊んでみた。

http://portal.cyberjapan.jp/index.html 田舎に住んでいるとGoogleMapでは役に立たない場面が多々あるのでこういう詳細な地図が自由に使えるというのは非常にありがたいです。 キーボードで地図を操作できるようなサンプルを作ってみました。 http://rrmail…

ドット絵描くやつ

http://rrmailer.ddo.jp/~hashimoto/js-train/dotPaint.html http://gohannnotomo.pbworks.com/f/dotPaint.html ドット絵を描くエディターを作ってみました。 カラーピッカーの部分はDHTML Color Picker(http://www.nofunc.com/DHTML_Color_Picker)と言うの…

落ちてはねるやつ

http://rrmailer.ddo.jp/~hashimoto/js-train/fallingBounceDiv.html http://gohannnotomo.pbworks.com/f/fallingBounceDiv.html 会社で同僚に今までの砕け散るのとか飛び回るのを見せたら、「もっと面白くなる」と言って重力加速を追加してくれた。これは面…

砕け散るやつ

http://rrmailer.ddo.jp/~hashimoto/js-train/crashDiv.html http://gohannnotomo.pbworks.com/f/crashDiv.html こないだの四角が飛び回るやつの続きで、四角が壁に衝突して砕け散るやつを作ってみました。 前のはタイマー呼び出しが四角の数だけ行われてい…

衝突判定できたっぽい

http://rrmailer.ddo.jp/~hashimoto/js-train/eachBounceDiv.html http://gohannnotomo.pbworks.com/f/eachBounceDiv.html 衝突するときバウンドする方向とか適当なのでまだ変ですが、それっぽい感じになりました。 ほかの四角とぶつかると(重なりそうにな…

飛び回る四角に衝突判定を付けてみようと思ったけど

http://rrmailer.ddo.jp/~hashimoto/js-train/buggyEachBounceDiv.html http://gohannnotomo.pbworks.com/f/buggyEachBounceDiv.html なんか悲惨なことになってしまいました。

ちょっとウケたので調子に乗って

http://rrmailer.ddo.jp/~hashimoto/js-train/multiBounceDiv.html http://gohannnotomo.pbworks.com/f/multiBounceDiv.html 飛び回る四角の色が生成時にランダムに変わるようにしてみました。

コンストラクタ関数を使わずにオブジェクト生成

サイ本の写経をしてて、思い立って作ってみた。 四角が画面の中を飛び回るやつ。「Start」を連打するとたくさん四角が出てきてなんか面白い。 http://rrmailer.ddo.jp/~hashimoto/js-train/multiBounceDiv.html http://gohannnotomo.pbworks.com/f/multiBoun…

画像を保存できにくくするための方法

Webページ上の画像を右クリックなどから保存できにくくするための方法を調べたので大雑把にまとめた。 http://rrmailer.ddo.jp/~hashimoto/image-protect.html http://gohannnotomo.pbworks.com/f/image-protect.html 具体的なやり方はソース参照。

GreaseMonkyで作ったら便利そうなもの。

http://musicovery.com/ で気に入った曲があってもアメリカのAmazonにしか飛ばないので不便だと思った。 アメリカのAmazonを表示したときに日本のAmazonへのリンクを自動的に表示してくれるやつを作ったら便利ではなかろうか。 たぶん誰か作ってんだろうな。…

tenjin.web/1

昨日、第0回に参加したtenjin.webの第1回に参加しました。HPはこちら。→http://tenjin-web.jottit.com/ id:kiwanamiさんの熱いメッセージとか今回のお題、Firebugワークショップのレジュメ(id:brazilさん作)とか読めます。 めちゃくちゃためになる会でした。…

サイ本読み中。

今、6章の途中。 4章に書いてあった変数のスコープはちょっとはまりどころっぽいので注意。 暗黙的に(varを使わずに)宣言された変数はグローバルスコープになる。 Javascriptの変数にはブロックレベルのスコープは存在しない。if文とかのブロックの中で宣…