JavaScript で、画像本来のサイズ(幅, 高さ)を取得する方法 - latest log
Opera で DOM Mutation Event を使用するコードを追記しました。 まとめを追加しました。 Opera パート2に取得できないケースが見つかったため、パート3 を追加しました。 rhino.jpg(幅:300px, 高さ:227px) を、 <img id="rhino" src="rhino.jpg" width="100" height="75" /> と、100 x 75 で表示している場合を例に、画像本来のサイズを取得する方法をご紹介します。 Firefox, Safari, Google Chrome なら image.naturalWidth と image.naturalHeight を利用します。 image.naturalWidth と image.naturalHeight の初期値は 0 です。画像の読み込みが完了した時点で適切な値に更新されます。
AJAX APIs Playground
Google APIs Explorer Stay organized with collections Save and categorize content based on your preferences. The Google APIs Explorer is a tool available on most REST API reference documentation pages that lets you try Google API methods without writing code. The APIs Explorer acts on real data, so use caution when trying methods that create, modify, or delete data. For more details, read the APIs
Web Design Sydney
Simple. Effective. Functional. Website design which just makes sense Over 20 years experience growing Australian businesses with innovative web based solutions. Get a FREE Quote Find out more I made an extra 1 million dollars last year. ...but don't raise your rates! The intranet solution saved me having to employ 3 more people at this time! The online ordering has reduced our phone order taking b
はてなブログ | 無料ブログを作成しよう
ネイルで使う材料で、DIY時の木割れやネジ跡を派手にしたらかわいい OSB合板でちょっとしたボックスをつくりました。 ビス止め下手すぎて木を割ったり穴あけすぎたりした場所に、好きな派手色の樹脂を詰めてパテ代わりにしてみました。 ちょっと某HAYっぽみ出て可愛かったので、自分用にメモです。 手順 塗装 派手色グミジェルで失敗部分…
ExplorerCanvas
Modern browsers like Firefox, Safari, Chrome and Opera support the HTML5 canvas tag to allow 2D command-based drawing. ExplorerCanvas brings the same functionality to Internet Explorer. To use, web developers only need to include a single script tag in their existing web pages. Overview Sample pages using the canvas tag are included with the source code. For more information about the canvas tag,
Google Gears の機能のおさらいと HTML5「Client-side DB」の相互運用を考える。Client-side DB に未来はあるか？ - IT戦記
さきほど Client-side database storage について書きましたが そこで、 Client-side database storage は今は Safari からしか使うことができません しかし、 Google Gears を使ってすべてのブラウザに実装することは可能だと思います。（すでにある？） その辺りも少し調べてみたいです。 Safari 3.1 に実装された「Client-side database storage (SQL API)」とは何か？ - IT戦記 と書いてから、少しだけ Google Gears が持っているクライアントサイドデータベースについて調べてみました。 Google Gears とは まず、 Google Gears について少し触れておきます。 Google Gears はブラウザの機能を拡張するためのもので、以下の機能を提供します。
Safari 3.1 に実装された「Client-side database storage (SQL API)」とは何か？ - IT戦記
はじめに Safari 3.1 には Client-side database storage （SQL API とも呼ばれています。）という新しい仕様が実装されました。 というわけで、この新しい API について色々調べたことを簡単にまとめておきます。 Client-side database storage が使えるブラウザ 2008 年 03 月 27 日現在では、 Safari 系のブラウザのみです。 Safari 3.1 WebKit Nightly Client-side database storage とは Selectors API とは HTML5 で定義された仕様です。詳細に関してはこちらをどうぞ。 簡単に説明すると JavaScript 内でリレーショナルデータベースを使えるということです。 もっと簡単にイメージするために、実際のコードを示すとこんな感じです。 va
マウスでレイアを移動する - JavaScript Market
JavaScript Market - 動きのあるホームページを作る為の各種JavaScript のサンプルと小技集を公開中 <script> N4 = GK = IE = obj = offsetX = offsetY = 0; if (document.layers) N4 = 1; else if (document.all) IE = 1; else if (document.getElementById) GK = 1; function init() { if (N4) { list = document.layers; document.captureEvents(Event.MOUSEMOVE | Event.MOUSEUP); } else if (GK) list = document.getElementsByTagName("div"); else if (IE)
JsDoc ToolkitでJavascriptのドキュメントを自動生成 - 小さい頃はエラ呼吸
2009.03.30追記 JsDoc Toolkit2.xでは、ディレクトリの構成が変わっていて、このエントリに記載した方法ではうまくいかないため、以下のエントリを参照してください。 JsDoc Toolkit2.1.0でJavascriptのドキュメントを自動生成する - 大人になったら肺呼吸 はじめに JSDocというJavascript用のドキュメントジェネレータがあるのを何日か前に知り、試してみようと思ったのだけど、Perlのモジュールを入れたりとPerl使いじゃない僕には分からないことが多く、敷居が高いなあと思っていた矢先、JsDoc Toolkitというツールがあることを知った。 JsDoc Toolkitは、JSDocのJavascript移植版らしい。実際にはJREを使って、HTMLドキュメントを生成しているみたいだけど、とりあえず今日試したところまでをメモ。 JsDoc
wiki.metatype » javascript/JsDoc Toolkit
Hello JsDoc Toolkit † JavaScript専用のドキュメントジェネレータ。 Natural Docsの様に冗長にならずに、Javadoc風の記述が可能。 JSDocよりも正確に文法を解釈できる。 生成処理は全てJavaScriptで書かれているので、カスタマイズも容易。 日本ではいまいち認知度が低いようだけど、 僕の知る限り最高のJavaScriptドキュメントジェネレータ。 Related Links † JsDoc Toolkit JSDoc Natural Docs Install † OSXしか試していないけど、 cdで移動しないと正常に動作しないので、※ パス指定できない、改善希望 使い易い場所が良いと思う。 Command Line Options †
MOONGIFT: JavaScriptで描く2Dの世界「JSViz」:オープンソースを毎日紹介
これは面白い。 SVGは流行りそうな技術ではあるが、なかなかキラーコンテンツが出てこない。利用する場面がうまく思いつかないのと対応ブラウザが限定的（IE6で対応していないのが大きい）なのが問題だ。 だがIE7のシェアが増えれば状況も変わってくるだろう。そうした時代を見越して注目しておきたいのがこのライブラリだ。 今回紹介するオープンソース・ソフトウェアはJSViz、JavaScriptで描く動的なSVGの世界だ。 JSVizではネットワーク図やナビゲーション等を動的に描くことができるライブラリだ。注目なのは、その要素をXMLで定義することで描ける点だ。そして、XMLデータに基づいて、丸い形のポイントが線で結ばれていく。 一気に表示して終わるパターンや、徐々に増えていくもの、動きながら表示されるものなど数多くのパターンがサンプルとして登録されている。マウスでドラッグできるものもあり、こうした
JavaScript の配列と連想配列の違い - IT戦記
id:cheesepie:20070131:1170172709 最近は、こういう風に JavaScript を勉強する人が増えていてとても嬉しいです ＾＾ id:cheesepie さん頑張ってください！ で、ちょっと配列と連想配列の使いかたが違うようなので、エントリーを書こうと思いました。おせっかいだったらすみません＞＜ ！ やっぱり、このへんが JavaScript の難しいところのひとつなのだろうか。 ということで、 JavaScript の配列と連想配列の違い いってみよおー 連想配列とは JavaScript では連想配列は一番シンプルなオブジェクトのことである。つまり、すべてのオブジェクトは連想配列である。 以下のすべての連想配列はまったく同じものである。 // 1 var obj = { hoge: 'hoge' }; // 2 var obj = { 'hoge': 'h
javascriptでforeachと同等のことをする « kawama.jp
「for+in」を使うとできます。なかなか便利。 var hairetsu = [1,2,3,4,5,6]; for (var i in hairetsu){ alert(i); } こんな感じになります。 prototype.jsのeach関数などを使っても同様のことが実現できるようです。 2 Comments » for inは使わないほうが良いです http://d.hatena.ne.jp/amachang/20070202/1170386546 コメント by mayokara — 2008年1月3日 @ 02:01 mayokaraさん、ご指摘ありがとうございました！ コメント by kawama.jp — 2008年1月6日 @ 11:08 RSS feed for comments on this post. TrackBack URL Leave a comment 名前
MOONGIFT: » JavaScriptの動作検証に「JSCoverage」:オープンソースを毎日紹介
バグは予期していない動作が発生した際に起こる。理想的な動作をしている限りはまず起こらない。しかし、膨大なソースコードの中、そうした予期しない動作を探すのは難しい。 そこで便利なのがソースコードのカバレッジソフトウェアだ。通ったコードと通っていないコードとを見分けられれば、通ってない場所がバグの潜んでいる所になる。そしてJavaScript向けツールがこれだ。 今回紹介するオープンソース・ソフトウェアはJSCoverage、JavaScript向けのソースコードカバレッジソフトウェアだ。 JSCoverageを使うと、ソースコードの中でカバレッジされていない、つまり通っていないコード部分を見分けることができる。各アクションを試し、全てのコードを通過することができれば、予想は網羅されていることになる。 使い方としては、JSCoverageを使って、JavaScriptファイルを変換する必要があ
FireFox＆EclipseでのJavaScript開発を効率化する「Fireclipse」:phpspot開発日誌
Fireclipse Installation Instructions and Development Notes FireFox＆EclipseでのJavaScript開発を効率化する「Fireclipse」。 Fireclipseを使えば次のことが可能になります。 FireFoxのJavaScript コンソールの結果を Eclipseのコンソールに送る Eclipse上のエディタで、エラー行に移動する Eclipseのコンソールにメッセージを送る FireBug と連携し、FireBugに Eclipseタブを付けられます FireBug用の各種拡張 Fireclipse自体は、Firefoxの拡張と、FireBugの拡張、Eclipseプラグインから構成されます。 JavaScript開発がますます便利になりそうなツールですね。 今後はFirefox上にエディタ等の開発ツールが直
とほほのCookie入門 - とほほのWWW入門
Cookie とは、以下のようなことを実現するための機構です。 訪問者がそのページに何回訪れたか記録して表示する。 通常モード、フレームモードなど、訪問者の好みを記録しておき、次回訪問時にその好みのモードで表示する。 掲示板やチャットで入力したユーザー名を記録しておき、次回訪問時にユーザー名の入力を省略する。 ログインによるセッションを維持する。 下記の仕様書が公開されています。 RFC2109: https://tools.ietf.org/html/rfc2109 (1997年2月) RFC2965: https://tools.ietf.org/html/rfc2965 (2000年10月) RFC6265: https://tools.ietf.org/html/rfc6265 (2011年4月) 上記のようなデータは CGI などを用いてサーバー側に記録することもできますが、Co
APIs : Sunlight Foundation
Thank you for your interest in Sunlight’s web tools and APIs! Due to the closure of Sunlight Labs, we are no longer the providers of these services. Most of our major projects were taken over by other organizations. If you are looking for information on members of Congress and federal legislation, please see ProPublica’s excellent Represent tool, which incorporates several of our former projects.
itworks
itworksでは、ホームページ付箋化CGI、noteitを無料配布しています。 noteitは以下の特徴を備えています。 ・既存のウェブページに付箋が貼れるようになる。 ・Ajaxな通信を用いたページ遷移のない付箋編集。 ・幅広い対応ブラウザ。 ・編集内容のRSSによる配信。 ・ひとつのCGIでウェブページをいくつでも付箋化。 ・軽い。(30kb前後、画像1〜2枚分) ・スキンを使用したページごとに自由なデザイン。 ・画像アップロード機能。 ・バックアップ機能。 ・検索機能。 ・スナップグリッド機能。 ・バックアップ機能。 ・付箋を貼ることのできる範囲を限定できる。 ・古い付箋を自動削除 noteitは、ホームページを簡単に更新できるだけでなく、訪問者とのコミュニケーションに ちょっとかわった付箋掲示板としても使えます。 サークルなど、みんなで簡単にホー
ドラッグ＆ドロップが簡単に出来るJavaScriptライブラリまとめ:phpspot開発日誌
Ajax Digest // Drag&drop javascript libraries review ドラッグ＆ドロップが簡単に出来るJavaScriptライブラリまとめ。 DHTML Goodies デモ DOM Drag デモ Walterzorn Drag&Drop デモ X Library デモ Drag-and-Drop extension for Prototype デモ Toolman DHTML デモ Rico デモ DragLib デモ Yahoo User Interface Library デモ script.aculo.us JavaScriptのライブラリは単純に機能がいいというだけではなく、動作の軽さ、ファイルサイズの軽さも気になる点ですね。 それぞれに性質があって出来る/出来ないことがあったり、コーディング方式が自分のスタイルにあっているとかもあって選択肢
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
社å´å£«è©¦é¨å¡¾ 社å´å£«è©¦é¨å¦æ ¡ 社å´å£«è©¦é¨å¯¾ç 社å´å£«è©¦é¨åå¼·æ³ ç¤¾å´å£«è©¦é¨åèæ¸ at usrb.in