SVGを使ったものすごいグラフライブラリ·dygraphs JavaScript Visualization Library MOONGIFT
dygraphs JavaScript Visualization LibraryはJavaScript製のオープンソース・ソフトウェア。グラフライブラリは多数あれど、大抵は円グラフや棒グラフなどのシンプルなグラフを描く機能しかない。高度なグラフを描こうとすると利用できるライブラリは途端に少なくなる。 高機能なグラフライブラリ また高度なグラフはクライアントサイドだけでなく、サーバサイドの仕組みが必要になることも多い。そんな中dygraphs JavaScript Visualization Libraryはとても簡単に使えるグラフライブラリになっている。JavaScriptでSVGを描いてグラフ化するのだ。 主なグラフはX-Y軸を持った折れ線グラフになるようだ。とはいえ測定範囲を含んだグラフを描いたり、グラフの一部をマウスを使って拡大する、マウスオーバーすると値が表示されるなど高度な機能
"最速"の称号再び!? 「Opera 10.5 pre-alpha」の22日公開をアナウンス | エンタープライズ | マイコミジャーナル
Opera Desktop Teamは12月18日、Operaの公式ブログにて、同社製Webブラウザの最新開発版「Opera 10.5 pre-alpha」を12月22日にリリースする予定であることを明かした。 Operaの最新の正式版は11月23日にリリースされた10.10。現在は、次期開発版の「10.20 alpha」が公開されている段階で、10.5はさらにその先のバージョンとなる。 公式ブログには、「クリスマス休暇を前に、オペラユーザーの皆さんに素敵なプレゼントを届けられるよう、一生懸命開発に取り組んでいる」と綴られている。また、「利用者をスピードで驚かせる」という旨の記述もあり、2月4日に発表された高速JavaScriptエンジン「Carakan」が搭載されるとみられる。 スピードにこだわりを持つ同社の最新Webブラウザがどの程度のパフォーマンスを実現するのか、楽しみにしたい。 「
Webアプリケーション開発に役立つアドオン式メモリプロファイラー - Mozilla Flux
Memory ProfilerはMozilla Labsの実験的なプロジェクトの一つで、Webページのメモリ使用状況を調査するツールを提供するものだ。 長い時間にわたってWebブラウザに常駐させておくタイプのWebアプリケーションが増えつつある昨今、こうしたツールに対する需要も高まっているといえるだろう。だが、Atul Varma氏が『Web Application Memory Profiling, Take Two』で説明しているように、今年7月に公開された最初のプロトタイプには次のような欠点があった。 動作が遅い FirefoxのJSヒープ全体を表示していたが、そこにはWeb開発者にとってさほど役に立たないFirefoxの内部オブジェクトがたくさん含まれていた Firefoxがフリーズし、別のブラウザからローカルのWebサーバーにアクセスすることも含め、セットアップがやや大変だった
IE6ユーザに他のブラウザへの乗り換えを促す·ie6-upgrade-warning MOONGIFT
※ 画像の一部は公式サイトより FirefoxやSafari、Google Chromeといったブラウザで普段のブラウジングや開発を行っていると、IEのあまりに※※ぶりにうんざりしてくる。デザインのみならずシステム側でも（JavaScriptをはじめとして）足を引っ張ってくれる。特にIE6が問題だ。 IE6でアクセスすると出てくるウォーニングメッセージ IE7、IE8とリリースされているにも関わらずIE6のシェアは未だに結構ある。この状況を少しでも改善すべく、ie6-upgrade-warningを導入してみよう。 今回紹介するオープンソース・ソフトウェアはie6-upgrade-warning、IE6でのアクセス時にウォーニングを出すライブラリだ。 ie6-upgrade-warningの面白い（？）点はJavaScript側で特にIE6の判別を行っていない点だ。HTML側で「<!--[
Twitter XSS 騒動 - Yaks
(2009/04/12 6：40 pm 追記しました) (2009/04/12 7：24 pm 再度追記しました) 先ほどから Twitter上にて XSS のよる被害が出ています。 既に海外のブログなどでも取り上げられています。 HOWTO: Remove StalkDaily.com Auto-Tweets From Your Infected Twitter Profile (Twittercsm) Warning: Twitter Hit By StalkDaily Worm (TechCrunch) 既に XSS の部分は改修されて大分収まったようですが、念のために書いておきます。 内容としては、 1. StalkDaily.com を宣伝するつぶやきが勝手に投稿される 2. プロフィールの Web が改ざんされる 3. 改ざんされたユーザーのページを見ると、自分のプロフィールも
XMLをJSONにするXSLT·xml2json.xslt MOONGIFT
XMLはシステム間のメッセージを授受するフォーマットとしてよく使われている。が、書き方が冗長的で面倒くさい。かつては何でもかんでもXMLで、という風潮があったが、その面倒さからJSONやYAMLで処理されることも増えている。 元のXMLファイル 特にJavaScriptで扱うならJSONの方が使い勝手が良い。そこで既存のXML文書を変換するのがxml2json.xsltだ。 今回紹介するオープンソース・ソフトウェアはxml2json.xslt、XMLをJSONに変換するXSLTだ。 xml2json.xsltは既存のXML文書に対してxml-stylesheetとして設定することで利用できるXSLTだ。全てのパターンで使える訳ではないようだが、サンプルを見る限り大抵の項目は再現できている。 変換語。ユニコードにも対応 xml2json.xsltを使えばXMLに比べると操作が遥かに簡単になり
iPhoneで使えるjQueryプラグイン·jQTouch MOONGIFT
iPhone向けのサービス提供となるとついネイティブアプリケーションに目がいってしまう。だがネットワークが必須なものであれば、アプリケーション開発にこだわる必要はない。むしろ審査やObjective-Cの習得などに工数がかかってしまう。 iPhoneでjQuery ならばもっと容易に提供するiPhone向けWebサービスの方が合理的だ。そこで使えるjQueryプラグインがjQTouchだ。 今回紹介するオープンソース・ソフトウェアはjQTouch、iPhone向けjQueryプラグインだ。 jQTouchはjQueryプラグインであり、iPhoneやG1などWebKitを使ったモバイルブラウザで利用できる。とは言え日本では主にiPhone向けになるだろう。iPhoneでよく利用される機能を容易に実装できるようになっている。 様々な機能が盛り込まれている 左右に移動するアニメーションはもちろ
Internet Explorer 8 で 互換表示を強制させる方法 - 菅礼紗の世界征服
覚書, JavaScriptIE8で表示やJavascriptの挙動がおかしい、という場合がたまにあるようです。その場合は互換表示を試してみましょう。もしそれでうまくいったら、互換表示してくださいなんてアナウンス流すのは面倒なので、以下のタグをヘッダに追記するだけでIE7を強制的にエミュレートしてくれます。 meta http-equiv="X-UA-Compatible" content="IE=emulateIE7" /> 結構使えます。
週刊jQuery登場 | エンタープライズ | マイコミジャーナル
jQuery: The Write Less, Do More, JavaScript Library jQuery Blogにおいて週刊でjQueryの現状を伝えるブログシリーズ『This Week in jQuery』の開始が伝えられた。第1回目はThis Week in jQuery, vol. 1。同シリーズではjQueryの世界でおこったトレンドや新しいプラグインの情報、更新されたプラグインの情報、チュートリアル情報、そのほかjQueryに関するニュースが公開されるという。 第1回目はjQuery 1.3の書籍"Learning jQuery 1.3"の紹介、6日(米国時間)に公開された有料のJavaScriptマガジン(PDF) JsMagの紹介、プラグインやチュートリアルの公開情報、ティップスの紹介といった内容になっている。 これまでブログは不定期で発信されることが多かったが
"吹き出し"を画像使わずにCSSで作る方法 | エンタープライズ | マイコミジャーナル
Filament Group ツールティップとしての吹き出しエフェクトはWebページでは広く使われるようになったUIのひとつだ。吹き出しの四隅は丸みを帯びて角の外側は透過表示になり、吹き出しを示すための小さい突起がついているところに特徴がある。多くの場合で背景画像がこれらUIを実現するために使われる。 Filament Groupにおいて、これに背景画像を使わずCSSと若干のHTML、それに多少のJavaScriptを使って実現する例がImage-free CSS Tooltip Pointers - A Use for Polygonal CSS?として紹介されている。Filament GroupではjQuery UIウィジェットの開発中にこの問題にあたり、CSSで多角形を描画するためのよく知られたトリックといくつかの工夫を凝らすことでこれを実現したと説明している。 背景画像を使わないで
クリックジャッキング対策 - IT戦記
var allowed = false; if (parent != window) { // 自分がフレーム内なら document.addEventListener('click', function(e) { if (!allowed && confirm('クリックジャック？')) { e.stopPropagation(); e.preventDefault(); } }, true); } window.addEventListener('message', function(e) { if (e.origin == 'http://example.com/') { // example.com からは許可 allowed = true; } }, true); とかじゃダメかに？既出？ http://internet.watch.impress.co.jp/cda/news/
クリックジャッキングってこうですか？ わかりません
↑ この透過されているiframeは、ブラウザの最前面に配置されています ※はてなにログインしていると、どのようにボタンが被っているのかわかりやすくなります
サイトを軽くするために、不要なjsの見分け方を教えてください。…
サイトを軽くするために、不要なjsの見分け方を教えてください。 HTMLのヘッダで、何に使用しているのかわからないjsを読み込んでいます。 jsの中身を見て、何に使っているのかわかれば一番良いのですが、難読化されているようでよくわかりません。 削除してみてもパッと見は何も変化が無いように見えるのですが、さすがにそれでよしとはいきません。 何か良い方法はないでしょうか。
【ハウツー】FirebugにHTML/CSSリファレンスをアドオン! - FireScope (1) あのプロパティの使い方なんだっけ? これからはFireScopeで一発! | エンタープライズ | マイコミジャーナル
あのプロパティの使い方なんだっけ? これからはFireScopeで一発! SitePoint.comは1月27日(米国時間)、Firebug上で動作するアドオン「FireScope v1.0.1」をリリースした。FireScopeはFirefox2-3のFirebug1.2以降で動作するアドオン。各種HTMLエレメントやCSSプロパティといった要素のリファレンスと各種ブラウザの対応状況、サンプルコードを表示してくれるアドオンだ。SitePointが公開している各種HTML, CSSリファレンスの一部をまとめた内容となっている。 主な機能は次のとおり。 HTML Elements Reference HTML Attributes Reference CSS Properties Reference サンプルコード リファレンス内検索 W3C勧告に準拠しているかどうか 各種ブラウザ対応状況(
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
