javascript
Project Eulerの日本語訳へのリンクを張るuser scriptを更新しました。Chrome 42.0.2311.90 m Tampermonkey 3.10.84 で動作確認してます。 // ==UserScript== // @name ScriptEuler // @namespace http://d.hatena.ne.jp/yatt/ // @description link euler p…
↓ Chromeで新しいタブを開くと、 大きなGoogleロゴ 検索ボックス 最近見たページ が表示されます。1.と2.が目障りなので、削除するユーザースクリプトを書きました。
シーズンチャート http://www.ana.co.jp/amc/reference/tukau/kokunai_6.html#a01 ANAのシーズンチャート、期間がテキストでしか示されなくてよく分からない･･･。年間カレンダー的なものを探しても見つけられなかったので自分でカレンダーを作って整理しまし…
jQueryのDeferredを使うと非同期処理を連結して簡潔に書けるよ という記事を読んだけど、いまいちピンと来ないのでサンプルを書くことにしました。 今回は、Webページの初期化処理が全て終わったらボタンを使用可能にするというサンプルを、Deferredあり/な…
jsdo.itに、Mobile Safariで端末の傾きを取得して、Highchartsでグラフ化するサンプルを作成しました。http://jsdo.it/brainfs/A7SL JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス作者: Douglas Crockford,水野貴明出版社/メーカー: …
データベースに記録された緯度経度をマッピングした図。 iPhoneでGPS座標値を記録するためにはどうすればいいのか、という話。 最近、自転車を買ったので遊ぶために調査しました。 以下、iPhone4S, iOS6環境での話です。
project eulerの日本語訳へのリンクを張るuser scriptをかきました。問題番号がhttp://odz.sakura.ne.jp/projecteuler/ の問題文日本語訳へのリンクになります。 scripteuler.user.jsという名前で保存して、chromeの拡張機能画面にドロップするとインストー…
jQueryでAjaxを行う$.ajax関数に、Yahoo Query Language APIを利用したクロスドメインAjax機能を追加するjQuery Pluginを作りました。ソースはgithubにあります。 https://github.com/yatt/jquery.xdomainrequestインクルードするとこんな感じでクロスドメイ…
かなりニッチな気がしますが・・・Queryでzipファイルを解凍するためのプラグインを作りました。ソースは以下に。 https://github.com/yatt/jquery.zip.inflate実際にコーディングしたのはjQuery.ajaxとの統合部分で、実際にzipを処理する部分はhttps://gith…
webアプリケーションを作るのに必要になったので、jQuery向けのbase64コーデックプラグインを作りました。githubにソースがあります. https://github.com/yatt/jquery.base64 atob/btoaが使える場合そちらを使い(ネイティブコードでサポートされるのでずっと…
今のところFirefoxにのみ対応、一覧のページにのみ対応です.2011-04-05のエントリページの変更に対応しています.yatt/highlight-self-stared-hatenabookmark - GitHubこんな感じになります。このページがサンプルとしてよさげ。はてなブックマーク - はてな…
初めてPhotoShop使ってみた HTMLの次世代規格であるHTML5にはWeb Socketsやvideoなどおもしろいタグや機能が追加される予定、らしいです。 その中でもcanvasタグという、javascriptで画像を制御するためのタグがあります。今回はそのタグとタイマーイベント…
javascriptで西暦を取得する場合getYearで取得すると書いてある資料をみたのでそのまま使っていたのだけれどIE6で動作に異常がでた。 どうやらDateオブジェクトのgetYearメソッドはブラウザによって動作がまちまちで、1900年からのオフセットを返すブラウザ…
JavaScriptでクッキーを扱う方法を学習するためにクッキー関係の操作をまとめたクラスを書いてみた。 // cookieWrap.js /* * Firefox3,Google Chromeでのみ動作確認。 */ function Cookie() { this.initialize.apply(this, arguments); } Cookie.prototype =…
javascriptでcanvas要素をつかって格子を描画しようとしたらどうやっても縦に長い絵になるのでなぜ・・？？？とデバッグしてみた。原因はcanvasタグの大きさをcssで指定したことのようだ。タグの属性に値をセットするのとcssで指定するのは違うらしい。cssで…
個人的なアプリを作っているときに、頻繁にbusy.jsを使ったビジー画面を使った。busy.jsは簡単にビジー画面を実装できるけれど、その表示は処理自体とは関係が無いにもかかわらず数行のコードがノイズのように本来やりたい処理のコードに挟まる。そのためコ…
文字列から直接DOMノードを構築できないみたい。なので一旦別のノードのinnerHTMLに文字列を代入してから目的のノードを取り出すことにした。適当にdiv要素を作ってinnerHTMLに文字列を代入して、そのfirstChildを返す。 <html> <head> <script> function $(i){ return document.</head></html>…
簡単にローディング画面を作れるbusy.jsライブラリを使ってみた。楽だ。とっても楽だ。 まずhttp://www.netzgesta.de/busy/からzipをダウンロード、解凍してドキュメントルートに置く。次に以下のHTMLを保存してアクセス。 <html> <head> <script src="busy/cvi_busy_lib.js"></script> <script> function $(tid){ return docu</head></html>…
まともなjavascripterにとっては当たり前なのかもしれないけどgreasemonkeyスクリプトを書く際に引っかかったのでメモ。DOM操作とinnerHTMLへの代入を混ぜて使うときの注意。 addEventListenerでDOMノードへイベントリスナを追加したあとでinnerHTMLに文字列…
javascriptプログラムのバグとりをしていたら除算の5/100が0.05,浮動小数点数を返してきたので「えっそーなんだ」と驚いた。そういえばPython3からは5/3の結果は1.6666...になるんだよなーとか思い出し(整数の除算は//, 5//3=1)、そういう流れなんだろーなと…
現在Googleマップでうんにゃむんにゃな感じの事をやりそうなので本を買って勉強中。 javascriptが結構とっつきやすくていい感じ。関数リテラルが長すぎる事が結構気になるけど。ライブラリのインクルードにURLを使えるとか・・凄！javascript.elも発見。ただ…
