データã®ãƒ“ジュアル化を最少ã®åŠ´åŠ›ã§: D3.js
D3.js ã¯ãã‚ã‚ã¦è¡¨ç¾åŠ›ã®é«˜ã„グラフæ画ツールã§ã™ã€‚Google Chart Tools ã¨åŒæ§˜ã€JavaScript ライブラリーã¨ã—ã¦æä¾›ã•ã‚Œã¦ã„ã¾ã™ãŒã€Chart Tools ãŒã‚ªãƒ³ãƒ©ã‚¤ãƒ³é™å®šã®ã‚µãƒ¼ãƒ“スã§ã‚ã‚‹ã®ã«å¯¾ã—ã€D3.js ã¯ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã§ã‚‚利用ã§ãã¾ã™ã€‚ å…¬å¼ã‚µã‚¤ãƒˆã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã«ãŸãã•ã‚“ã®ä¾‹ãŒã‚ã’られã¦ã„ã¾ã™ã€‚ Gallery · mbostock/d3 Wiki · GitHub D3.js ã®å‚考資料 日本語ã§èªã‚ã‚‹ D3.js ã®è³‡æ–™ã¯ã¾ã 多ãã‚ã‚Šã¾ã›ã‚“ãŒã€å…¬å¼æ–‡æ›¸ã®æ—¥æœ¬èªžåŒ–ãŒé€²ã‚“ã§ã„ã¾ã™ã€‚ D3.js - 日本語ドã‚ュメント D3.js ã®åŸºæœ¬ã‚’シンプルã«ã¾ã¨ã‚ãŸãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã™ã€‚ D3 ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ï½œã‚¹ã‚³ãƒƒãƒˆãƒ»ãƒžãƒ¬ã‚¤ï½œalignedleft æœ¬é ˜ã¯ã‚¦ã‚§ãƒ–ã§ã™ãŒ D3.js ã¯ã€ãŸã‚“ã«è¦‹æ „ãˆã®ã™ã‚‹ã‚°ãƒ©ãƒ•ã‚’æãã ã‘ã§ãªãã€ã‚¦ã‚§ãƒ–上ã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªã‚°ãƒ©ãƒ•ã‚„リアル
[HTML5]getUserMedia APIを使ã£ã¦ã‚«ãƒ¡ãƒ©ã‚’表示ã•ã›ã¦ã¿ã‚‹ – o24ブãƒã‚°
本日Chromeã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³21ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã€getUserMediaãŒå®Ÿè£…ã•ã‚ŒãŸã‚ˆã†ã§ã™ã€‚ getUserMediaを使ã†ã¨ã€javascriptを使ã£ã¦ã‚«ãƒ¡ãƒ©ã«ã‚¢ã‚¯ã‚»ã‚¹ã§ãるよã†ãªã®ã§ã€ã‚„ã£ã¦ã¿ã¾ã—ãŸã€‚ å‚考ã«ã—ãŸãƒšãƒ¼ã‚¸ã¯ä»¥ä¸‹ getUserMedia API <body> <video autoplay width="640" height="480"></video> <img src="" width="640" height="480" > <canvas style="display:none;" width="640" height="480"></canvas> <div id="wrapper"> <button id="capture">capture</button> <button id="stop">stop</button> </div> </body> <
![[HTML5]getUserMedia APIを使ã£ã¦ã‚«ãƒ¡ãƒ©ã‚’表示ã•ã›ã¦ã¿ã‚‹ – o24ブãƒã‚°](https://cdn-ak-scissors.b.st-hatena.com/image/square/5cb349daa94672c13da64f0c346bcbd2c7758d33/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
Jasmine: Javascript Testing Framework
describe("Jasmine", function() { it("makes testing JavaScript awesome!", function() { expect(yourCode).toBeLotsBetter(); }); }); Documentation User Guide Release Notes API Documentation Contributor Guide Download For pure JavaScript projects: VersionSizeDateSHA1
jQueryコーディングã®åŸºæœ¬çš„ãªã“ã¨ã‹ã‚‰ãƒ—ラグイン化ã¾ã§ã®æ³¨æ„書ã（Webデザイン）
jQuery ã§ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®ã€åŸºæœ¬çš„ãªã“ã¨ã‹ã‚‰ãƒ—ラグインを作るã¨ã“ã‚ã¾ã§ã€åˆå¿ƒè€…ã®é ƒã«ã¤ã¾ãšã„ãŸéƒ¨åˆ†ã‚’ä¸å¿ƒã«ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚å…¬å¼ãƒ‰ã‚ュメントãªã©ã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ã€å°‘ã—難ã—ã„å°è±¡ã®å°‚門用語も織り交ãœãªãŒã‚‰æ›¸ãã¾ã—ãŸã€‚jQuery 㧠Webデザインã®ãƒ‘ーツを作るã¨ãã®æ³¨æ„書ãã¨ã„ã†æ„Ÿã˜ã§ã™ã€‚ Webサイトを作るã¨ãã€ç§çš„ã«ã¯ã¨ã£ã¦ã‚‚よã使ã£ã¦ã„ã‚‹ jQuery。jQuery を勉強ã—ã ã—ãŸã“ã‚ã¯ã€è‡ªåˆ†ã®æ›¸ã„ãŸã‚³ãƒ¼ãƒ‰ãŒå‹•ã„ãŸã‚Šã™ã‚‹ã®ãŒã€ã¨ã£ã¦ã‚‚楽ã—ãã¦å¬‰ã—ã‹ã£ãŸè¦šãˆãŒã‚ã‚Šã¾ã™ã€‚ç§ã¯ã‚ã¾ã‚Š JavaScript ã§ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒå¾—æ„ã§ã¯ãªã„ã®ã§ã€ä»Šã§ã‚‚よã jQuery を使ã£ã¦ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã¾ã™ …。 以å‰ï¼šCSSã¯åˆ†ã‹ã‚‹ã‘ã© jQuery ã¯è‹¦æ‰‹ … ã¨ã„ã†äººãŒ jQuery ã«è¦ªã—ã‚“ã§ãれるã¨ã„ã„ãªãƒ¼ã¨æ€ã£ã¦æ›¸ãã¾ã—㟠ã¨ã„ã†è¨˜äº‹ã‚’書ã„ãŸã®ã§ã™ãŒã€ä»Šå›žã¯ãã®å¾©ç¿’ & jQuery
é–“é•ã„ã らã‘ã®ã€Œã‹ã‚“ãŸã‚“ãƒã‚°ã‚¤ãƒ³ã€å®Ÿè£…法
「DNSリãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã€ã«ã‚ˆã‚‹æ”»æ’ƒ 今度ã¯ã€å¥‘約者固有IDã®ãªã‚Šã™ã¾ã—（変更）をã—ãªã„ã§ã‹ã‚“ãŸã‚“ãƒã‚°ã‚¤ãƒ³ã‚’攻撃ã™ã‚‹ã€ã€ŒDNSリãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ï¼ˆDNS Rebinding）ã€ã¨å‘¼ã°ã‚Œã‚‹æ‰‹æ³•ã‚’紹介ã—ã¾ã™ã€‚ DNSリãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã¯å—動的攻撃ã®ä¸€ç¨®ã§ã™ã€‚ãªã‚Šã™ã¾ã—ã®ã‚¿ãƒ¼ã‚²ãƒƒãƒˆï¼ˆå¯¾è±¡è€…）ã®æºå¸¯é›»è©±ãƒ–ラウザ上ã§æ”»æ’ƒç”¨ã‚¹ã‚¯ãƒªãƒ—トãŒå‹•ä½œã™ã‚‹ã“ã¨ã§æ”»æ’ƒãŒèµ·ã“ã‚Šã¾ã™ã€‚図3を用ã„ã¦ã€DNSリãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°æ”»æ’ƒã®æ¦‚è¦ã‚’説明ã—ã¾ã™ã€‚ 図3ã®example.jpãŒæ”»æ’ƒå¯¾è±¡ã‚µãƒ¼ãƒã€trap.example.comã¯æ”»æ’ƒè€…ãŒç®¡ç†ã—ã¦ã„ã‚‹ã€Œç½ ã€ã®ã‚µãƒ¼ãƒã§ã™ã€‚攻撃者ã¯ç½ サイト上ã«ã€JavaScriptを仕込んã HTMLを用æ„ã—ã€example.jp利用者ãŒé–²è¦§ã™ã‚‹ã®ã‚’å¾…ã¡ã¾ã™ã€‚以下ã«æ”»æ’ƒã‚·ãƒŠãƒªã‚ªã‚’示ã—ã¾ã™ã€‚ ã€1ã€‘ç½ ã‚µã‚¤ãƒˆã‚’é–²è¦§ã™ã‚‹ã¨ã€JavaScriptãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã•ã‚Œã‚‹ ã€2ã€‘ç½ ã‚’é–²è¦§ã—ãŸã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§ã€ãƒãƒ¼ã‚«ãƒ«ã«ä¿
iPhone/Android/PCã®ãƒ–ラウザ対応ã€ãƒ•ãƒªãƒƒã‚¯æ“作をシンプルã«å®Ÿè£…ã§ãã‚‹jQueryプラグイン - makogã®æ—¥è¨˜
自作ã®jQueryプラグインã€jQuery.flickSimpleを公開ã—ã¾ã™ã€‚ jQuery.flickSimple デモ / マニュアル（iPhone/Androidã§ã‚‚ã”覧ã„ãŸã ã‘ã¾ã™ï¼‰ jQuery.flickSimple ダウンãƒãƒ¼ãƒ‰ï¼ˆgithub） ã“ã‚Œã¯ã€iPhoneã®ç‰¹å¾´çš„ãªã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã§ã‚るフリックæ“作をã€Webサイト上ã§å®Ÿç¾ã™ã‚‹ãŸã‚ã® jQueryプラグインã§ã™ã€‚æŸã‚µã‚¤ãƒˆã®iPhone版ã®ãŸã‚ã«ã ã„ã¶å‰ã«æ›¸ã„ãŸã‚‚ã®ã§ã€å½“時ã¯iPhone専用ã ã£ãŸã®ã§ã™ãŒã€Android対応ã®ä¾é ¼ã‚’å—ã‘ãŸã®ã‚’ãã£ã‹ã‘ã«ã€PCã®ãƒ–ラウザã«ã‚‚対応ã—よã†ã¨ã€å¤§å¹…ã«ä½œã‚Šç›´ã—ãŸã‚‚ã®ã§ã™ã€‚ フリック動作を実ç¾ã™ã‚‹jQueryプラグインã¯æ—¢ã«ã„ãã¤ã‹ã‚ã‚Šã¾ã™ã€‚機能ã¨ã—ã¦ã‚‚実装ã¨ã—ã¦ã‚‚ã€ç§ãŒä½œã£ãŸã‚‚ã®ã‚ˆã‚Šå„ªã‚Œã¦ã„ã‚‹ã‚‚ã®ã‚‚ã‚ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ã¾ãšã¯å…¬é–‹ã™ã‚‹ã“ã¨ã«æ„義ãŒã‚ã‚‹ã€ã¨ã„ã†ã“ã¨ã§ã€‚ ã¡ãªã¿ã«ã€ã“ã®ã‚¹
jQuery Cycle Plugin | Webã‚µã‚¤ãƒˆåˆ¶ä½œæ”¯æ´ | ShanaBrian Website
jQuery Cycle Pluginã®ä½¿ç”¨æ–¹æ³•ã‚’ã”紹介ã—ã¾ã™ã€‚ jQuery Cycle Pluginã¯æ§˜ã€…ãªåŠ¹æžœã§ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹jQueryライブラリã§ã™ã€‚ å…¬å¼ã‚µã‚¤ãƒˆ ※ ã“ã®ãƒ©ã‚¤ãƒ–ラリã¯ã€jQueryãŒåˆ¥é€”å¿…è¦ã§ã™ã€‚ 目次 ダウンãƒãƒ¼ãƒ‰ã¨è¨ç½® JavaScriptã®èªã¿è¾¼ã¿ é©ç”¨æ–¹æ³• オプションã®è¨å®š ページãƒãƒ¼ã‚·ãƒ§ãƒ³ã®è¨ç½®æ–¹æ³• オプション 効果一覧 ダウンãƒãƒ¼ãƒ‰ã¨è¨ç½® ã“ã¡ã‚‰ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ ダウンãƒãƒ¼ãƒ‰ã—ãŸJavaScriptファイルを任æ„ã®å ´æ‰€ã«è¨ç½®ã—ã¾ã™ã€‚ JavaScriptã®èªã¿è¾¼ã¿ ä»»æ„ã®å ´æ‰€ã«è¨ç½®ã—ãŸjQueryã¨jQuery Cycle Pluginã®JavaScriptファイルをèªã¿è¾¼ã¿ã¾ã™ã€‚ パスã¯ç’°å¢ƒã«å¿œã˜ã¦å¤‰æ›´ã—ã¦ãã ã•ã„。 HTML <script src="js/jquery.min.js" type="text/javasc
JAVASCRIPT::BOOKMARKLET
JavaScript::Bookmarklet スクリプト集:ã“ã®ãƒšãƒ¼ã‚¸ã§ç´¹ä»‹ã—ã¦ã„るスクリプトã¯è‡ªç”±ã«ãŠä½¿ã„ãã ã•ã„。 更新日：2006.10.27 [blog] ã“ã®ãƒšãƒ¼ã‚¸ã¯æ§˜ã€…ãªç”¨é€”ã§åˆ©ç”¨ã§ãã‚‹Bookmarkletã‚’ã”紹介ã—ã¦ã„ã¾ã™ã€‚ã‚‚ã—ã“ã®ãƒšãƒ¼ã‚¸ã§ç´¹ä»‹ã—ã¦ã„ã‚‹BookmarkletãŒæ°—ã«ã„ã£ãŸã‚‰æ˜¯éžã“ã®ãƒšãƒ¼ã‚¸ã‚’ã‚ãªãŸã®ãƒ›ãƒ¼ãƒ ページã¨ãƒªãƒ³ã‚¯ã—ã¦ãã ã•ã„。ãã—ã¦ã‚‚ã£ã¨å¤šãã®äººã«Bookmarkletã®ãŠã‚‚ã—ã‚ã•ã‚’ä¼ãˆã¦ãã ã•ã„。リンクã«è¨±å¯ã¯å¿…è¦ã‚ã‚Šã¾ã›ã‚“。ã¾ãŸã“ã®ãƒšãƒ¼ã‚¸ã§ç´¹ä»‹ã—ã¦ã„ã‚‹Bookmarkletã®å¤šãã¯æµ·å¤–サイトã§ç´¹ä»‹ã•ã‚Œã¦ã„るコピーフリーãªã‚‚ã®ã§ã™ã€‚ã§ã™ã‹ã‚‰è‡ªç”±ã«ã‚³ãƒ”ーã—ã¦ä½¿ã£ã¦ãã ã•ã„。 ニュース＆ãŠçŸ¥ã‚‰ã› 6月27日：「カウンタã€ã‚’è¿½åŠ ã—ã¾ã—ãŸã€‚ 3月18日：「DOMã®ã‚½ãƒ¼ã‚¹ã‚’見るã€ã‚’è¿½åŠ ã—ã¾ã—ãŸã€‚ 1月26日：「nofollow属性ã®ãƒªãƒ³ã‚¯ã‚’強調ã€ã‚’è¿½åŠ ã—ã¾ã—ãŸã€‚
jsdo.it
We’re getting things ready Loading your experience… This won’t take long.
モãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ ã®æ´å²ã‚’年代別ã«ã”紹介ã—ã¾ã™ã€‚モãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ ã®æˆé•·ã¨ä»Šå¾Œã«ã¤ã„ã¦è©³ã—ã解説ã—ã¦ã„ãã¾ã™ã€‚
モãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ 物凄ã„å‹¢ã„ã§å‹ƒèˆˆã—ãŸãƒ¢ãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ æ¥ç•Œã¯ã€ã„ã‚ã„ã‚ãªèª²é¡Œã‚„å•é¡Œã«ç›´é¢ã—ãªãŒã‚‰ã‚‚巨大化ã—ã€ä»Šæ—¥ã®æ™‚点ã§ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ゲームã®å¸‚å ´ã¸ã¨ç¶™æ‰¿ã•ã‚Œã¦ã„ãã¾ã™ã€‚ モãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ ã®æ´å² 2001 Javaアプリã¨3Dゲームã®ç™»å ´ JavaãŒåˆ©ç”¨ã§ãるよã†ã«ãªã£ãŸã“ã¨ã«ã‚ˆã‚Šã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰åž‹ã®ã‚²ãƒ¼ãƒ ãŒä¾›çµ¦ã§ãるよã†ã«ãªã‚Šã¾ã—ãŸã€‚ 2002 æºå¸¯é›»è©±ç«¯æœ«ã®å¤§å®¹é‡åŒ–・3D化競争 Javaæ載æºå¸¯é›»è©±ç«¯æœ«ãŒç™»å ´ã—ã¦ã‹ã‚‰ã”ã僅ã‹1å¹´ã®é–“ã«ã€ã‚¢ãƒ—リã®ã‚µã‚¤ã‚ºã«é–¢ã—ã¦ã¯10å€ã«åºƒå¤§åŒ–ã—ã€è¡¨ç¾æ–¹æ³•ã‚‚2Dã‹ã‚‰3Dã«ã‚·ãƒ•ãƒˆã—始ã‚ã¾ã—ãŸã€‚J-PHONEã¯ã€Žã‚¼ãƒ“ウスã€ã‚„『スペースãƒãƒªã‚¢ãƒ¼ã€ãªã©ã¨ã„ã£ãŸæ˜”ã®ã‚¢ãƒ¼ã‚±ãƒ¼ãƒ‰ã‚²ãƒ¼ãƒ ã‚’ã€ãƒ‰ã‚³ãƒ¢ã¯SIMCITYãªã©ãƒ‘ソコンã§ä¸–界的è¦æ¨¡ã®ãƒ’ットを飛ã°ã—ãŸã‚²ãƒ¼ãƒ を主力商å“ã¨ã—ã¦ã„ã¾ã—ãŸã€‚ 2003 モãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ ã®ä¸€èˆ¬åŒ– メモリã®åˆ¶é™ãŒåŽ³ã—ã„Java仮想マシン上ã§ã¯ãªãã€OS
JavaScriptã‹ã‚‰Flickr APIã§ç”»åƒæ¤œç´¢ï¼šITpro
Flickr APIã®ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã¨ã—ã¦ã¯ï¼Œ REST / XML-RPC / SOAP ã®3種類ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ 通常ã¯ï¼Œå®Ÿè£…ãŒå®¹æ˜“㪠REST を利用ã™ã‚‹ã“ã¨ãŒå¤šã„よã†ã§ã™ã€‚ REST リクエスト時ã®ãƒ¬ã‚¹ãƒãƒ³ã‚¹ï¼ˆAPIã‹ã‚‰è¿”å´ã•ã‚Œã‚‹çµæžœãƒ‡ãƒ¼ã‚¿ï¼‰ã¯ï¼Œ RSP å½¢å¼ã¨ã„ã†ç‹¬è‡ªã® XML フォーマットã§å‡ºåŠ›ã•ã‚Œã¾ã™ (Plain Old XML)。 XML以外ã«ã‚‚，JSONå½¢å¼(JavaScript Object Notation)， JSONPå½¢å¼(JSON with Padding)， PHP serializeå½¢å¼ã§ã®å‡ºåŠ›ã‚‚å¯èƒ½ã§ã™ã€‚ 今回ã¯ï¼ŒJavaScriptã‹ã‚‰å‡¦ç†ã—ã‚„ã™ã„JSONPを利用ã™ã‚‹ã“ã¨ã«ã—ã¾ã™ã€‚ Flickr APIã®åˆ©ç”¨ï¼ˆãƒ©ã‚¤ã‚»ãƒ³ã‚¹èªè¨¼ç”¨API Keyã®å–得）ã«ã¯ï¼Œ 米国Yahoo!ã®ä¼šå“¡ç™»éŒ²ãŒå¿…è¦ã§ã™ã€‚ 英語ã®ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãªã®ã§å°‘ã—é¢å€’ã§ã™ãŒï¼Œ [Sign U
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Visualizing a Network with Cypher and D3.js
http://ja.d3js.node.ws/
http://ja.d3js.info/alignedleft/tutorials/d3/
Timeline documentation
http://docs.phonegap.com/jp/2.0.0/index.html
emberjs-doc-translation/ember.js-docs-translation.md at master · enja-oss/emberjs-doc-translation
Otani Studio（Webトリックサンプル）
jQuery Mobile Docs - Transitions
HTML5 Boilerplate: The web’s most popular front-end template
{{#tags}}- {{label}}
{{/tags}}