Express - Node.js web application framework
Express 5.0 beta documentation is now available. The beta API documentation is a work in progress. For information on what’s in the release, see the Express release history. Web Applications Express is a minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications. APIs With a myriad of HTTP utility methods and middleware at your dis
CSS/JavaScriptã®Asynchronous Loadingã‚’ã‚ãる熱ã„è«–è° | ゆã£ãã‚Šã¨â€¦
2011å¹´2月21æ—¥ 追記 $script ã‚‚æ–°è¦å‚戦ã—ã¦ãã¾ã—ãŸã€‚高々 643 ãƒã‚¤ãƒˆã§ã€éžåŒæœŸèªã¿è¾¼ã¿ã‚„ä¾å˜æ€§ã®åˆ¶å¾¡ãªã©ãŒã§ãã‚‹ãã†ã§ã™ã€‚ã„ãšã‚Œç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚↠「新å‚ã®è¶…軽é‡JavaScriptéžåŒæœŸãƒãƒ¼ãƒ€ãƒ¼3種を徹底比較ã€ã§ç´¹ä»‹ã—ã¾ã—ãŸï¼ ã“れらã®ãƒãƒ¼ãƒ€ãƒ¼ã®ã†ã¡ã€LABjs ã®ä½œè€…㌠「On Script Loaders〠㧠HeadJS 㨠ControlJS ã«ã¤ã„ã¦æ„見をã—ã¦ã„ã¦ã€é¢ç™½ãã†ã§ã™ã€‚ãã®ã†ã¡æ—¥æœ¬èªžè¨³ã‚„å„ãƒãƒ¼ãƒ€ãƒ¼ã®æ¯”較を行ã£ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ»ã‚¹ã‚¯ãƒªãƒ—トをã‚ãã‚‹è°è«– ã•ã¦ã•ã¦ã€æœ¬ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®æœ¬é¡Œã¯å‰è¿°ã®ãƒãƒ¼ãƒ€ãƒ¼ã§ã¯ã‚ã‚Šã¾ã›ã‚“。「Prefer asynchronous resources〠や Google Analytics ã®ã‚¹ãƒ‹ãƒšãƒƒãƒˆ ã«ç¤ºã•ã‚Œã¦ã„るよã†ãªã€ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ»ã‚¹ã‚¯ãƒªãƒ—トã®å¤‰é·ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ ã“れらã®ã‚¹ã‚¯ãƒªãƒ—トã®ã”ãåˆæœŸã¯
githubãŒhistory.replaceState使ã£ã¦ãŸ - Webtech Walker
JavaScriptã§history.pushStateã¨history.replaceStateã£ã¦ã„ã†å±¥æ´ç®¡ç†ã®ãŸã‚ã®ä»•æ§˜ãŒã‚ã‚‹ã‚“ã§ã™ã‘ã©ã€ã“れを使ã†ã¨location.hashを使ã£ã¦å®Ÿè£…ã—ã¦ã„るよã†ãªã€ãƒšãƒ¼ã‚¸é·ç§»ã‚’ã—ãªã„ã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を入れ替ãˆã‚‹ï¼ˆTwitterã®æ–°UIã¿ãŸã„ãªï¼‰ã‚‚ã®ã‚’実ç¾ã§ãã¾ã™ã€‚ 5.4 Session history and navigation — HTML5 Manipulating the browser history - MDC Doc Center ã§ã€ã“れを実際使ã£ã¦ã‚‹ã¨ã“ã‚ã¯è¦‹ãŸã“ã¨ãªã‹ã£ãŸã‚“ã§ã™ã‘ã©ã€githubãŒã„ã¤ã®é–“ã«ã‹ä½¿ã£ã¦ã¾ã—ãŸã€‚é©å½“ãªãƒªãƒã‚¸ãƒˆãƒªã«å…¥ã£ã¦history.replaceStateをサãƒãƒ¼ãƒˆã—ã¦ã‚‹ãƒ–ラウザ（ç¾æ™‚点ã§ã¯chromeã‹safari）ã§è¦‹ã‚‹ã¨ãƒšãƒ¼ã‚¸é·ç§»ãªã—ã§å‹•ã„ã¦ã€åˆ‡ã‚Šæ›¿ã‚ã‚‹ã¨ãã«URLãŒæ›¸ãæ›ã‚ã£ã¦ã‚‹ã®ãŒã‚ã‹ã‚‹
Test::QUnit - mozrepl経由ã§ã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³ã‹ã‚‰JavaScriptã®ãƒ†ã‚¹ãƒˆã‚’実行ã™ã‚‹ - æ„›ã¨å‹‡æ°—ã¨ç¼¶ãƒ“ール
マクラ - JavaScriptã®ãƒ†ã‚¹ãƒˆã«ã¤ã„㦠テストã®ãªã„コードã¯ã‚³ãƒ¼ãƒ‰ã§ã¯ãªãã€ãƒ†ã‚¹ãƒˆã‚’書ã‹ãªã„プãƒã‚°ãƒ©ãƒžã¯ãƒ—ãƒã‚°ãƒ©ãƒžã§ã¯ãªãã€ãƒ†ã‚¹ãƒ†ã‚£ãƒ³ã‚°ãƒ•ãƒ¬ãƒ¼ãƒ ワークã®ãªã„言語ã¯è¨€èªžã¨å‘¼ã¶ã«å€¤ã—ãªã„。ã¨ä»¥ä¸Šã®ã‚ˆã†ãªå‰ãã†ãªã“ã¨ã‚’言ã†è³‡æ ¼ã¯å…¨ããªã„ã—ç‹‚ä¿¡çš„ã§ã‚‚ãªã„僕ã§ã™ãŒã€å°‘ãªãã¨ã‚‚ã¾ã¨ã‚‚ã«å‹•ãコードã§ã‚ã‚‹ã“ã¨ã‚’証明ã™ã‚‹ãŸã‚ã«ã€äººä¸¦ã¿ã«ã¯ãƒ†ã‚¹ãƒˆã‚’書ãã¾ã™ã€‚ ãã‚Œã§ã¾ã‚ã€æœ€è¿‘JavaScriptã°ã‹ã‚Šæ›¸ã„ã¦ã‚‹ã®ã§ã™ãŒã€JavaScriptã®ãƒ†ã‚¹ãƒ†ã‚£ãƒ³ã‚°ãƒ•ãƒ¬ãƒ¼ãƒ ワークã£ã¦å¤§ä½“以下ã®ã‚ˆã†ãªã‚‚ã®ã«åˆ†ã‹ã‚Œã‚‹ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ ブラウザ上ã§å‹•ã‹ã™ã“ã¨ã‚’å‰æã¨ã—ãŸã‚‚ã®(JsUnit, QUnitãªã©) Rhinoã‚„SpiderMonkeyãªã©ã€ãƒ–ラウザã‹ã‚‰ç‹¬ç«‹ã—ãŸJavaScriptエンジンã§å®Ÿè¡Œã™ã‚‹ã“ã¨ã‚’å‰æã¨ã—ãŸã‚‚ã®(JsUnit, QUnit-TAPãªã©) 2. ã«åŠ ãˆã€env.js(http://www.
Titanium - JavaScript 㧠iPhone/Android アプリを作る - naoyaã®ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼
Titanium Mobile 㯠JavaScript 㧠iPhone/Android ã®ã‚¢ãƒ—リ (not Webアプリ) を開発ã§ãる開発環境。詳ã—ã㯠Titaniumã§å§‹ã‚るモãƒã‚¤ãƒ«ã‚¢ãƒ—リ作æˆã®åŸºç¤ŽçŸ¥è˜ (1/3)：Web技術ã§ãƒã‚¤ãƒ†ã‚£ãƒ–アプリを作れるTitanium（2） - ï¼ IT ãªã©ã«è§£èª¬ãŒã‚ã‚Šã¾ã™ã€‚ å°‘ã—時間ãŒã‚ã£ãŸã®ã§ã€JavaScript ã§ä½œã‚‹ã¨ã„ã†ã®ãŒã©ã‚“ãªæ„Ÿã˜ã‹è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚作ã£ãŸã‚¢ãƒ—リ㯠ã“ã‚“ãªæ„Ÿã˜ã§ TableView ãŒã‚ã‚Šã€é¸æŠžã™ã‚‹ã¨ WebView ã§ã‚¢ãƒ—リ内ブラウザãŒç«‹ã¡ä¸ŠãŒã‚‹ã€ãƒ–ラウザã¯ãƒ„ールãƒãƒ¼ã§ã€Œæˆ»ã‚‹ã€ã‚„「リãƒãƒ¼ãƒ‰ã€ãŒå¯èƒ½ã€‚ã‚ã¨ã¯ã‚¿ãƒ–コントãƒãƒ¼ãƒ«ãŒã‚ã£ãŸã‚Šï½¥ï½¥ï½¥ã¨ã„ã†å˜ç´”ãªã‚‚ã®ã€‚åˆæœŸèµ·å‹•ç”»é¢ã®ã‚µã‚¤ãƒˆãƒªã‚¹ãƒˆã¯ã€HTTP ã§ãƒãƒ¼ã‚«ãƒ«ã«ç«‹ã¦ãŸã‚µãƒ¼ãƒãƒ¼ã‹ã‚‰ JSON ã§èªã¿è¾¼ã‚“ã§ã„ã¾ã™ã€‚ Web上ã®ãƒ‰ã‚ュメントを見ãªãŒã‚‰2, 3時間試行錯誤ã§ä¸€å¿œã®
keyイベント(keypress,keyup,keydown)ã®ç¢ºèª
keypress,keyup,keydownイベントã®ç™ºç”Ÿãƒ‘ターンを確èªã™ã‚‹ãŸã‚ã®ãƒšãƒ¼ã‚¸ã§ã™ã€‚ 確èªã—ãŸã„イベントをãƒã‚§ãƒƒã‚¯ã—ã€ãƒ†ã‚ストボックスã«å…¥åŠ›ã—ã¦ãã ã•ã„。 →Blogã¸æˆ»ã‚‹ keypress keyup keydown typekeyCodealtKeyctrlKeyshiftKeyvalue
shin3tky blog: IME 㨠key イベント
2008å¹´8月5æ—¥ IME 㨠key イベント テã‚ストボックス㧠Enter ã‚ーを押下ã™ã‚‹ã¨å‡¦ç†ãŒå®Ÿè¡Œã•ã‚Œã‚‹ã‚ˆã†ã«ã—ãŸã„å ´åˆã€æ—¥æœ¬èªž IME ã®å¤‰æ›ç¢ºå®šã® Enter ã§å‡¦ç†ãŒå®Ÿè¡Œã•ã‚Œãªã„よã†ã«æ°—ã‚’é£ã†å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ TextBox ã® keydown, keypress, keyup イベントを調ã¹ã¦ã¿ã‚‹ã¨ã€Internet Explorer 㨠Firefox ã¨ã§ã¯æŒ™å‹•ãŒé•ã†ã“ã¨ãŒåˆ†ã‹ã‚Šã¾ã™ã€‚ Internet Explorer 7 ã§ã€Œã‚ã„ã€ã‚’入力ã—ãŸå ´åˆã€‚ typekeyCodealtctrlshiftvalue keydown229falsefalsefalseã‚ keyup65falsefalsefalseã‚ keydown229falsefalsefalseã‚ã„ keyup73falsefalsefalseã‚ã„ keydown229falsefalsefalseã‚ã„
gjslint - EAGLE 雑記
http://d.hatena.ne.jp/Craftworks/20100908/1283941430 Vim ã‹ã‚‰ã“ã®ã‚ˆã†ãªãƒ„ールを利用ã™ã‚‹å ´åˆã«ã¯ã‚³ãƒ³ãƒ‘イラプラグインを書ãã¨ã‚ˆã‚Šä¾¿åˆ©ï¼Ž 以下ã®ãƒ—ラグインã¯ã‹ãªã‚Šæ‰‹æŠœãã ã‘ã©ï¼Œã¾ã最低é™ã®æ©Ÿèƒ½ã¯æä¾›ã§ãã¦ã„ã‚‹ã¨æ€ã†ï¼Ž if exists("current_compiler") finish endif let current_compiler = "gjslint" if exists(":CompilerSet") != 2 command -nargs=* CompilerSet setlocal <args> endif CompilerSet makeprg=gjslint\ % CompilerSet errorformat= \%+P-----\ FILE\ \ :\ \ %f\ -----, \Line\ %l\\,\ %
「Google JavaScript Style Guideã€ã®æ–‡æ³•ãƒã‚§ãƒƒã‚¯ãƒ„ール + vim 㧠JavaScript ã®é–‹ç™ºã‚’2å€æ¥½ã«ã™ã‚‹æ–¹æ³• - Craftworks Tech Blog - Branch
Google ãŒå…ˆæ—¥ JavaScript ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ Google JavaScript Style Guide (邦訳) を発表ã—ã¾ã—ãŸãŒã€ä»Šåº¦ã¯ãã®æ–‡æ³•ã«æ²¿ã£ã¦ãƒã‚§ãƒƒã‚¯ã‚’ã—ã¦ãれる Lint ツール Closure Linter を公開ã—ãŸã‚ˆã†ã§ã™ã€‚ (via. 「Google JavaScript Style Guideã€ã«æ²¿ã£ã¦ãƒã‚§ãƒƒã‚¯ã—ã¦ãれるã€ã‚°ãƒ¼ã‚°ãƒ«è£½JavaScript文法ãƒã‚§ãƒƒã‚«ãƒ¼) 早速インストールã—ã¦é–‹ç™ºåŠ¹çŽ‡ã‚’上ã’ã‚‹ã¹ãã€é–‹ç™ºç’°å¢ƒã«å°Žå…¥ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Closure Linter 㯠python 製ãªã®ã§ã€easy_install ã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã§ãã¾ã™ã€‚easy_install ãŒå…¥ã£ã¦ãªã‘ã‚Œã°ã€ä¸‹è¨˜ã‚³ãƒžãƒ³ãƒ‰ã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¾ã—ょã†ã€‚ curl http://peak.telecommunity.com/dist/ez_setup.py
経緯度ã¨Google Mercatorã¨ã®å¤‰æ›å¼ã‚’確èªã—ã¦ã¿ã‚‹ï¼ˆOpenLayers & Proj4js）。 - Relevant, Timely, and Accurate
æ—¢å˜ã® JavaScript プãƒã‚°ãƒ©ãƒ ã«åŸ‹ã‚è¾¼ã¾ã‚ŒãŸã€çµŒç·¯åº¦ã¨Google Mercatorã¨ã®å¤‰æ›å¼ï¼ˆç‰¹ã«ãƒ¡ãƒ«ã‚«ãƒˆãƒ«ã‹ã‚‰çµŒç·¯åº¦ã¸ã®é€†å¤‰æ›å¼ï¼‰ã‚’確èªã—ã¦ã¿ã¾ã—ãŸã€‚Safari ã® Web インスペクタを使ã£ã¦ç°¡å˜ã«èª¿ã¹ã¦ã¿ã¾ã™ã€‚ 基本的方法 Safari ã‚„ Chrome ã«ä»˜å±žã—ã¦ã„ã‚‹ Web インスペクタã«ã¯ã€Œã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã€ãŒã‚ã‚Šã¾ã™ã€‚ã“ã“ã« JavaScript コードを書ã込むã¨ã€ãã®ãƒšãƒ¼ã‚¸ã§ãƒãƒ¼ãƒ‰ã•ã‚Œã¦ã„ã‚‹ JavaScript オブジェクトã«ç°¡å˜ã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚Ruby ã® irb を使ã†ã‚ˆã†ã«ã€Web インスペクタコンソールを使ã£ã¦ã€JavaScript プãƒã‚°ãƒ©ãƒ ã‚’ç†è§£ã—ã¦ã„ãã¾ã™ã€‚ OpenLayers ã®å ´åˆ http://trac.openlayers.org/wiki/SphericalMercator ã‚’èªã‚€ã¨çµå±€ã€OpenLayers.Layer.
マンガã§åˆ†ã‹ã‚‹ JavaScriptプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¬›åº§
ã¯ã˜ã‚㫠「マンガã§ã‚ã‹ã‚‹JavaScriptã€ã¯ã€é›£ã—ãã†ã«æ€ãˆã‚‹ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’ã€ç°¡å˜ãã†ã«è¦‹ãˆã‚‹ãƒžãƒ³ã‚¬ã§è§£èª¬ã™ã‚‹ã¨ã„ã†åˆå¿ƒè€…å‘ã‘ã®å…¥é–€è¬›åº§ã§ã™ã€‚ 架空ã®é«˜æ ¡ç”ŸãŸã¡ã«æ•™ãˆã‚‹å½¢å¼ã§ã€ãƒ—ãƒã‚°ãƒ©ãƒ ã®åŸºç¤Žã‹ã‚‰å¿œç”¨ã‚’ã€è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚一通りã®ãƒžãƒ³ã‚¬ã‚’èªã‚ã°ã€ã‹ãªã‚Šå®Ÿè·µçš„ãªã¨ã“ã‚ã¾ã§ã€ãƒ—ãƒã‚°ãƒ©ãƒ を書ã‘るよã†ã«ã—ã¦ã„ãã¾ã™ã€‚ （マンガã¯ã€å·¦ä¸Šã‹ã‚‰å³ä¸‹ã¸ã¨èªã¿ã¾ã™ï¼‰ プãƒã‚°ãƒ©ãƒ ã¨ã„ã†ã¨ã€ã‘ã£ã“ã†å¤§å¤‰ãã†ã«æ€ãˆã¾ã™ãŒã€ã“ã®è¬›åº§ã®ãƒ†ãƒ¼ãƒžã¯ã€Œé¢å€’ãã•ã„ã“ã¨ã‚’楽ã«ã™ã‚‹ã€ã§ã™ã€‚é¢å€’è‡ãŒã‚Šã§ã€æ‰‹æŠœã大好ãã®å¥³å高生を主人公ã«ã—ã¦ã€æ¥½ã—ãプãƒã‚°ãƒ©ãƒ ã‚’å¦ã‚“ã§ã„ãã“ã¨ã«ã—ã¾ã™ã€‚ 主ãªå¯¾è±¡èªè€…ã¯ã€Œã“ã‚Œã‹ã‚‰ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’å¦ã‚“ã§ã¿ãŸã„人ã€ã€ŒWebã®ä¸–ç•Œã«é–¢ã‚ã£ã¦ã„ã¦JavaScriptã‚’å¦ã‚“ã§ã¿ãŸã„人ã€ã€Œæ˜”JavaScriptを触ã£ã¦ã„ãŸã‘ã©æœ€æ–°ã®ãƒˆãƒ¬ãƒ³ãƒ‰ãŒåˆ†ã‹ã‚‰ãªã„ã®ã§æ”¹ã‚ã¦å¦ã‚“ã§ã¿ãŸã„人ã€ãªã©ã§ã™ã€‚åˆå¿ƒè€…ã ã‘ã§ãªãã€Webデ
インターン講義4日目「JavaScript ã§å¦ã¶ イベントドリブン〠- Hatena Developer Blog
今日行ãªã‚ã‚ŒãŸã‚¤ãƒ³ã‚¿ãƒ¼ãƒ³4日目ã®è¬›ç¾©ã€ŒJavaScript ã§å¦ã¶ イベントドリブンã€by id:cho45ã®è³‡æ–™ã¨éŒ²ç”»ã‚’公開ã—ã¾ã™ã€‚今回ã¯ã€JavaScriptã®æ¦‚è¦ã‹ã‚‰DOMã€ã‚¤ãƒ™ãƒ³ãƒˆãƒ‰ãƒªãƒ–ンã¾ã§ã‚’2時間ã§ç¶²ç¾…ã—ãŸå¯†åº¦ã®é«˜ã„講義ã¨ãªã£ã¦ã„ã¾ã™ã€‚今回ã®æ”¾é€ã¯å®‰å®šã—ã¦ã„ã¾ã—ãŸã®ã§ã€éŸ³è³ªãƒ»ç”»è³ªã¨ã‚‚良好ã«ã§ãã¾ã—ãŸã€‚ 明日もAM10:30よりã€JavaScriptç•Œã®è²´å…¬åid:nanto_viã«ã‚ˆã‚‹ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹, HTML5ã€ã‚’放é€ã—ã¾ã™ã®ã§ã€æ˜¯éžã”覧ãã ã•ã„。 自己紹介 id:cho45 - vimmer ã†ã”メモãƒãƒ¼ãƒ ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ (7月後åŠã€œ) å°‘ã—å‰ã¾ã§ãƒ–ックマークãƒãƒ¼ãƒ Perl, JS (Scala, Ruby, etc...) サーãƒã‚µã‚¤ãƒ‰ãƒ»ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰UI・スマートフォンãªã© Java ã‚„ AS ã‚‚å ´åˆã«ã‚ˆã£ã¦ã¯æ›¸ã„ã¦ã„ã¾ã™ 特技 1行コードを書ãã”ã¨ã«ãƒ
jslint.vim - JavaScript: The Good Parts信者æ“å–œ - komagataã®ãƒ–ãƒã‚°
å°‘ã—é•·ã‚ã®Javascriptを書ã時ã«typoã¨ã‹ã‚±ã‚¢ãƒ¬ã‚¹ãƒŸã‚¹ãŒç›®ç«‹ã£ã¦ããŸã®ã§æ–‡æ³•ãƒã‚§ãƒƒã‚¯ã—ã¦ãれるjslintã‚’vimã‹ã‚‰ä½¿ã†jslint.vimを使ã£ã¦ã¿ã¾ã—ãŸã€‚ （Javascriptã§VNCクライアントを実装ã—ãŸJoelã•ã‚“ã®ã‚¤ãƒ³ã‚¿ãƒ“ューã§JSLintを使ã£ã¦ã‚‹ã¨ã„ã†ã®ã‚’èªã‚“ã§æ°—ã«ãªã£ã¦ã¾ã—ãŸã€‚） hallettj's jslint.vim at master - GitHub READMEã«æ›¸ã„ã¦ã‚る通りã§è¡Œã‘ã¾ã™ã€‚（Macã®å ´åˆã¯ã“ã†ï¼‰ % sudo port install spidermonkey % git clone git://github.com/hallettj/jslint.vim.git % cd jslint.vim % rake install MacBookã®å ´åˆã€F5ã¨ã‹ã£ã¦fnã‚ー必è¦ã ã—é¢å€’ãªã®ã§ä»–ã«å‰²ã‚ŠæŒ¯ã£ãŸæ–¹ãŒè‰¯ã•ãã†ã§ã™ã€‚ quickfi
PHPエンジニアã®ãŸã‚ã®ã‚ªãƒ–ジェクト指å‘JavaScriptã®æ›¸ãæ–¹ - EC studio 技術ブãƒã‚°
JavaScriptã¯ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ベースã®ã‚ªãƒ–ジェクト指å‘言語ã§ã€ PHPã‚„Javaã€C++ãªã©ã®ã‚¯ãƒ©ã‚¹ãƒ™ãƒ¼ã‚¹ã®ã‚ªãƒ–ジェクトã¨ã¯ 特徴や書ãæ–¹ãŒå¤§ããç•°ãªã‚Šã¾ã™ã€‚ 今回ã¯ã€PHPã§ã‚ªãƒ–ジェクト指å‘開発ã®çµŒé¨“ãŒã‚る人å‘ã‘ã«ã€ JavaScriptã§ã®ã‚ªãƒ–ジェクト指å‘プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®æ›¸ã方を解説ã—ã¾ã™ã€‚ サンプルã¯ã™ã¹ã¦ãã®ã¾ã¾å®Ÿè¡Œã§ãã‚‹ã®ã§ã€ Firebugãªã©ã®JavaScriptコンソールã§å®Ÿè¡Œã—㦠挙動を確ã‹ã‚ãªãŒã‚‰èªã¿é€²ã‚ã‚‹ã¨ã‚ã‹ã‚Šã‚„ã™ã„ã‹ã¨æ€ã„ã¾ã™ã€‚ JavaScript ã®ç‰¹å¾´ ã™ã¹ã¦ãŒã‚ªãƒ–ジェクト JavaScriptã¯å®Œå…¨ãªã‚ªãƒ–ジェクト指å‘言語ã§ã‚り〠ã™ã¹ã¦ã®åž‹ã®å¤‰æ•°ã€é–¢æ•°ã¯ã‚ªãƒ–ジェクトã§ã™ã€‚ (プãƒãƒ‘ティやメソッドをæŒã¤)
ブラウザã«ãƒãƒ¼ã‚«ãƒ«ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ Drag & Drop ã§ãƒ•ã‚©ãƒˆãƒ©ã‚¤ãƒ•ã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹ Greasemonkey Script - 2nd life (移転ã—ã¾ã—ãŸ)
HTML5 File API ã¤ã‹ã†ã¨ãƒãƒ¼ã‚«ãƒ«ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ブラウザ㫠Drag ã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒãƒ³ãƒ‰ãƒªãƒ³ã‚°ã—㦠binary やら data スã‚ームã¨ã—ã¦æ‰±ã†ã“ã¨ãŒã§ãã€Firefox 3.6 ã‚„ Chrome 5 ã§ã™ã§ã«ä½¿ãˆã‚‹ã¨ã„ã†ã®ã‚’今ã•ã‚‰ãªãŒã‚‰çŸ¥ã£ãŸ*1ã®ã§ã€ã¯ã¦ãªãƒ•ã‚©ãƒˆãƒ©ã‚¤ãƒ•ã«ãƒãƒ¼ã‚«ãƒ«ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ブラウザã«ãƒ‰ãƒ©ãƒƒã‚°ã™ã‚‹ã ã‘ã§ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã§ãã‚‹ UserScript を作ã£ã¦ã¿ã¾ã‚“ãŸã€‚ http://gist.github.com/raw/406281/drag_drop_fotouploader.user.js WinXP + Firefox 3.6.3 ã§ç¢ºèªã—ã¦ã¾ã™ãŒ OSX ã‚„ Chrome5 ãªã©ã®ç’°å¢ƒã§å‹•ãã‹ã¯è©¦ã—ã¦ãªã„ã®ã§è§£ã‚Šã¾ã›ã‚“。動作デモã¯ä»¥ä¸‹ã® swf 動画を見ã¦ãã ã•ã„。 http://rails2u.com/misc/fotolife_drag/ ãªã‚“ã‹ã™ã”ã„
ProtoChart
What is ProtoChart? ProtoChart is a new opensource library using Prototype and Canvas to create good looking charts. This library is highly motivated by Flot, Flotr and PlotKit libraries. Features Line, bar, pie, curve, mix, and area charts available Multiple data series on same graph Highly customizable legend support Customizable grid, grid border, background Customizable axis-tick values (both
Cybozu Inside Out: SpiderMonkeyを使ã£ã¦PHPã§ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰JavaScript
ã¯ã˜ã‚ã¾ã—ã¦ã€‚2009å¹´ã«æ–°å’ã§å…¥ç¤¾ã—ã¾ã—ãŸå¤©é‡Žç¥ä»‹ã§ã™ã€‚amachang を期待ã•ã‚ŒãŸæ–¹ã¯ã‚´ãƒ¡ãƒ³ãƒŠã‚µã‚¤ï¼ 先日 SpiderMonkey を利用ã—㦠PHP ã‹ã‚‰ JavaScript を実行ã™ã‚‹æ–¹æ³•ã‚’調ã¹ã‚‹æ©Ÿä¼šãŒã‚ã‚Šã¾ã—ãŸã®ã§ã€ã”紹介ã—ã¾ã™ã€‚ SpiderMonkey ã¨ã¯ SpiderMonkey ã¯Â C ã§å®Ÿè£…ã•ã‚ŒãŸ Mozilla ã® JavaScript エンジンã§ã™ã€‚ ã“れを PHP ã‹ã‚‰å®Ÿè¡Œã™ã‚‹æ‹¡å¼µã‚’利用ã™ã‚‹ã¨ã€ PHP コード内㧠JavaScript ãŒå®Ÿè¡Œã§ãã¾ã™ã€‚ SpiderMonkey extension ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« ã“ã¡ã‚‰http://devzone.zend.com/article/4704ã«è¨˜è¼‰ã•ã‚Œã¦ã„る方法㧠CentOS ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦ã¿ã¾ã—ãŸã€‚ PHP 5.3.0 以上ãŒå¿…è¦ã§ã™ã€‚ $ wget http://ftp.mozilla.org
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
jQT
processing
zeroclipboard - Google Code
{{#tags}}- {{label}}
{{/tags}}