多彩な表現をご覧あれ。JavaScriptによるデータビジュアル化ライブラリ·JavaScript InfoVis Toolkit（JIT） MOONGIFT
JITはJavaScriptを使ったデータビジュアル化ライブラリです。 JavaScriptを使ってWeb上でデータを多彩にビジュアル化するライブラリがJavaScript InfoVis Toolkit（JIT）です。その多彩な表現をご覧ください。 積み上げのエリアグラフです。表示の際にはアニメーションが実行されます。 実際のコードです。 棒の積み上げグラフです。 横向き、2Dのグラフです。 関連グラフです。マウスで動かせます。 マウスオーバーで説明が表示されます。 こんなグラフもあります。 星形。格好いいです。 カスタマイズにも多様に対応しています。 容量の表示などによく利用されるツリーマップです。 こちらもパターンが色々用意されています。 グラフを組み合わせたパターンです。 こんな表現も可能です。 派生していくアニメーションが格好いいです。 円グラフです。アニメーションやマウス操作に
Raphaël―JavaScript Library
The most popular coding language for the web is javascript; so much so that since the advent of HTML5, it has now been officially accepted as the default standard. Javascript has moved beyond a smaller client-side browser-based language to become integrated not just for front-end design, but also for back-end server-side development. As a result there are has been a huge growth of Javascript libra
jQuery UIで実現！ Ajaxで複数選択ドラッグ＆ドロップ
jQuery、プラグイン、jQuery UI、Web経由のCDNとは CSSの書き方も分かるjQueryプラグイン実践活用法（1） 基本／おさらいとしてプラグインやjQuery UIについて簡単に触れ、Web経由でjQueryを使うCDNについて解説 デザインハック ＜ リッチクライアント 2009/12/8 今回は「jQuery UI」のより進んだ活用例 ■ jQueryのプラグイン「jQuery UI」とは？ 今回紹介するjQuery UIは、JavaScript（Ajax）フレームワークjQueryのプロジェクトがjQuery用に開発している、以下の機能を提供するプラグインです。 ドラッグ＆ドロップなどのマウス操作の機能拡張 ユーザーインターフェイスを改善するウィジェット（アコーディオン、日付入力、ダイアログ、スライダー、タブなど） 今回は、jQuery UIのドラッグ＆ドロップ機能
miya2000の日記 - これからドラッグ＆ドロップを書く人のために
2012/07/22 追記 久しぶりに確認したところ、IE9 では以下で指摘している IE (このときは IE6 でした) の問題(3, 4, 6)がすべて解消されていました。 また、Firefox での問題(5)も Firefox14 で試したらは解消されていました(ただ、All-in-One Sidebar のパネルの上では mousemove イベントが発生しないようでした)。 Chrome20 や Safari5 でも問題無く動作していますから、現在においてドラッグ＆ドロップを実装するには mousedown 時の preventDefault() だけでOKと言えそうです。すばらしいですね！ safari で動かないらしいのでどなたか情報ください！(くやしい!) というかこういうのに勝ち負けはないので実装できてる方は是非トラックバックお願いします。当方既に ipod 中毒ですし
これは使いやすい、HTML5+jQueryのプレゼンテーション用ツール -Deck JS
当サイトでもいくつか紹介したHTMLベースのプレゼンテーションツールですが、これ一番いいかもというのがリリースされたので紹介します。
アマグラマーのすすめ : 404 Blog Not Found
2012年02月10日13:00 カテゴリアルゴリズム百選アマグラマーのすすめ 博士の異常なアルゴリズム、または私は如何にして心配するのを止めて線形探索を愛するようになったか これはちょっとプログラマーといふ生物を買いかぶりすぎてると思います。 プログラマへの誤解 | pineapple blog プログラムを書かない人がプログラムを読んだときにする良くある間違いは，ああこんなプログラムなら自分にも書けそうだと思うことだ．プログラムは何百万とある可能性からたったひとつ（は言い過ぎにしてもわずかながら）の正しい方法を残したものであり，この捨てる能力こそがプログラマの実力だから． 少なくとも、プロ2グラマーの場合は。続きを読む dankogai コメント( 0 )トラックバック( 0 ) 2008年02月20日16:00 カテゴリLightweight Languagesアマグラマーのすすめ
モバイルゲームの歴史を年代別にご紹介します。モバイルゲームの成長と今後について詳しく解説していきます。
モバイルゲーム 物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。 モバイルゲームの歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給できるようになりました。 2002 携帯電話端末の大容量化・3D化競争 Java搭載携帯電話端末が登場してからごく僅か1年の間に、アプリのサイズに関しては10倍に広大化し、表現方法も2Dから3Dにシフトし始めました。J-PHONEは『ゼビウス』や『スペースハリアー』などといった昔のアーケードゲームを、ドコモはSIMCITYなどパソコンで世界的規模のヒットを飛ばしたゲームを主力商品としていました。 2003 モバイルゲームの一般化 メモリの制限が厳しいJava仮想マシン上ではなく、OS
解説 : XMLHttpRequest
XMLHttpRequest を使用出来るようにする為の宣言。ブラウザにより異なる。 IE では、ActiveXObject("Microsoft.XMLHTTP") を使用。 IE のバージョンによっては、ActiveXObject("Msxml2.XMLHTTP.5.0") , ActiveXObject("Msxml2.XMLHTTP.4.0") , ActiveXObject("Msxml2.XMLHTTP.3.0") , ActiveXObject("Msxml2.XMLHTTP") なども使用出来る。 Mozilla 系ブラウザでは、XMLHttpRequest() を使用。 var xmlhttp = false; if(typeof ActiveXObject != "undefined"){ try { xmlhttp = new ActiveXObject("Micro
画像の盗用を防ぐ（右クリック禁止＆それ以外の方法各種） - パソコンＱ＆Ａ
[参考記事] Dreamweaverで編集できなくする手法 BODYタグまたはIMGタグにoncontextmenu="return false;"と書く アラートを出す場合は oncontextmenu="alert('右クリックは禁止。');return false;" 例 <BODY oncontextmenu="return false;"> <img src="【画像のアドレス】" oncontextmenu="return false;"> ただしこの方法はInternet ExplorerとNetscaape7以降しか対応できないようですし、JavaScriptを無効にしたブラウザの場合は無意味です。 あくまで気休め程度です。 もう少し範囲を広げたJavaScript <Script Language="JavaScript"> <!-- if(document.layers
画像ギャラリーを作る際に使えるFlashやJavaScriptを活用したライブラリ＆サンプル集:phpspot開発日誌
57 Free Image Gallery, Slideshow And Lightbox Solutions | 1stwebdesigner - Love In Design 画像ギャラリーを作る際に使えるFlashやJavaScriptを活用したライブラリ＆サンプル集が公開されていました。 3Dを使った物や、ＵＩ的に面白い物が色々あって、ちょっとしたサプライズを持った画像ギャラリーなんかを作るのに活用できそう。 3D Curve Wall スムーズかつ立体的に動作する感じで次世代を感じさせる Spiral Carrousel XML 使いにくいけど立体的で面白い動作をします Polaroid Gallery 机の上に置いた写真をマウスで移動できる面白いＵＩ TiltViewer マウスの動きによってギャラリーが傾くという面白いＵＩ。デザインや動きが秀逸。 Galleriffic Sl
jQueryで画像をアップロード - MotuLog
jQueryのプラグインjqUploaderを使用すると、jQuery経由で画像アップロードできます。 基本的に表側はFlashを使っていて、裏側はPHPです。 jQueryは非同期通信のところだけでしょうか...？手軽にスグ実装したい方にオススメかな。 以下でプラグイン・デモ一式入手できます。 jqUploader 簡単なサンプルは以下の構成で動きます。 index.html jqUploader.swf style.css jquery-1.2.1.min.js ・・・ jqueryバージョン1.2.1（最新版では動きませんでした） jquery.flash.js ・・・ swfobject.jsのjquery版 jquery.jqUploader.js flash_upload.php files ・・・ 保存用ディレクトリ <!DOCTYPE HTML PUBLIC "-//W3C
JavaScriptリファレンス
ウィンドウ名.alert() …… ［OK］ボタンのみの警告ダイアログを表示する ウィンドウ名.confirm() …… ［OK］と［キャンセル］ボタンを持つ確認ダイアログを表示する ウィンドウ名.prompt() …… 文字入力ダイアログを表示する ウィンドウ名.defaultStatus …… ステータスバーにデフォルトで文字列を表示する ウィンドウ名.status …… ステータスバーに（一時的に）文字列を表示する ウィンドウ名.length …… ウィンドウ内のフレーム数を参照する ウィンドウ名.open() …… 新しいウィンドウを開く ウィンドウ名.close() …… ウィンドウを閉じる ウィンドウ名.closed …… ウィンドウが閉じているかどうかを返す ウィンドウ名.name …… ウィンドウ名を参照する ウィンドウ名.opener …… オープン元の親ウィンドウを参照
Video.js - Make your player yours
Video.js is a web video player built from the ground up for an HTML5 world. It supports HTML5 video and modern streaming formats, as well as YouTube and Vimeo. It supports video playback on desktop and mobile devices. The project was started mid 2010, and now has hundreds of contributors and is used on over 450,000 websites. Plays anythingPlays “traditional” file formats such as MP4 and WebM, but
Site Cooler NZ | Points to Note When Shopping for a Washing Machine
Blog Post Featured post Sprinkle delicious dishes as a cook with gourmet cookware Continue reading Points to Note When Shopping for a Washing Machine There are different washing machines brands in New Zealand. When shopping, therefore, you need to ensure that first, you get a quality machine; a machine that will last through many years without breaking down. You check product warranties and review
JavaScriptのテンプレートエンジン色々:phpspot開発日誌
Particletree Templates in JavaScript Ever since Smarty rocked my world, I have been on the lookout for template engines in each and every aspect of development. JavaScriptのテンプレートエンジン色々。 PHPではSmartyがテンプレートエンジンのデファクトスタンダードとして使われていますが、JavaScriptのテンプレートエンジンは未だデファクトと呼ばれるものがありません。 いくつか、気になるJavaScriptでのテンプレートエンジンが紹介されていましたので次に掲載。 JST Smartyに似ていて、if文やfor文、forelse文などが使える模様。 テンプレート例 Hello ${customer.first}
Google Maps JavaScript API V3 ã®è¨äº - Google Maps JavaScript API V3 - Google Code
Google Maps API Premier Maps API ã®æ©è½ã«å ãããã¸ãã¹åãã®ãµãã¼ããæä¾ãããåºåã管çã§ãã¾ãã Google Maps JavaScript API V3 ã®è¨äº 注: ãã®ãã¼ã¸ã«è¨è¼ããã¦ãã Google Maps JavaScript API ãã¼ã¸ã§ã³ 3 ã¯ãæ£å¼ãª JavaScript API ã¨ãªãã¾ãããJavaScript API ãã¼ã¸ã§ã³ 2 ã¯ãGoogle ã®å»æ¢ããªã·ã¼ã«ããæ£å¼
指定時間経過後に1回実行する(window.setTimeout)
window オブジェクトの setTimeout メソッドを実行すると、指定した時間経過したあとに 1 回だけ指定した関数を呼びだすことができます。書式は次のとおりです。 1 番目の引数には呼び出す関数名を指定します。省略可能な 2 番目の引数には関数を呼びだすまでの経過時間をミリ秒単位で指定します。引数を省略した場合は 0 が使用され、できるだけ早く関数が呼び出されます。 戻り値には、今回のタイマーの識別 ID が返されます。この setTimeout で指定した経過秒数が経過する前に戻り値で取得した ID を指定して window.clearTimeout を実行すると setTimeout の実行をキャンセルすることができます。 setTimeout メソッドを実行するとタイマーが起動します。経過時間が経過すると関数が 1 回呼び出されます。例えば次のように実行します。
iPhoneやAndroid向けのJavaScriptフレームワーク・Wink Toolkitが割と良かったので日本語サンプル作った
iPhoneやAndroidなどの人気の スマートフォン向けのJavascript製 フレームワーク・wink toolkitを触っ てみました。動作サンプルが豊富 で割と応用できそうだったので日本 語でサンプルを作ってみました。 スマートフォン向けのWebサイトやネイティブアプリに使えそうなJavaScript製のフレームワークです。沢山の動作サンプルがあって、内容もとっても分かりやすかったので（完全ではないけど）日本語サンプルを作成してみました。 スマホ向けのWebアプリ用JavaScript製フレームワークです。 動作サンプルを日本語にしたのでお手持ちのiPhoneなどでサンプルを触りながら記事を読んでいただけると嬉しいです。 [note]お持ちでない場合でも、Safariでご覧頂くと同様の動作確認が出来ます。Chromeでも多少確認出来ました。また、デモ動画もいくつかありますので宜
[JS]jQueryのプラグイン100選 -2010年総集編
2010年に紹介したものを中心としたjQueryのプラグイン100+α選です。 今年は、アニメーションのエフェクトやレイアウト、後半は背景画像関連のプラグインが特に目立っていたように思います。 [ad#ad-2] コンテンツスライダー・カルーセル関連 ギャラリー・画像拡大関連 ナビゲーション関連 タブ関連 パネル・ボックス関連 ツールチップ関連 レイアウト関連 背景画像関連 その他UI関連 アニメーション関連 スクロール・ドラッグなど操作関連 テーブル・リスト・データ関連 フォーム関連 コンテンツ生成 その他 コンテンツスライダー・カルーセル関連
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5 Coding assessment test - jsdo.it - Share JavaScript, HTML5 and CSS
